From 8d0c31176fa76bd67b55150d98acd44c56b0cb92 Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Tue, 22 Mar 2022 17:14:58 +0530
Subject: [PATCH 001/168] Fixed bug causing incorrect month being displayed

---
 docs/index.html | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/docs/index.html b/docs/index.html
index e0fd2c4..562e622 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -86,7 +86,8 @@
                 <div id="login_button_wrapper" class="stateful-button-wrapper">
                     <sm-button variant="primary" onclick="UI_evt.login();">Log in</sm-button>
                 </div>
-                <sm-button onclick="showPopup('registration_popup')" style="display: none;" disabled>Not registered? click here!</sm-button>
+                <sm-button onclick="showPopup('registration_popup')" style="display: none;" disabled>Not registered?
+                    click here!</sm-button>
                 <div class="grid gap-0-5">
                     <p>Don't have FLO credentials?</p>
                     <sm-button onclick="showPopup('sign_up_popup')">Generate FLO credentials</sm-button>
@@ -364,7 +365,8 @@
                     <sm-copy id="generated_private_key"></sm-copy>
                 </div>
             </div>
-            <sm-button id="sign_up_button" variant="primary" onclick="registerID()" style="display: none;" disabled>Register these credentials
+            <sm-button id="sign_up_button" variant="primary" onclick="registerID()" style="display: none;" disabled>
+                Register these credentials
             </sm-button>
             <strong class="warning">
                 Keep your private key secure and don't share with anyone.
@@ -735,6 +737,7 @@
 
         function getFormattedTime(timeString, relative) {
             try {
+                console.log(timeString)
                 const [date, time] = timeString.split('T')
                 const [year, month, day] = date.split('-').map(v => parseInt(v))
                 let [hours, minutes] = time.split(':').map(v => parseInt(v))
@@ -743,7 +746,7 @@
                 const monthNames = ["Jan", "Feb", "Mar", "Apr", "May", "Jun",
                     "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"
                 ];
-                const monthName = monthNames[month]
+                const monthName = monthNames[month - 1]
 
                 minutes = minutes < 10 ? `0${minutes}` : minutes
                 let finalHours = ``;

From 1e2971ac8ef8db7264234a0531dc722e6cb03ab3 Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Tue, 29 Mar 2022 18:37:26 +0530
Subject: [PATCH 002/168] major UI changes

---
 args/app-config.json   |    1 +
 docs/css/components.js | 1601 ++++++++++++++--------------------------
 docs/css/main.css      |  301 ++++----
 docs/css/main.min.css  |    2 +-
 docs/css/main.scss     |  303 ++++----
 docs/index.html        |  698 ++++++++++--------
 6 files changed, 1292 insertions(+), 1614 deletions(-)
 create mode 100644 args/app-config.json

diff --git a/args/app-config.json b/args/app-config.json
new file mode 100644
index 0000000..635cc90
--- /dev/null
+++ b/args/app-config.json
@@ -0,0 +1 @@
+{"secret":"9qWGMLljSaHWGfm4tfXMxukjig43fBtafjZ","port":"8080","sql_user":"user","sql_pwd":"Qwerty@123","sql_db":"exchange","sql_host":"localhost","backup-port":"8081","backup-floIDs":[]}
\ No newline at end of file
diff --git a/docs/css/components.js b/docs/css/components.js
index 31f5316..ab48ccc 100644
--- a/docs/css/components.js
+++ b/docs/css/components.js
@@ -9,30 +9,24 @@ smButton.innerHTML = `
             box-sizing: border-box;
 }       
 :host{
-    display: -webkit-inline-box;
-    display: -ms-inline-flexbox;
     display: inline-flex;
     width: auto;
-    --accent-color: #4d2588;
-    --text-color: 17, 17, 17;
-    --background-color: 255, 255, 255;
     --padding: 0.6rem 1.2rem;
     --border-radius: 0.3rem;
-    --background: rgba(var(--text-color), 0.1);
+    --background: rgba(var(--text-color, (17,17,17)), 0.1);
 }
 :host([variant='primary']) .button{
-    background: var(--accent-color);
-    color: rgba(var(--background-color), 1);
+    background: var(--accent-color,teal);
+    color: rgba(var(--background-color, (255,255,255)), 1);
 }
 :host([variant='outlined']) .button{
-    -webkit-box-shadow: 0 0 0 1px rgba(var(--text-color), 0.2) inset;
-            box-shadow: 0 0 0 1px rgba(var(--text-color), 0.2) inset;
+            box-shadow: 0 0 0 1px rgba(var(--text-color, (17,17,17)), 0.2) inset;
     background: transparent; 
-    color: var(--accent-color);
+    color: var(--accent-color,teal);
 }
 :host([variant='no-outline']) .button{
     background: inherit; 
-    color: var(--accent-color);
+    color: var(--accent-color,teal);
 }
 :host([disabled]){
     pointer-events: none;
@@ -40,19 +34,12 @@ smButton.innerHTML = `
 }
 .button {
     position: relative;
-    display: -webkit-box;
-    display: -ms-flexbox;
     display: flex;
     width: 100%;
     padding: var(--padding);
     cursor: pointer;
-    -webkit-user-select: none;
-       -moz-user-select: none;
-        -ms-user-select: none;
             user-select: none;
     border-radius: var(--border-radius); 
-    -webkit-box-pack: center; 
-        -ms-flex-pack: center; 
             justify-content: center;
     transition: box-shadow 0.3s, background-color 0.3s;
     font-family: inherit;
@@ -70,8 +57,8 @@ smButton.innerHTML = `
     pointer-events: none;
     cursor: not-allowed;
     opacity: 0.6;
-    color: rgba(var(--text-color), 1);
-    background-color: rgba(var(--text-color), 0.3);
+    color: rgba(var(--text-color, (17,17,17)), 1);
+    background-color: rgba(var(--text-color, (17,17,17)), 0.3);
 }
 @media (hover: hover){
     :host(:not([disabled])) .button:hover,
@@ -81,8 +68,8 @@ smButton.innerHTML = `
     }
     :host([variant='outlined']:not([disabled])) .button:hover,
     :host(:focus-within[variant='outlined']:not([disabled])) .button:hover{
-        -webkit-box-shadow: 0 0 0 1px rgba(var(--text-color), 0.2) inset, 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1), 0 0.4rem 0.8rem rgba(0, 0, 0, 0.12);
-                box-shadow: 0 0 0 1px rgba(var(--text-color), 0.2) inset, 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1), 0 0.4rem 0.8rem rgba(0, 0, 0, 0.12);
+        -webkit-box-shadow: 0 0 0 1px rgba(var(--text-color, (17,17,17)), 0.2) inset, 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1), 0 0.4rem 0.8rem rgba(0, 0, 0, 0.12);
+                box-shadow: 0 0 0 1px rgba(var(--text-color, (17,17,17)), 0.2) inset, 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1), 0 0.4rem 0.8rem rgba(0, 0, 0, 0.12);
     }
 }
 @media (hover: none){
@@ -91,8 +78,8 @@ smButton.innerHTML = `
                 box-shadow: 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1), 0 0.2rem 0.8rem rgba(0, 0, 0, 0.2);
     }
     :host([variant='outlined']) .button:active{
-        -webkit-box-shadow: 0 0 0 1px rgba(var(--text-color), 0.2) inset, 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1), 0 0.4rem 0.8rem rgba(0, 0, 0, 0.2);
-                box-shadow: 0 0 0 1px rgba(var(--text-color), 0.2) inset, 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1), 0 0.4rem 0.8rem rgba(0, 0, 0, 0.2);
+        -webkit-box-shadow: 0 0 0 1px rgba(var(--text-color, (17,17,17)), 0.2) inset, 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1), 0 0.4rem 0.8rem rgba(0, 0, 0, 0.2);
+                box-shadow: 0 0 0 1px rgba(var(--text-color, (17,17,17)), 0.2) inset, 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1), 0 0.4rem 0.8rem rgba(0, 0, 0, 0.2);
     }
 }
 </style>
@@ -153,27 +140,26 @@ customElements.define('sm-button',
     })
 const smForm = document.createElement('template');
 smForm.innerHTML = `
-    <style>
-    *{
-        padding: 0;
-        margin: 0;
-        box-sizing: border-box;
-    }
-    :host{
-        display: flex;
-        --gap: 1rem;
-        width: 100%;
-    }
-    form{
-        display: grid;
-        gap: var(--gap);
-        width: 100%;
-    }
-    </style>
-	<form part="form" onsubmit="return false">
-		<slot></slot>
-	</form>
-`;
+        <style>
+        *{
+            padding: 0;
+            margin: 0;
+            box-sizing: border-box;
+        }
+        :host{
+            display: flex;
+            width: 100%;
+        }
+        form{
+            display: grid;
+            gap: var(--gap, 1.5rem);
+            width: 100%;
+        }
+        </style>
+        <form part="form" onsubmit="return false">
+            <slot></slot>
+        </form>
+    `;
 
 customElements.define('sm-form', class extends HTMLElement {
     constructor() {
@@ -215,9 +201,9 @@ customElements.define('sm-form', class extends HTMLElement {
         }
     }
     handleKeydown(e) {
-        if (e.key === 'Enter' && e.target.tagName !== 'SM-TEXTAREA') {
+        if (e.key === 'Enter' && !e.target.tagName.includes('TEXTAREA')) {
             if (this.allRequiredValid) {
-                if (this.submitButton && this.submitButton.tagName === 'SM-BUTTON') {
+                if (this.submitButton) {
                     this.submitButton.click()
                 }
                 this.dispatchEvent(new CustomEvent('submit', {
@@ -257,231 +243,207 @@ customElements.define('sm-form', class extends HTMLElement {
 
 const smInput = document.createElement('template')
 smInput.innerHTML = `
-<style>
-*{
-    padding: 0;
-    margin: 0;
-    -webkit-box-sizing: border-box;
-            box-sizing: border-box;
-} 
-input[type="search"]::-webkit-search-decoration,
-input[type="search"]::-webkit-search-cancel-button,
-input[type="search"]::-webkit-search-results-button,
-input[type="search"]::-webkit-search-results-decoration { display: none; }
-input[type=number] {
--moz-appearance:textfield;
-}
-input[type=number]::-webkit-inner-spin-button, 
-input[type=number]::-webkit-outer-spin-button { 
-    -webkit-appearance: none;
-    -moz-appearance: none;
-    appearance: none;
-    margin: 0; 
-}
-input::-ms-reveal,
-input::-ms-clear {
-  display: none;
-}
-input:invalid{
-    outline: none;
-    -webkit-box-shadow: none;
-            box-shadow: none;
-}
-::-moz-focus-inner{
-border: none;
-}
-:host{
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    --accent-color: #4d2588;
-    --text-color: 17, 17, 17;
-    --background-color: 255, 255, 255;
-    --success-color: #00C853;
-    --danger-color: red;
-    --width: 100%;
-    --icon-gap: 0.5rem;
-    --border-radius: 0.3rem;
-    --padding: 0.7rem 1rem;
-    --background: rgba(var(--text-color), 0.06);
-}
-.hide{
-   opacity: 0 !important;
-   pointer-events: none !important;
-}
-.hide-completely{
-    display: none;
-}
-.icon {
-    fill: rgba(var(--text-color), 0.6);
-    height: 1.4rem;
-    width: 1.4rem;
-    border-radius: 1rem;
-    cursor: pointer;
-    min-width: 0;
-}
-
-:host(.round) .input{
-    border-radius: 10rem;
-}
-.input {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    cursor: text;
-    min-width: 0;
-    text-align: left;
-    -webkit-box-align: center;
-        -ms-flex-align: center;
-            align-items: center;
-    position: relative;
-    gap: var(--icon-gap);
-    padding: var(--padding);
-    border-radius: var(--border-radius);
-    -webkit-transition: opacity 0.3s;
-    -o-transition: opacity 0.3s;
-    transition: opacity 0.3s;
-    background: var(--background);
-    width: 100%;
-    outline: none;
-}
-.input.readonly .clear{
-    opacity: 0 !important;
-    margin-right: -2rem;
-    pointer-events: none !important;
-}
-.readonly{
-    pointer-events: none;
-}
-.input:focus-within:not(.readonly){
-    box-shadow: 0 0 0 0.1rem var(--accent-color) inset !important;
-}
-.disabled{
-    pointer-events: none;
-    opacity: 0.6;
-}
-.label {
-    font-size: inherit;
-    opacity: .7;
-    font-weight: 400;
-    position: absolute;
-    top: 0;
-    -webkit-transition: -webkit-transform 0.3s;
-    transition: -webkit-transform 0.3s;
-    -o-transition: transform 0.3s;
-    transition: transform 0.3s;
-    transition: transform 0.3s, -webkit-transform 0.3s;
-    -webkit-transform-origin: left;
-    -ms-transform-origin: left;
-        transform-origin: left;
-    pointer-events: none;
-    white-space: nowrap;
-    overflow: hidden;
-    -o-text-overflow: ellipsis;
-       text-overflow: ellipsis;
-    width: 100%;
-    user-select: none;
-    will-change: transform;
-}
-.outer-container{
-    position: relative;
-    width: var(--width);
-}
-.container{
-    width: 100%;
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    position: relative;
-    -webkit-box-align: center;
-        -ms-flex-align: center;
-            align-items: center;
-    -webkit-box-flex: 1;
-        -ms-flex: 1;
-            flex: 1;
-}    
-input{
-    font-size: inherit;
+    <style>
+    *{
+        padding: 0;
+        margin: 0;
+        -webkit-box-sizing: border-box;
+                box-sizing: border-box;
+    } 
+    input[type="search"]::-webkit-search-decoration,
+    input[type="search"]::-webkit-search-cancel-button,
+    input[type="search"]::-webkit-search-results-button,
+    input[type="search"]::-webkit-search-results-decoration { display: none; }
+    input[type=number] {
+    -moz-appearance:textfield;
+    }
+    input[type=number]::-webkit-inner-spin-button, 
+    input[type=number]::-webkit-outer-spin-button { 
+        -webkit-appearance: none;
+        -moz-appearance: none;
+        appearance: none;
+        margin: 0; 
+    }
+    input::-ms-reveal,
+    input::-ms-clear {
+      display: none;
+    }
+    input:invalid{
+        outline: none;
+        -webkit-box-shadow: none;
+                box-shadow: none;
+    }
+    ::-moz-focus-inner{
     border: none;
-    background: transparent;
-    outline: none;
-    color: rgba(var(--text-color), 1);
-    width: 100%;
-}
-:host(:not([variant="outlined"])) .animate-label .container input {
-    -webkit-transform: translateY(0.6rem);
-            -ms-transform: translateY(0.6rem);
-        transform: translateY(0.6rem);
     }
-  
-:host(:not([variant="outlined"])) .animate-label .label {
-    -webkit-transform: translateY(-0.7em) scale(0.8);
-            -ms-transform: translateY(-0.7em) scale(0.8);
-        transform: translateY(-0.7em) scale(0.8);
-    opacity: 1;
-    color: var(--accent-color)
-}
-:host([variant="outlined"]) .input {
-    box-shadow: 0 0 0 0.1rem var(--border-color, rgba(var(--text-color), 0.4)) inset;
-    background: rgba(var(--background-color), 1);
-}
-:host([variant="outlined"]) .label {
-    width: max-content;
-    margin-left: -0.5rem;
-    padding: 0 0.5rem;
-}
-:host([variant="outlined"]) .animate-label .label {
-    -webkit-transform: translate(0.1rem, -1.5rem) scale(0.8);
-            -ms-transform: translate(0.1rem, -1.5rem) scale(0.8);
-        transform: translate(0.1rem, -1.5rem) scale(0.8);
-    opacity: 1;
-    background: rgba(var(--background-color), 1);
-}
-.animate-label:focus-within:not(.readonly) .label{
-    color: var(--accent-color)
-}
-.feedback-text:not(:empty){
-    display: flex;
-    width: 100%;
-    text-align: left;
-    font-size: 0.9rem;
-    align-items: center;
-    padding: 0.8rem 0;
-    color: rgba(var(--text-color), 0.8);
-}
-.success{
-    color: var(--success-color);
-}
-.error{
-    color: var(--danger-color);
-}
-.status-icon{
-    margin-right: 0.2rem;
-}
-.status-icon--error{
-    fill: var(--danger-color);
-}
-.status-icon--success{
-    fill: var(--success-color);
-}
-@media (any-hover: hover){
-    .icon:hover{
-        background: rgba(var(--text-color), 0.1);
+    :host{
+        display: flex;
+        --success-color: #00C853;
+        --danger-color: red;
+        --width: 100%;
+        --icon-gap: 0.5rem;
+        --background: rgba(var(--text-color, (17,17,17)), 0.06);
     }
-}
-</style>
-<div class="outer-container">
-    <label part="input" class="input">
-        <slot name="icon"></slot>
-        <div class="container">
-            <input type="text"/>
-            <div part="placeholder" class="label"></div>
-        </div>
-        <svg class="icon clear hide" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-11.414L9.172 7.757 7.757 9.172 10.586 12l-2.829 2.828 1.415 1.415L12 13.414l2.828 2.829 1.415-1.415L13.414 12l2.829-2.828-1.415-1.415L12 10.586z"/></svg>
-    </label>
-    <p class="feedback-text"></p>
-</div>
-`;
+    .hide{
+       display: none !important;
+    }
+    button{
+        display: flex;
+        border: none;
+        background: none;
+        padding: 0;
+        border-radius: 1rem;
+        min-width: 0;
+        cursor: pointer;
+    }
+    button:focus{
+        outline: var(--accent-color, teal) solid medium;
+    }
+    .icon {
+        height: 1.4rem;
+        width: 1.4rem;
+        fill: rgba(var(--text-color, (17,17,17)), 0.6);
+    }
+    
+    :host(.round) .input{
+        border-radius: 10rem;
+    }
+    .input {
+        display: flex;
+        cursor: text;
+        min-width: 0;
+        text-align: left;
+                align-items: center;
+        position: relative;
+        gap: var(--icon-gap);
+        padding: var(--padding, 0.6rem 0.8rem);
+        border-radius: var(--border-radius,0.3rem);
+        transition: opacity 0.3s, box-shadow 0.2s;
+        background: var(--background);
+        width: 100%;
+        outline: none;
+        min-height: 3.5rem;
+    }
+    .input.readonly .clear{
+        opacity: 0 !important;
+        margin-right: -2rem;
+        pointer-events: none !important;
+    }
+    .readonly{
+        pointer-events: none;
+    }
+    .input:focus-within:not(.readonly){
+        box-shadow: 0 0 0 0.1rem var(--accent-color,teal) inset !important;
+    }
+    .disabled{
+        pointer-events: none;
+        opacity: 0.6;
+    }
+    .label {
+        grid-area: 1/1/2/2;
+        font-size: inherit;
+        opacity: .7;
+        font-weight: 400;
+        transition: -webkit-transform 0.3s;
+        transition: transform 0.3s;
+        transition: transform 0.3s, -webkit-transform 0.3s, color .03;
+            transform-origin: left;
+        pointer-events: none;
+        white-space: nowrap;
+        overflow: hidden;
+        width: 100%;
+        user-select: none;
+        will-change: transform;
+    }
+    .outer-container{
+        position: relative;
+        width: var(--width);
+    }
+    .container{
+        width: 100%;
+        display: grid;
+        grid-template-columns: 1fr auto;
+        position: relative;
+        align-items: center;
+    }    
+    input{
+        grid-area: 1/1/2/2;
+        font-size: inherit;
+        border: none;
+        background: transparent;
+        outline: none;
+        color: inherit;
+        font-family: inherit;
+        width: 100%;
+        caret-color: var(--accent-color, teal);
+    }
+    :host([animate]) .input:focus-within .container input,
+    .animate-placeholder .container input {
+        -webkit-transform: translateY(0.6rem);
+                -ms-transform: translateY(0.6rem);
+            transform: translateY(0.6rem);
+        }
+      
+        :host([animate]) .input:focus-within .label,
+        .animate-placeholder .label {
+        -webkit-transform: translateY(-0.7em) scale(0.8);
+                -ms-transform: translateY(-0.7em) scale(0.8);
+            transform: translateY(-0.7em) scale(0.8);
+        opacity: 1;
+        color: var(--accent-color,teal)
+    }
+    :host([variant="outlined"]) .input {
+        box-shadow: 0 0 0 1px var(--border-color, rgba(var(--text-color, (17,17,17)), 0.3)) inset;
+        background: rgba(var(--background-color, (255,255,255)), 1);
+    }
+    .animate-placeholder:focus-within:not(.readonly) .label{
+        color: var(--accent-color,teal)
+    }
+    .feedback-text:not(:empty){
+        display: flex;
+        width: 100%;
+        text-align: left;
+        font-size: 0.9rem;
+        align-items: center;
+        padding: 0.8rem 0;
+        color: rgba(var(--text-color, (17,17,17)), 0.8);
+    }
+    .success{
+        color: var(--success-color);
+    }
+    .error{
+        color: var(--danger-color);
+    }
+    .status-icon{
+        margin-right: 0.2rem;
+    }
+    .status-icon--error{
+        fill: var(--danger-color);
+    }
+    .status-icon--success{
+        fill: var(--success-color);
+    }
+    @media (any-hover: hover){
+        .icon:hover{
+            background: rgba(var(--text-color, (17,17,17)), 0.1);
+        }
+    }
+    </style>
+    <div class="outer-container">
+        <label part="input" class="input">
+            <slot name="icon"></slot>
+            <div class="container">
+                <input type="text"/>
+                <div part="placeholder" class="label"></div>
+                <button class="clear hide" title="Clear" tabindex="-1">
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-11.414L9.172 7.757 7.757 9.172 10.586 12l-2.829 2.828 1.415 1.415L12 13.414l2.828 2.829 1.415-1.415L13.414 12l2.829-2.828-1.415-1.415L12 10.586z"/></svg>
+                </button>
+            </div>
+            <slot name="right"></slot>
+        </label>
+        <p class="feedback-text"></p>
+    </div>
+    `;
 customElements.define('sm-input',
     class extends HTMLElement {
 
@@ -500,11 +462,11 @@ customElements.define('sm-input',
             this._helperText = '';
             this._errorText = '';
             this.isRequired = false;
-            this.hideRequired = false;
             this.validationFunction = undefined;
             this.reflectedAttributes = ['value', 'required', 'disabled', 'type', 'inputmode', 'readonly', 'min', 'max', 'pattern', 'minlength', 'maxlength', 'step'];
 
             this.reset = this.reset.bind(this);
+            this.clear = this.clear.bind(this);
             this.focusIn = this.focusIn.bind(this);
             this.focusOut = this.focusOut.bind(this);
             this.fireEvent = this.fireEvent.bind(this);
@@ -590,9 +552,9 @@ customElements.define('sm-input',
                         this.feedbackText.classList.add('error');
                         this.feedbackText.classList.remove('success');
                         this.feedbackText.innerHTML = `
-                            <svg class="status-icon status-icon--error" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-1-7v2h2v-2h-2zm0-8v6h2V7h-2z"/></svg>
-                        ${this._errorText}
-                        `;
+                                <svg class="status-icon status-icon--error" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-1-7v2h2v-2h-2zm0-8v6h2V7h-2z"/></svg>
+                            ${this._errorText}
+                            `;
                     }
                 }
                 return (_isValid && _customValid);
@@ -601,6 +563,10 @@ customElements.define('sm-input',
         reset() {
             this.value = '';
         }
+        clear() {
+            this.value = '';
+            this.input.focus();
+        }
 
         focusIn() {
             this.input.focus();
@@ -625,22 +591,20 @@ customElements.define('sm-input',
                     this.clearBtn.classList.remove('hide');
                 } else {
                     this.clearBtn.classList.add('hide');
-                    if (this.isRequired && !this.hideRequired) {
-                        this.feedbackText.textContent = '*required';
-                    }
                 }
             }
             if (!this.hasAttribute('placeholder') || this.getAttribute('placeholder').trim() === '') return;
             if (this.input.value !== '') {
                 if (this.animate)
-                    this.inputParent.classList.add('animate-label');
+                    this.inputParent.classList.add('animate-placeholder');
                 else
                     this.label.classList.add('hide');
             } else {
                 if (this.animate)
-                    this.inputParent.classList.remove('animate-label');
+                    this.inputParent.classList.remove('animate-placeholder');
                 else
                     this.label.classList.remove('hide');
+                this.feedbackText.textContent = '';
             }
         }
         vibrate() {
@@ -661,7 +625,7 @@ customElements.define('sm-input',
             this.animate = this.hasAttribute('animate');
             this.setAttribute('role', 'textbox');
             this.input.addEventListener('input', this.checkInput);
-            this.clearBtn.addEventListener('click', this.reset);
+            this.clearBtn.addEventListener('click', this.clear);
         }
 
         attributeChangedCallback(name, oldValue, newValue) {
@@ -694,11 +658,6 @@ customElements.define('sm-input',
                 }
                 else if (name === 'required') {
                     this.isRequired = this.hasAttribute('required');
-                    if (this.isRequired && !this.hideRequired) {
-                        this.feedbackText.textContent = '';
-                    } else {
-                        this.feedbackText.textContent = '*required';
-                    }
                     if (this.isRequired) {
                         this.setAttribute('aria-required', 'true');
                     }
@@ -706,9 +665,6 @@ customElements.define('sm-input',
                         this.setAttribute('aria-required', 'false');
                     }
                 }
-                else if (name === 'hiderequired') {
-                    this.hideRequired = this.hasAttribute('hiderequired')
-                }
                 else if (name === 'readonly') {
                     if (this.hasAttribute('readonly')) {
                         this.inputParent.classList.add('readonly');
@@ -728,157 +684,152 @@ customElements.define('sm-input',
         }
         disconnectedCallback() {
             this.input.removeEventListener('input', this.checkInput);
-            this.clearBtn.removeEventListener('click', this.reset);
+            this.clearBtn.removeEventListener('click', this.clear);
         }
     })
 const smNotifications = document.createElement('template')
 smNotifications.innerHTML = `
-<style>
-    *{
-        padding: 0;
-        margin: 0;
-        -webkit-box-sizing: border-box;
-                box-sizing: border-box;
-    } 
-    :host{
-        display: -webkit-box;
-        display: -ms-flexbox;
-        display: flex;
-        --accent-color: #4d2588;
-        --text-color: 17, 17, 17;
-        --background-color: 255, 255, 255;
-        --danger-color: red;
-        --icon-height: 1.5rem;
-        --icon-width: 1.5rem;
-    }
-    .hide{
-        opacity: 0 !important;
-        pointer-events: none !important;
-    }
-    .notification-panel{
-        display: grid;
-        width: 100%;
-        gap: 0.5rem;
-        position: fixed;
-        left: 0;
-        bottom: 0;
-        z-index: 100;
-        max-height: 100%;
-        padding: 1rem;
-        overflow: hidden auto;
-        -ms-scroll-chaining: none;
-            overscroll-behavior: contain;
-    }
-    .notification-panel:empty{
-        display:none;
-    }
-    .notification{
-        display: -webkit-box;
-        display: -ms-flexbox;
-        display: flex;
-        position: relative;
-        border-radius: 0.3rem;
-        background: rgba(var(--background-color), 1);
-        overflow: hidden;
-        overflow-wrap: break-word;
-        word-wrap: break-word;
-        -ms-word-break: break-all;
-        word-break: break-all;
-        word-break: break-word;
-        -ms-hyphens: auto;
-        -webkit-hyphens: auto;
-        hyphens: auto;
-        max-width: 100%;
-        padding: 1rem;
-        align-items: center;
-    }
-    .icon-container:not(:empty){
-        margin-right: 0.5rem;
-        height: var(--icon-height);
-        width: var(--icon-width);
-    }
-    h4:first-letter,
-    p:first-letter{
-        text-transform: uppercase;
-    }
-    h4{
-        font-weight: 400;
-    }
-    p{
-        line-height: 1.6;
-        -webkit-box-flex: 1;
-            -ms-flex: 1;
-                flex: 1;
-        color: rgba(var(--text-color), 0.9);
-        overflow-wrap: break-word;
-        overflow-wrap: break-word;
-        word-wrap: break-word;
-        -ms-word-break: break-all;
-        word-break: break-all;
-        word-break: break-word;
-        -ms-hyphens: auto;
-        -webkit-hyphens: auto;
-        hyphens: auto;
-        max-width: 100%;
-    }
-    .notification:last-of-type{
-        margin-bottom: 0;
-    }
-    .icon {
-        height: 100%;
-        width: 100%;
-        fill: rgba(var(--text-color), 0.7);
-    }
-    .icon--success {
-        fill: var(--green);
-      }
-      .icon--failure,
-      .icon--error {
-        fill: var(--danger-color);
-      }
-    .close{
-        height: 2rem;
-        width: 2rem;
-        border: none;
-        cursor: pointer;
-        margin-left: 1rem;
-        border-radius: 50%;
-        padding: 0.3rem;
-        transition: background-color 0.3s, transform 0.3s;
-        background-color: transparent;
-    }
-    .close:active{
-        transform: scale(0.9);
-    }
-    @media screen and (min-width: 640px){
+    <style>
+        *{
+            padding: 0;
+            margin: 0;
+            -webkit-box-sizing: border-box;
+                    box-sizing: border-box;
+        } 
+        :host{
+            display: flex;
+            --icon-height: 1.5rem;
+            --icon-width: 1.5rem;
+        }
+        .hide{
+            opacity: 0 !important;
+            pointer-events: none !important;
+        }
         .notification-panel{
-            max-width: 28rem;
-            width: max-content;
+            display: grid;
+            width: 100%;
+            gap: 0.5rem;
+            position: fixed;
+            left: 0;
+            bottom: 0;
+            z-index: 100;
+            max-height: 100%;
+            padding: 1rem;
+            overflow: hidden auto;
+            -ms-scroll-chaining: none;
+                overscroll-behavior: contain;
+        }
+        .notification-panel:empty{
+            display:none;
         }
         .notification{
-            width: auto;
-            border: solid 1px rgba(var(--text-color), 0.2);
+            display: -webkit-box;
+            display: -ms-flexbox;
+            display: flex;
+            position: relative;
+            border-radius: 0.3rem;
+            background: rgba(var(--background-color, (255,255,255)), 1);
+            overflow: hidden;
+            overflow-wrap: break-word;
+            word-wrap: break-word;
+            -ms-word-break: break-all;
+            word-break: break-all;
+            word-break: break-word;
+            -ms-hyphens: auto;
+            -webkit-hyphens: auto;
+            hyphens: auto;
+            max-width: 100%;
+            padding: 1rem;
+            align-items: center;
         }
-    }
-    @media (any-hover: hover){
-        ::-webkit-scrollbar{
-            width: 0.5rem;
+        .icon-container:not(:empty){
+            margin-right: 0.5rem;
+            height: var(--icon-height);
+            width: var(--icon-width);
         }
-        
-        ::-webkit-scrollbar-thumb{
-            background: rgba(var(--text-color), 0.3);
-            border-radius: 1rem;
-            &:hover{
-                background: rgba(var(--text-color), 0.5);
+        h4:first-letter,
+        p:first-letter{
+            text-transform: uppercase;
+        }
+        h4{
+            font-weight: 400;
+        }
+        p{
+            line-height: 1.6;
+            -webkit-box-flex: 1;
+                -ms-flex: 1;
+                    flex: 1;
+            color: rgba(var(--text-color, (17,17,17)), 0.9);
+            overflow-wrap: break-word;
+            overflow-wrap: break-word;
+            word-wrap: break-word;
+            -ms-word-break: break-all;
+            word-break: break-all;
+            word-break: break-word;
+            -ms-hyphens: auto;
+            -webkit-hyphens: auto;
+            hyphens: auto;
+            max-width: 100%;
+        }
+        .notification:last-of-type{
+            margin-bottom: 0;
+        }
+        .icon {
+            height: 100%;
+            width: 100%;
+            fill: rgba(var(--text-color, (17,17,17)), 0.7);
+        }
+        .icon--success {
+            fill: var(--green);
+          }
+          .icon--failure,
+          .icon--error {
+            fill: var(--danger-color);
+          }
+        .close{
+            height: 2rem;
+            width: 2rem;
+            border: none;
+            cursor: pointer;
+            margin-left: 1rem;
+            border-radius: 50%;
+            padding: 0.3rem;
+            transition: background-color 0.3s, transform 0.3s;
+            background-color: transparent;
+        }
+        .close:active{
+            transform: scale(0.9);
+        }
+        @media screen and (min-width: 640px){
+            .notification-panel{
+                max-width: 28rem;
+                width: max-content;
+            }
+            .notification{
+                width: auto;
+                border: solid 1px rgba(var(--text-color, (17,17,17)), 0.2);
             }
         }
-        .close:hover{
-            background-color: rgba(var(--text-color), 0.1);
+        @media (any-hover: hover){
+            ::-webkit-scrollbar{
+                width: 0.5rem;
+            }
+            
+            ::-webkit-scrollbar-thumb{
+                background: rgba(var(--text-color, (17,17,17)), 0.3);
+                border-radius: 1rem;
+                &:hover{
+                    background: rgba(var(--text-color, (17,17,17)), 0.5);
+                }
+            }
+            .close:hover{
+                background-color: rgba(var(--text-color, (17,17,17)), 0.1);
+            }
         }
-    }
-</style>
-<div class="notification-panel"></div>
-`
+    </style>
+    <div class="notification-panel"></div>
+    `;
+
 
 customElements.define('sm-notifications', class extends HTMLElement {
     constructor() {
@@ -911,21 +862,21 @@ customElements.define('sm-notifications', class extends HTMLElement {
 
     createNotification(message, options = {}) {
         const { pinned = false, icon = '' } = options;
-        const notification = document.createElement('div')
+        const notification = document.createElement('output')
         notification.id = this.randString(8)
         notification.classList.add('notification');
         let composition = ``;
         composition += `
-            <div class="icon-container">${icon}</div>
-            <p>${message}</p>
-            `;
+                <div class="icon-container">${icon}</div>
+                <p>${message}</p>
+                `;
         if (pinned) {
             notification.classList.add('pinned');
             composition += `
-                <button class="close">
-                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z"/></svg>
-                </button>
-            `;
+                    <button class="close">
+                        <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z"/></svg>
+                    </button>
+                `;
         }
         notification.innerHTML = composition;
         return notification;
@@ -1023,9 +974,6 @@ smPopup.innerHTML = `
     display: -ms-grid;
     display: grid;
     z-index: 10;
-    --accent-color: #4d2588;
-    --text-color: 17, 17, 17;
-    --background-color: 255, 255, 255;
     --width: 100%;
     --height: auto;
     --min-width: auto;
@@ -1080,7 +1028,7 @@ smPopup.innerHTML = `
     min-height: var(--min-height);
     max-height: 90vh;
     border-radius: var(--border-radius);
-    background: rgba(var(--background-color), 1);
+    background: rgba(var(--background-color, (255,255,255)), 1);
     -webkit-box-shadow: 0 -1rem 2rem #00000020;
             box-shadow: 0 -1rem 2rem #00000020;
 }
@@ -1140,7 +1088,7 @@ smPopup.innerHTML = `
     .handle{
         height: 0.3rem;
         width: 2rem;
-        background: rgba(var(--text-color), .4);
+        background: rgba(var(--text-color, (17,17,17)), .4);
         border-radius: 1rem;
         margin: 0.5rem 0;
     }
@@ -1151,10 +1099,10 @@ smPopup.innerHTML = `
     }
     
     ::-webkit-scrollbar-thumb{
-        background: rgba(var(--text-color), 0.3);
+        background: rgba(var(--text-color, (17,17,17)), 0.3);
         border-radius: 1rem;
         &:hover{
-            background: rgba(var(--text-color), 0.5);
+            background: rgba(var(--text-color, (17,17,17))), 0.5);
         }
     }
 }
@@ -1405,7 +1353,7 @@ customElements.define('sm-popup', class extends HTMLElement {
     }
 
     updateFocusableList() {
-        this.focusable = this.querySelectorAll('sm-button:not([disabled]), button:not([disabled]), [href], sm-input, input, sm-select, select, sm-checkbox, sm-textarea, textarea, [tabindex]:not([tabindex="-1"])')
+        this.focusable = this.querySelectorAll('sm-button:not([disabled]), button:not([disabled]), [href], sm-input, input:not([readonly]), sm-select, select, sm-checkbox, sm-textarea, textarea, [tabindex]:not([tabindex="-1"])')
         this.autoFocus = this.querySelector('[autofocus]')
     }
 
@@ -1467,17 +1415,12 @@ spinner.innerHTML = `
     -webkit-box-sizing: border-box;
             box-sizing: border-box;
 }
-:host{
-    --accent-color: #4d2588;
-    --height: 1.6rem;
-    --width: 1.6rem;
-}
 .loader {
-    height: var(--height);
-    width: var(--weight);
+    height: var(--size, 1.5rem);
+    width: var(--size, 1.5rem);
     stroke-width: 8;
     overflow: visible;
-    stroke: var(--accent-color);
+    stroke: var(--accent-color, teal);
     fill: none;
     stroke-dashoffset: 180;
     stroke-dasharray: 180;
@@ -1501,7 +1444,7 @@ spinner.innerHTML = `
 <svg viewBox="0 0 64 64" class="loader"><circle cx="32" cy="32" r="32" /></svg>
 
 `;
-class SquareLoader extends HTMLElement {
+class SpinnerLoader extends HTMLElement {
     constructor() {
         super();
         this.attachShadow({
@@ -1509,7 +1452,7 @@ class SquareLoader extends HTMLElement {
         }).append(spinner.content.cloneNode(true));
     }
 }
-window.customElements.define('sm-spinner', SquareLoader);
+window.customElements.define('sm-spinner', SpinnerLoader);
 
 const themeToggle = document.createElement('template');
 themeToggle.innerHTML = `
@@ -1544,7 +1487,7 @@ themeToggle.innerHTML = `
         pointer-events: none;
         transition: transform 0.3s, opacity 0.3s;
         transform: translate(-50%, -50%) scale(1.2);
-        background-color: rgba(var(--text-color), 0.12);
+        background-color: rgba(var(--text-color,(17,17,17)), 0.12);
     }
     :host(:focus-within) .theme-toggle{
         outline: none;
@@ -1557,7 +1500,7 @@ themeToggle.innerHTML = `
         position: absolute;
         height: 100%;
         width: 100%;
-        fill: rgba(var(--text-color), 1);
+        fill: rgba(var(--text-color,(17,17,17)), 1);
         transition: transform 0.3s, opacity 0.1s;
     }
     
@@ -1703,13 +1646,8 @@ smCopy.innerHTML = `
 :host{
     display: -webkit-box;
     display: flex;
-    --accent-color: #4d2588;
-    --text-color: 17, 17, 17;
-    --background-color: 255, 255, 255;
     --padding: 0;
-    --background-color: inherit;
-    --button-background-color: rgba(var(--text-color), 0.2);
-    --button-border-radius: 0.3rem;
+    --button-background-color: rgba(var(--text-color, (17,17,17)), 0.2);
 }
 .copy{
     display: grid;
@@ -1719,10 +1657,15 @@ smCopy.innerHTML = `
     align-items: center;
     grid-template-columns: minmax(0, 1fr) auto;
 }
-.copy-content{
+:host(:not([clip-text])) .copy-content{
     overflow-wrap: break-word;
     word-wrap: break-word;
 }
+:host([clip-text]) .copy-content{
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
 .copy-button{
     display: inline-flex;
     justify-content: center;
@@ -1730,7 +1673,7 @@ smCopy.innerHTML = `
     border: none;
     padding: 0.4rem;
     background-color: inherit;
-    border-radius: var(--button-border-radius);
+    border-radius: var(--button-border-radius, 0.3rem);
 }
 .copy-button:active{
     background-color: var(--button-background-color);
@@ -1738,7 +1681,7 @@ smCopy.innerHTML = `
 .icon{
     height: 1.2rem;
     width: 1.2rem;
-    fill: rgba(var(--text-color), 0.8);
+    fill: rgba(var(--text-color, (17,17,17)), 0.8);
 }
 @media (any-hover: hover){
     .copy:hover .copy-button{
@@ -1811,134 +1754,130 @@ customElements.define('sm-copy',
     });
 const stripSelect = document.createElement('template');
 stripSelect.innerHTML = `
-<style>
-    *{
-        padding: 0;
-        margin: 0;
-        -webkit-box-sizing: border-box;
-                box-sizing: border-box;
-    }  
-    :host{
-        --accent-color: #4d2588;
-        --text-color: 17, 17, 17;
-        --background-color: 255, 255, 255;
-        --gap: 0.5rem;
-        padding: 1rem 0;
-    }
-    .hide{
-        display: none !important;
-    }
-    input[type="radio"]{
-        display: none;
-    }
-    .scrolling-container{
-        position: relative;
-        display: flex;
-        align-items: center;
-    }
-    .strip-select{
-        position: relative;
-    }
-    :host([multiline]) .strip-select{
-        display: flex;
-        flex-wrap: wrap;
-        gap: 0.5rem;
-        overflow: auto hidden;
-    }
-    :host(:not([multiline])) .strip-select{
-        display: grid;
-        grid-auto-flow: column;
-        gap: var(--gap);
-        max-width: 100%;   
-        align-items: center;
-        overflow: auto hidden;
-    }
-    .nav-button{
-        display: flex;
-        top: 50%;
-        z-index: 2;
-        border: none;
-        padding: 0.3rem;
-        cursor: pointer;
-        position: absolute;
-        align-items: center;
-        background: rgba(var(--background-color), 1);
-        transform: translateY(-50%);
-    }
-    .nav-button--right{
-        right: 0;
-    }
-    .cover{
-        position: absolute;
-        z-index: 1;
-        width: 5rem;
-        height: 100%;
-        pointer-events: none;
-    }
-    .nav-button--right::before{
-        background-color: red;
-    }
-    .icon{
-        height: 1.5rem;
-        width: 1.5rem;
-        fill: rgba(var(--text-color), .8);
-    }
-    @media (hover: none){
-        ::-webkit-scrollbar {
-            height: 0;
+    <style>
+        *{
+            padding: 0;
+            margin: 0;
+            -webkit-box-sizing: border-box;
+                    box-sizing: border-box;
+        }  
+        :host{
+            padding: 1rem 0;
         }
-        .nav-button{
+        .hide{
+            display: none !important;
+        }
+        input[type="radio"]{
             display: none;
         }
+        .scrolling-container{
+            position: relative;
+            display: flex;
+            align-items: center;
+        }
         .strip-select{
+            position: relative;
+        }
+        :host([multiline]) .strip-select{
+            display: flex;
+            flex-wrap: wrap;
+            gap: var(--gap, 0.5rem);
             overflow: auto hidden;
         }
+        :host(:not([multiline])) .strip-select{
+            display: grid;
+            grid-auto-flow: column;
+            gap: var(--gap, 0.5rem);
+            max-width: 100%;   
+            align-items: center;
+            overflow: auto hidden;
+        }
+        .nav-button{
+            display: flex;
+            top: 50%;
+            z-index: 2;
+            border: none;
+            padding: 0.3rem;
+            cursor: pointer;
+            position: absolute;
+            align-items: center;
+            background: rgba(var(--background-color,(255,255,255)), 1);
+            transform: translateY(-50%);
+        }
+        .nav-button--right{
+            right: 0;
+        }
         .cover{
-            width: 2rem;
+            position: absolute;
+            z-index: 1;
+            width: 5rem;
+            height: 100%;
+            pointer-events: none;
         }
-        .cover--left{
-            background: linear-gradient(90deg, rgba(var(--background-color), 1), transparent);
+        .nav-button--right::before{
+            background-color: red;
         }
-        .cover--right{
-            right: 0;
-            background: linear-gradient(90deg, transparent, rgba(var(--background-color), 1));
+        .icon{
+            height: 1.5rem;
+            width: 1.5rem;
+            fill: rgba(var(--text-color,(17,17,17)), .8);
         }
-    }
-    @media (hover: hover){
-        ::-webkit-scrollbar-track {
-            background-color: transparent !important;
+        @media (hover: none){
+            ::-webkit-scrollbar {
+                height: 0;
+            }
+            .nav-button{
+                display: none;
+            }
+            .strip-select{
+                overflow: auto hidden;
+            }
+            .cover{
+                width: 2rem;
+            }
+            .cover--left{
+                background: linear-gradient(90deg, rgba(var(--background-color,(255,255,255)), 1), transparent);
+            }
+            .cover--right{
+                right: 0;
+                background: linear-gradient(90deg, transparent, rgba(var(--background-color,(255,255,255)), 1));
+            }
         }
-        ::-webkit-scrollbar {
-            height: 0;
-            background-color: transparent;
+        @media (hover: hover){
+            ::-webkit-scrollbar-track {
+                background-color: transparent !important;
+            }
+            ::-webkit-scrollbar {
+                height: 0;
+                background-color: transparent;
+            }
+            .strip-select{
+                overflow: hidden;
+            }
+            .cover--left{
+                background: linear-gradient(90deg, rgba(var(--background-color,(255,255,255)), 1) 60%, transparent);
+            }
+            .cover--right{
+                right: 0;
+                background: linear-gradient(90deg, transparent 0%, rgba(var(--background-color,(255,255,255)), 1) 40%);
+            }
         }
-        .strip-select{
-            overflow: hidden;
-        }
-        .cover--left{
-            background: linear-gradient(90deg, rgba(var(--background-color), 1) 60%, transparent);
-        }
-        .cover--right{
-            right: 0;
-            background: linear-gradient(90deg, transparent 0%, rgba(var(--background-color), 1) 40%);
-        }
-    }
-</style>
-<section class="scrolling-container">
-    <div class="cover cover--left hide"></div>
-    <button class="nav-button nav-button--left hide">
-        <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M10.828 12l4.95 4.95-1.414 1.414L8 12l6.364-6.364 1.414 1.414z"/></svg>
-    </button>
-    <section class="strip-select">
-        <slot></slot>
+    </style>
+    <section class="scrolling-container">
+        <div class="cover cover--left hide"></div>
+        <button class="nav-button nav-button--left hide">
+            <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M10.828 12l4.95 4.95-1.414 1.414L8 12l6.364-6.364 1.414 1.414z"/></svg>
+        </button>
+        <section class="strip-select">
+            <slot></slot>
+        </section>
+        <button class="nav-button nav-button--right hide">
+            <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M13.172 12l-4.95-4.95 1.414-1.414L16 12l-6.364 6.364-1.414-1.414z"/></svg>
+        </button>
+        <div class="cover cover--right hide"></div>
     </section>
-    <button class="nav-button nav-button--right hide">
-        <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M13.172 12l-4.95-4.95 1.414-1.414L16 12l-6.364 6.364-1.414-1.414z"/></svg>
-    </button>
-    <div class="cover cover--right hide"></div>
-</section>
-
-`;
+    
+    `;
 customElements.define('strip-select', class extends HTMLElement {
     constructor() {
         super();
@@ -2078,47 +2017,41 @@ customElements.define('strip-select', class extends HTMLElement {
 //Strip option
 const stripOption = document.createElement('template');
 stripOption.innerHTML = `
-<style>
-    *{
-        padding: 0;
-        margin: 0;
-        -webkit-box-sizing: border-box;
-                box-sizing: border-box;
-    }  
-    :host{
-        --border-radius: 2rem;
-        --background-color: inherit;
-        --active-option-color: inherit;
-        --active-option-background-color: rgba(var(--text-color), .2);
-    }
-    .strip-option{
-        display: flex;
-        flex-shrink: 0;
-        cursor: pointer;
-        white-space: nowrap;
-        padding: 0.5rem 0.8rem;
-        transition: background 0.3s;
-        border-radius: var(--border-radius);
-        -webkit-tap-highlight-color: transparent;
-    }
-    :host([active]) .strip-option{
-        color: var(--active-option-color);
-        background-color: var(--active-option-background-color);
-    }
-    :host(:focus-within){
-        outline: none;
-    }
-    :host(:focus-within) .strip-option{
-        box-shadow: 0 0 0 0.1rem var(--accent-color) inset;
-    }
-    :host(:hover:not([active])) .strip-option{
-        background-color: rgba(var(--text-color), 0.06);
-    }
-</style>
-<label class="strip-option">
-    <slot></slot>
-</label>
-`;
+    <style>
+        *{
+            padding: 0;
+            margin: 0;
+            -webkit-box-sizing: border-box;
+                    box-sizing: border-box;
+        }  
+        .strip-option{
+            display: flex;
+            flex-shrink: 0;
+            cursor: pointer;
+            white-space: nowrap;
+            padding: var(--padding, 0.4rem 0.6rem);
+            transition: background 0.3s;
+            border-radius: var(--border-radius, 2rem);
+            -webkit-tap-highlight-color: transparent;
+        }
+        :host([active]) .strip-option{
+            color: var(--active-option-color, rgba(var(--background-color,white)));
+            background-color: var(--active-background-color, var(--accent-color, teal));
+        }
+        :host(:focus-within){
+            outline: none;
+        }
+        :host(:focus-within) .strip-option{
+            box-shadow: 0 0 0 0.1rem var(--accent-color, teal) inset;
+        }
+        :host(:hover:not([active])) .strip-option{
+            background-color: rgba(var(--text-color,(17,17,17)), 0.06);
+        }
+    </style>
+    <label class="strip-option">
+        <slot></slot>
+    </label>
+    `;
 customElements.define('strip-option', class extends HTMLElement {
     constructor() {
         super();
@@ -2177,7 +2110,7 @@ slideButton.innerHTML = `
             display: flex;
             align-items: center;
             width: 100%;
-            background-color: rgba(var(--text-color), 0.1);
+            background-color: rgba(var(--text-color,(17,17,17)), 0.1);
             border-radius: var(--button-border-radius, 0.3rem);
             overscroll-behavior: contain;
             touch-action: pan;
@@ -2213,7 +2146,7 @@ slideButton.innerHTML = `
         }
         :host([disabled]) .slide-thumb{
             pointer-events: none;
-            background-color: rgba(var(--text-color), 0.5);
+            background-color: rgba(var(--text-color,(17,17,17)), 0.5);
         }
     </style>
     <div class="slide-button">
@@ -2321,9 +2254,6 @@ smSelect.innerHTML = `
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
-    --accent-color: #4d2588;
-    --text-color: 17, 17, 17;
-    --background-color: 255, 255, 255;
     --min-width: 100%;
 }
 :host([disabled]) .select{
@@ -2347,7 +2277,7 @@ smSelect.innerHTML = `
     height: 1.2rem;
     width: 1.2rem;
     margin-left: 0.5rem;
-    fill: rgba(var(--text-color), 0.7);
+    fill: rgba(var(--text-color, (17,17,17)), 0.7);
 }      
 .selected-option-text{
     font-size: inherit;
@@ -2365,7 +2295,7 @@ smSelect.innerHTML = `
     grid-template-columns: 1fr auto;
         grid-template-areas: 'heading heading' '. .';
     padding: var(--padding,0.6rem 0.8rem);
-    background: rgba(var(--text-color), 0.06);
+    background: rgba(var(--text-color,(17,17,17)), 0.06);
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
@@ -2373,8 +2303,8 @@ smSelect.innerHTML = `
     z-index: 2;
 }
 .selection:focus{
-    -webkit-box-shadow: 0 0 0 0.1rem var(--accent-color);
-            box-shadow: 0 0 0 0.1rem var(--accent-color) 
+    -webkit-box-shadow: 0 0 0 0.1rem var(--accent-color, teal);
+            box-shadow: 0 0 0 0.1rem var(--accent-color, teal) 
 }
 :host([align-select="left"]) .options{
     left: 0;
@@ -2398,8 +2328,8 @@ smSelect.innerHTML = `
             flex-direction: column;
     min-width: var(--min-width);
     max-height: var(--max-height, auto);
-    background: rgba(var(--background-color), 1);
-    border: solid 1px rgba(var(--text-color), 0.2);
+    background: rgba(var(--background-color,(255,255,255)), 1);
+    border: solid 1px rgba(var(--text-color,(17,17,17)), 0.2);
     border-radius: var(--border-radius, 0.5rem);
     z-index: 1;
     -webkit-box-shadow: 0.4rem 0.8rem 1.2rem #00000030;
@@ -2420,10 +2350,10 @@ smSelect.innerHTML = `
     }
     
     ::-webkit-scrollbar-thumb{
-        background: rgba(var(--text-color), 0.3);
+        background: rgba(var(--text-color,(17,17,17)), 0.3);
         border-radius: 1rem;
         &:hover{
-            background: rgba(var(--text-color), 0.5);
+            background: rgba(var(--text-color,(17,17,17)), 0.5);
         }
     }
 }
@@ -2684,13 +2614,13 @@ smOption.innerHTML = `
 }
 :host(:focus){
     outline: none;
-    background: rgba(var(--text-color), 0.1);
+    background: rgba(var(--text-color,(17,17,17)), 0.1);
 }
 .icon {
     opacity: 0;
     height: 1.2rem;
     width: 1.2rem;
-    fill: rgba(var(--text-color), 0.8);
+    fill: rgba(var(--text-color,(17,17,17)), 0.8);
 }
 :host(:focus) .option .icon{
     opacity: 0.4
@@ -2700,7 +2630,7 @@ smOption.innerHTML = `
 }
 @media (hover: hover){
     .option:hover{
-        background: rgba(var(--text-color), 0.1);
+        background: rgba(var(--text-color,(17,17,17)), 0.1);
     }
     :host(:not(.check-selected):hover) .icon{
         opacity: 0.4
@@ -2738,13 +2668,10 @@ smCheckbox.innerHTML = `
         display: -webkit-inline-box;
         display: -ms-inline-flexbox;
         display: inline-flex;
-        --accent-color: #4d2588;
-        --text-color: 17, 17, 17;
-        --background-color: 255, 255, 255;
         --height: 1.2rem;
         --width: 1.2rem;
         --border-radius: 0.2rem;
-        --border-color: rgba(var(--text-color), 0.7);
+        --border-color: rgba(var(--text-color,(17,17,17)), 0.7);
     }
     :host([disabled]) {
         opacity: 0.6;
@@ -2769,7 +2696,7 @@ smCheckbox.innerHTML = `
     }
     .checkbox:active .icon,
     .checkbox:focus-within .icon{
-        box-shadow: 0 0 0 0.1rem var(--accent-color) inset;
+        box-shadow: 0 0 0 0.1rem var(--accent-color, teal) inset;
     }
     
     input {
@@ -2786,11 +2713,11 @@ smCheckbox.innerHTML = `
     
     :host([checked]) .checkmark {
         stroke-dashoffset: 0;
-        stroke: rgba(var(--background-color), 1);
+        stroke: rgba(var(--background-color,(255,255,255)), 1);
     }
     :host([checked]) .icon {
-        background: var(--accent-color);
-        box-shadow: 0 0 0 0.1rem var(--accent-color) inset;
+        background: var(--accent-color, teal);
+        box-shadow: 0 0 0 0.1rem var(--accent-color, teal) inset;
     }    
     .icon {
         fill: none;
@@ -2918,390 +2845,4 @@ customElements.define('sm-checkbox', class extends HTMLElement {
         this.removeEventListener('keydown', this.handleKeyDown)
         this.removeEventListener('change', this.handleClick)
     }
-})
-const smTabHeader = document.createElement('template')
-smTabHeader.innerHTML = `
-<style>
-    *{
-        padding: 0;
-        margin: 0;
-        -webkit-box-sizing: border-box;
-                box-sizing: border-box;
-    } 
-    :host{
-        display: -webkit-box;
-        display: -ms-flexbox;
-        display: flex;
-        --accent-color: #4d2588;
-        --text-color: 17, 17, 17;
-        --background-color: 255, 255, 255;
-        --gap: 1rem;
-        --justify-content: flex-start;
-        --tab-indicator-border-radius: 0.3rem;
-    }
-    .tabs{
-        position: relative;
-        display: -ms-grid;
-        display: grid;
-        width: 100%;
-    }
-    .tab-header{
-        display: -ms-grid;
-        display: grid;
-        grid-auto-flow: column;
-        justify-content: var(--justify-content);
-        gap: var(--gap);
-        position: relative;
-        overflow: auto hidden;
-        max-width: 100%;
-        scrollbar-width: 0;
-    }
-    .indicator{
-        position: absolute;
-        left: 0;
-        bottom: 0;
-        height: 0.15rem;
-        border-radius: 1rem 1rem 0 0;  
-        background: var(--accent-color);
-        -webkit-transition: width 0.3s, -webkit-transform 0.3s;
-        transition: width 0.3s, -webkit-transform 0.3s;
-        -o-transition: transform 0.3s, width 0.3s;
-        transition: transform 0.3s, width 0.3s;
-        transition: transform 0.3s, width 0.3s, -webkit-transform 0.3s;
-        pointer-events: none;
-    }
-    :host([variant="tab"]) .indicator{
-        height: 100%;
-        border-radius: var(--tab-indicator-border-radius);
-    }
-    :host([variant="tab"]) .tab-header{
-        border-bottom: none; 
-    }
-    .hide-completely{
-        display: none;
-    }
-    :host([variant="tab"]) .tab-header{
-        gap: 0.2rem;
-        display: -ms-inline-grid;
-        display: inline-grid;
-        justify-self: flex-start;
-        border-radius: 0.3rem;
-    }
-    :host([variant="tab"]) slot::slotted(.active){
-        color: rgba(var(--background-color), 1);
-    }
-    slot::slotted(.active){
-        color: var(--accent-color);
-        opacity: 1;
-    }
-    @media (any-hover: none){
-        .tab-header::-webkit-scrollbar-track {
-            -webkit-box-shadow: none !important;
-            background-color: transparent !important;
-        }
-        .tab-header::-webkit-scrollbar {
-            height: 0;
-            background-color: transparent;
-        }
-    }         
-    @media (any-hover: hover){
-        .tab-header{
-            overflow: hidden;
-        }
-    }         
-</style>
-<div part="tab-container" class="tabs">
-    <div part="tab-header" class="tab-header">
-        <slot></slot>
-        <div part="indicator" class="indicator"></div>
-    </div>
-</div>
-`;
-
-customElements.define('sm-tab-header', class extends HTMLElement {
-    constructor() {
-        super()
-        this.attachShadow({
-            mode: 'open'
-        }).append(smTabHeader.content.cloneNode(true))
-
-        this.prevTab
-        this.allTabs
-        this.activeTab
-
-        this.indicator = this.shadowRoot.querySelector('.indicator');
-        this.tabSlot = this.shadowRoot.querySelector('slot');
-        this.tabHeader = this.shadowRoot.querySelector('.tab-header');
-
-        this.changeTab = this.changeTab.bind(this)
-        this.handleClick = this.handleClick.bind(this)
-        this.handlePanelChange = this.handlePanelChange.bind(this)
-        this.moveIndiactor = this.moveIndiactor.bind(this)
-    }
-
-    fireEvent(index) {
-        this.dispatchEvent(
-            new CustomEvent(`switchedtab${this.target}`, {
-                bubbles: true,
-                detail: {
-                    index: parseInt(index)
-                }
-            })
-        )
-    }
-
-    moveIndiactor(tabDimensions) {
-        this.indicator.setAttribute('style', `width: ${tabDimensions.width}px; transform: translateX(${tabDimensions.left - this.tabHeader.getBoundingClientRect().left + this.tabHeader.scrollLeft}px)`)
-    }
-
-
-    changeTab(target) {
-        if (target === this.prevTab || !target.closest('sm-tab'))
-            return
-        if (this.prevTab)
-            this.prevTab.classList.remove('active')
-        target.classList.add('active')
-
-        this.tabHeader.scrollTo({
-            behavior: 'smooth',
-            left: target.getBoundingClientRect().left - this.tabHeader.getBoundingClientRect().left + this.tabHeader.scrollLeft
-        })
-        this.moveIndiactor(target.getBoundingClientRect())
-        this.prevTab = target;
-        this.activeTab = target;
-    }
-    handleClick(e) {
-        if (e.target.closest('sm-tab')) {
-            this.changeTab(e.target)
-            this.fireEvent(e.target.dataset.index)
-        }
-    }
-
-    handlePanelChange(e) {
-        this.changeTab(this.allTabs[e.detail.index])
-    }
-
-    connectedCallback() {
-        if (!this.hasAttribute('target') || this.getAttribute('target').value === '') return;
-        this.target = this.getAttribute('target')
-
-        this.tabSlot.addEventListener('slotchange', () => {
-            this.allTabs = this.tabSlot.assignedElements();
-            this.allTabs.forEach((tab, index) => {
-                tab.dataset.index = index
-            })
-        })
-
-        this.addEventListener('click', this.handleClick)
-        document.addEventListener(`switchedpanel${this.target}`, this.handlePanelChange)
-
-        let resizeObserver = new ResizeObserver(entries => {
-            entries.forEach((entry) => {
-                if (this.prevTab) {
-                    let tabDimensions = this.activeTab.getBoundingClientRect();
-                    this.moveIndiactor(tabDimensions)
-                }
-            })
-        })
-        resizeObserver.observe(this)
-        let observer = new IntersectionObserver((entries) => {
-            entries.forEach((entry) => {
-                if (entry.isIntersecting) {
-                    this.indicator.style.transition = 'none'
-                    if (this.activeTab) {
-                        let tabDimensions = this.activeTab.getBoundingClientRect();
-                        this.moveIndiactor(tabDimensions)
-                    } else {
-                        this.allTabs[0].classList.add('active')
-                        let tabDimensions = this.allTabs[0].getBoundingClientRect();
-                        this.moveIndiactor(tabDimensions)
-                        this.fireEvent(0)
-                        this.prevTab = this.tabSlot.assignedElements()[0];
-                        this.activeTab = this.prevTab;
-                    }
-                }
-            })
-        }, {
-            threshold: 1.0
-        })
-        observer.observe(this)
-    }
-    disconnectedCallback() {
-        this.removeEventListener('click', this.handleClick)
-        document.removeEventListener(`switchedpanel${this.target}`, this.handlePanelChange)
-    }
-})
-
-// tab
-const smTab = document.createElement('template')
-smTab.innerHTML = `
-<style>
-    *{
-        padding: 0;
-        margin: 0;
-        -webkit-box-sizing: border-box;
-                box-sizing: border-box;
-    } 
-    :host{
-        position: relative;
-        display: -webkit-inline-box;
-        display: -ms-inline-flexbox;
-        display: inline-flex;
-        z-index: 1;
-        --padding: 0.8rem 1rem;
-    }
-    .tab{
-        position: relative;
-        -webkit-user-select: none;
-        -moz-user-select: none;
-            -ms-user-select: none;
-                user-select: none;
-        -webkit-box-pack: center;
-            -ms-flex-pack: center;
-                justify-content: center;
-        cursor: pointer;
-        -webkit-tap-highlight-color: transparent;
-        white-space: nowrap;
-        padding: var(--padding);
-        font-weight: 500;
-        word-spacing: 0.1rem;
-        text-align: center;
-        -webkit-transition: color 0.3s;
-        -o-transition: color 0.3s;
-        transition: color 0.3s;
-        text-transform: capitalize;
-        height: 100%;
-    }
-    @media (hover: hover){
-        :host(.active) .tab{
-            opacity: 1;
-        }
-        .tab{
-            opacity: 0.7
-        }
-        .tab:hover{
-            opacity: 1
-        }
-    }
-</style>
-<div part="tab" class="tab">
-<slot></slot>
-</div>
-`;
-
-customElements.define('sm-tab', class extends HTMLElement {
-    constructor() {
-        super()
-        this.shadow = this.attachShadow({
-            mode: 'open'
-        }).append(smTab.content.cloneNode(true))
-    }
-})
-
-// tab-panels
-
-const smTabPanels = document.createElement('template')
-smTabPanels.innerHTML = `
-<style>
-*{
-    padding: 0;
-    margin: 0;
-    -webkit-box-sizing: border-box;
-            box-sizing: border-box;
-} 
-:host{
-    width: 100%;
-}
-.panel-container{
-    position: relative;
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    width: 100%;
-    height: 100%;
-    overflow: hidden;
-    scroll-snap-type: x mandatory;
-    content-visibility: auto;
-}
-::slotted(*){
-    min-width: 100%;
-    scroll-snap-align: center;
-}
-@media (any-hover: none) {
-    .panel-container{
-        overflow-x: auto;
-        scrollbar-width: none;
-    }
-    .container {
-        overflow-y: scroll;
-    }
-    ::-webkit-scrollbar {
-        width: 0;
-        height: 0;
-    }
-}
-</style>
-<div part="panel-container" class="panel-container">
-    <slot>Nothing to see here.</slot>
-</div>
-`;
-
-customElements.define('sm-tab-panels', class extends HTMLElement {
-    constructor() {
-        super()
-        this.attachShadow({
-            mode: 'open'
-        }).append(smTabPanels.content.cloneNode(true))
-
-        this.isTransitioning = false
-
-        this.panelContainer = this.shadowRoot.querySelector('.panel-container');
-        this.handleTabChange = this.handleTabChange.bind(this)
-    }
-    handleTabChange(e) {
-        this.isTransitioning = true
-        this.panelContainer.scrollTo({
-            left: this.allPanels[e.detail.index].getBoundingClientRect().left - this.panelContainer.getBoundingClientRect().left + this.panelContainer.scrollLeft,
-            behavior: 'smooth'
-        })
-        setTimeout(() => {
-            this.isTransitioning = false
-        }, 300);
-    }
-    fireEvent(index) {
-        this.dispatchEvent(
-            new CustomEvent(`switchedpanel${this.id}`, {
-                bubbles: true,
-                detail: {
-                    index: parseInt(index)
-                }
-            })
-        )
-    }
-    connectedCallback() {
-        const slot = this.shadowRoot.querySelector('slot');
-        slot.addEventListener('slotchange', (e) => {
-            this.allPanels = e.target.assignedElements()
-            this.allPanels.forEach((panel, index) => {
-                panel.dataset.index = index
-                intersectionObserver.observe(panel)
-            })
-        })
-        document.addEventListener(`switchedtab${this.id}`, this.handleTabChange)
-
-        const intersectionObserver = new IntersectionObserver(entries => {
-
-            entries.forEach(entry => {
-                if (!this.isTransitioning && entry.isIntersecting) {
-                    this.fireEvent(entry.target.dataset.index)
-                }
-            })
-        }, {
-            threshold: 0.6
-        })
-    }
-    disconnectedCallback() {
-        intersectionObserver.disconnect()
-        document.removeEventListener(`switchedtab${this.id}`, this.handleTabChange)
-    }
 })
\ No newline at end of file
diff --git a/docs/css/main.css b/docs/css/main.css
index becb420..c088db3 100644
--- a/docs/css/main.css
+++ b/docs/css/main.css
@@ -16,38 +16,29 @@ body {
 }
 
 body {
-  color: rgba(var(--text-color), 1);
-  background: rgba(var(--background-color), 1);
-}
-body,
-body * {
   --accent-color: #504dff;
-  --accent-color--light: #eeeeff;
-  --text-color: 36, 36, 36;
-  --background-color: 255, 255, 255;
-  --foreground-color: rgb(250, 252, 255);
+  --text-color: 20, 20, 20;
+  --background-color: 240, 240, 240;
+  --foreground-color: 250, 250, 250;
   --danger-color: rgb(255, 75, 75);
   --green: #1cad59;
-  --yellow: #f3a600;
-  --loan-color: rgb(255, 171, 93);
   scrollbar-width: thin;
+  scrollbar-gutter: stable;
+  color: rgba(var(--text-color), 1);
+  background-color: rgba(var(--background-color), 1);
+  transition: background-color 0.3s;
 }
 
-body[data-theme=dark],
-body[data-theme=dark] * {
+body[data-theme=dark] {
   --accent-color: #a3a1ff;
-  --accent-color--light: rgba(142, 140, 255, 0.06);
-  --text-color: 230, 230, 230;
-  --text-color-light: 170, 170, 170;
+  --text-color: 220, 220, 220;
   --background-color: 10, 10, 10;
-  --foreground-color: rgb(24, 24, 24);
+  --foreground-color: 24, 24, 24;
   --danger-color: rgb(255, 106, 106);
   --green: #00e676;
-  --yellow: #ffd13a;
-  --loan-color: rgb(255, 232, 170);
 }
 body[data-theme=dark] sm-popup::part(popup) {
-  background-color: var(--foreground-color);
+  background-color: rgba(var(--foreground-color), 1);
 }
 
 p,
@@ -128,7 +119,6 @@ a:any-link:focus-visible {
 sm-input {
   font-size: 0.9rem;
   --border-radius: 0.3rem;
-  --background: var(--accent-color--light);
 }
 
 sm-button {
@@ -149,6 +139,10 @@ sm-button.danger {
   color: rgba(var(--background-color), 1);
 }
 
+sm-form {
+  --gap: 1rem;
+}
+
 ul {
   list-style: none;
 }
@@ -166,7 +160,7 @@ ul {
   pointer-events: none;
 }
 
-.hide-completely {
+.hide {
   display: none !important;
 }
 
@@ -313,11 +307,21 @@ ul {
 
 .interact {
   position: relative;
+  overflow: hidden;
   cursor: pointer;
-  transition: transform 0.3s;
   -webkit-tap-highlight-color: transparent;
 }
 
+.ripple {
+  height: 8rem;
+  width: 8rem;
+  position: absolute;
+  border-radius: 50%;
+  transform: scale(0);
+  background: radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);
+  pointer-events: none;
+}
+
 .empty-state {
   display: grid;
   justify-content: center;
@@ -336,15 +340,11 @@ ul {
 }
 
 .icon {
-  width: 1.5rem;
-  height: 1.5rem;
+  width: 1.2rem;
+  height: 1.2rem;
   fill: rgba(var(--text-color), 0.8);
 }
 
-.button__icon {
-  height: 1.2rem;
-  width: 1.2rem;
-}
 .button__icon--left {
   margin-right: 0.5rem;
 }
@@ -392,12 +392,6 @@ ul {
   margin-bottom: 1.5rem;
 }
 
-button:active,
-.button:active,
-.interact:active {
-  transform: scale(0.96);
-}
-
 .popup__header {
   display: grid;
   gap: 0.5rem;
@@ -506,6 +500,10 @@ sm-checkbox {
   height: 100%;
 }
 
+.mobile-page {
+  align-items: flex-start;
+}
+
 #landing {
   grid-template-rows: auto 1fr;
 }
@@ -547,10 +545,10 @@ sm-checkbox {
 
 #home {
   height: 100%;
-  display: grid;
+  display: flex;
+  flex-direction: column;
   align-items: flex-start;
   align-content: flex-start;
-  grid-template-columns: minmax(0, 1fr);
 }
 
 #login_form__priv_key {
@@ -558,34 +556,90 @@ sm-checkbox {
 }
 
 #main_header {
-  margin-top: 1.5rem;
-  margin-bottom: 1rem;
   display: grid;
   gap: 1rem;
+  padding: 1.5rem;
+  width: 100%;
   align-items: center;
   grid-template-columns: 1fr auto auto;
   grid-column: 1/-1;
 }
 
-#flo_exchange_rate {
+#main_navbar {
+  width: 100%;
+}
+
+.main_navbar__item {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  flex: 1;
+  padding: 0.5rem 0;
+}
+.main_navbar__item .item__title,
+.main_navbar__item .icon {
+  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.3s;
+}
+.main_navbar__item .item__title {
+  color: rgba(var(--text-color), 0.8);
+  font-size: 0.8rem;
+  font-weight: 500;
+}
+.main_navbar__item .icon {
+  height: 1.2rem;
+  margin-bottom: 0.3rem;
+}
+.main_navbar__item--active .item__title {
+  color: var(--accent-color);
+}
+.main_navbar__item--active .icon {
+  fill: var(--accent-color);
+}
+
+#pages_container {
+  display: flex;
+  flex: 1;
+  width: 100%;
+  justify-content: center;
+  overflow-y: auto;
+  padding: 0 1.5rem;
+}
+#pages_container > * {
+  width: min(42rem, 100%);
+}
+
+#exchange {
+  display: grid;
+  gap: 1.5rem;
+}
+
+.listed-asset {
+  position: relative;
   grid-template-columns: auto 1fr auto;
   gap: 0.5rem;
   padding: 1rem;
   border-radius: 0.5rem;
-  border: solid rgba(var(--text-color), 0.2) thin;
-  background-color: rgba(var(--background-color), 1);
+  opacity: 0.8;
+  font-weight: 400;
+  transition: background-color 0.3s;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  color: inherit;
+}
+.listed-asset__icon {
+  display: flex;
+}
+.listed-asset__icon .icon {
+  height: 1.5rem;
+  width: 1.5rem;
 }
 
 #flo_rate {
   font-weight: 700;
 }
 
-#trade_form,
-#login_form {
-  align-self: flex-start;
-  padding: 1rem 1.5rem 1.5rem 1.5rem;
-}
-
 .quantity-selector .button {
   flex: 1;
   padding: 0.5rem 0.6rem;
@@ -604,24 +658,17 @@ sm-checkbox {
   min-width: 8ch;
 }
 
-#my_orders_section,
-#market_orders_section {
-  padding-top: 1rem;
+#my_orders,
+#market {
+  width: min(42rem, 100%);
+  grid-template-rows: auto 1fr;
 }
-#my_orders_section .icon,
-#market_orders_section .icon {
+#my_orders .icon,
+#market .icon {
   height: 1.2rem;
   width: 1.2rem;
 }
 
-.orders_section__header {
-  padding: 0 1.5rem;
-}
-
-#my_orders_section__header {
-  height: 2.4rem;
-}
-
 #orders_section__header--primary sm-tab-header {
   --gap: 1.5rem;
 }
@@ -631,7 +678,7 @@ sm-checkbox {
 }
 
 .list__item {
-  padding: 0.5rem 1.5rem;
+  padding: 0.5rem 0;
   display: grid;
 }
 
@@ -720,13 +767,11 @@ sm-checkbox {
 }
 #market_orders_list .list__header {
   margin-bottom: 0.5rem;
-  padding: 0 1.5rem;
   grid-template-columns: repeat(3, 1fr) 2rem;
 }
 
-#user_section {
+#wallet {
   gap: 1.5rem;
-  padding: 1.5rem;
   align-content: flex-start;
 }
 
@@ -943,53 +988,16 @@ sm-checkbox {
   }
 }
 @media screen and (max-width: 40rem) {
-  #main_header {
-    padding: 0 1.5rem;
-  }
-
   sm-button {
     --padding: 0.9rem 1.6rem;
   }
 
-  #home > :last-child {
-    padding-bottom: 5rem;
-  }
-
-  #bottom_nav {
-    position: fixed;
-    bottom: 0;
-    background-color: var(--foreground-color);
-    width: 100%;
-  }
-
-  .bottom_nav__item {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    flex: 1;
-    padding: 0.5rem 0;
-  }
-  .bottom_nav__item .item__title,
-.bottom_nav__item .icon {
-    transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
-  }
-  .bottom_nav__item .item__title {
-    color: rgba(var(--text-color), 0.8);
-    font-size: 0.8rem;
-    font-weight: 500;
-  }
-  .bottom_nav__item .icon {
-    height: 1.2rem;
-    margin-bottom: 0.3rem;
-  }
-  .bottom_nav__item--active .item__title {
-    color: var(--accent-color);
+  .main_navbar__item--active .item__title {
     transform: translateY(100%);
     opacity: 0;
   }
-  .bottom_nav__item--active .icon {
+  .main_navbar__item--active .icon {
     transform: translateY(50%) scale(1.2);
-    fill: var(--accent-color);
   }
 
   .hide-on-mobile {
@@ -1029,45 +1037,69 @@ sm-checkbox {
     grid-template-columns: 1fr 90vw 1fr;
   }
 
-  #home {
-    padding: 0 4vmax;
-    gap: 1rem;
-  }
-
   .hide-on-desktop {
     display: none;
   }
 
-  .card {
-    border-radius: 0.5rem;
-    background-color: var(--foreground-color);
-    border: solid thin rgba(var(--text-color), 0.1);
-  }
-}
-@media screen and (min-width: 48rem) {
   #home {
-    grid-template-rows: -webkit-min-content 1fr;
-    grid-template-rows: min-content 1fr;
-    grid-template-columns: 24rem minmax(0, 1fr);
-  }
-  #home.signed-in #orders_list,
-#home.signed-in #market_orders_list {
-    height: 32vmin;
-    overflow-y: auto;
+    display: grid;
+    grid-template-columns: 12rem 1fr;
+    grid-template-rows: auto 1fr;
+    grid-template-areas: "header header" "nav .";
   }
 
-  #orders_section {
-    grid-row: span 2;
+  #main_header {
+    grid-area: header;
+  }
+
+  #main_navbar {
+    grid-area: nav;
+    flex-direction: column;
+    height: 100%;
+    padding: 0 0.5rem;
+  }
+
+  .main_navbar__item {
+    padding: 1.5rem 1rem;
+    width: 100%;
+    flex: 0;
+    flex-direction: row;
+    border-radius: 0.5rem;
+    transition: background-color 0.3s;
+  }
+  .main_navbar__item .icon {
+    margin-bottom: 0;
+    margin-right: 0.5rem;
+  }
+  .main_navbar__item .item__title {
+    font-size: 0.9rem;
+  }
+  .main_navbar__item--active {
+    background-color: rgba(var(--text-color), 0.06);
+  }
+
+  #exchange {
+    display: grid;
+    grid-template-columns: 16rem 1fr;
+  }
+
+  .listed-asset--active {
+    opacity: 1;
+    background-color: rgba(var(--text-color), 0.06);
+  }
+  .listed-asset--active::before {
+    content: "";
+    position: absolute;
+    width: 0.25rem;
+    border-radius: 0 0.2rem 0.2rem 0;
+    height: 50%;
+    background-color: var(--accent-color);
   }
 }
 @media screen and (min-width: 72rem) {
   .page-layout {
     grid-template-columns: 1fr 80vw 1fr;
   }
-
-  #home.signed-in {
-    grid-template-columns: 24rem minmax(0, 1fr) 20rem;
-  }
 }
 @media screen and (min-width: 120rem) {
   .page-layout {
@@ -1088,15 +1120,6 @@ sm-checkbox {
     background: rgba(var(--text-color), 0.5);
   }
 
-  .interact,
-button {
-    transition: background-color 0.3s, transform 0.3s;
-  }
-  .interact:hover,
-button:hover {
-    background-color: var(--accent-color--light);
-  }
-
   .order-card .cancel-order {
     justify-self: flex-end;
     overflow: hidden;
diff --git a/docs/css/main.min.css b/docs/css/main.min.css
index 61c9249..7be631d 100644
--- a/docs/css/main.min.css
+++ b/docs/css/main.min.css
@@ -1 +1 @@
-*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{color:rgba(var(--text-color), 1);background:rgba(var(--background-color), 1)}body,body *{--accent-color: #504dff;--accent-color--light: #eeeeff;--text-color: 36, 36, 36;--background-color: 255, 255, 255;--foreground-color: rgb(250, 252, 255);--danger-color: rgb(255, 75, 75);--green: #1cad59;--yellow: #f3a600;--loan-color: rgb(255, 171, 93);scrollbar-width:thin}body[data-theme=dark],body[data-theme=dark] *{--accent-color: #a3a1ff;--accent-color--light: rgba(142, 140, 255, 0.06);--text-color: 230, 230, 230;--text-color-light: 170, 170, 170;--background-color: 10, 10, 10;--foreground-color: rgb(24, 24, 24);--danger-color: rgb(255, 106, 106);--green: #00e676;--yellow: #ffd13a;--loan-color: rgb(255, 232, 170)}body[data-theme=dark] sm-popup::part(popup){background-color:var(--foreground-color)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{color:var(--accent-color)}button,.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;cursor:pointer;transition:transform .3s;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.button{white-space:nowrap;padding:.6rem 1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.06);color:rgba(var(--text-color), 0.8);justify-content:center}.button--primary{background-color:var(--accent-color);color:rgba(var(--background-color), 1)}button:disabled{opacity:.5}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem;--background: var(--accent-color--light)}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}ul{list-style:none}.flex{display:flex}.grid{display:grid}.hide{opacity:0;pointer-events:none}.hide-completely{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.breakable{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.h1{font-size:1.5rem}.h2{font-size:1.2rem}.h3{font-size:1rem}.h4{font-size:.9rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;cursor:pointer;transition:transform .3s;-webkit-tap-highlight-color:transparent}.empty-state{display:grid;justify-content:center;text-align:center;width:100%;max-width:none;padding:1.5rem}.observe-empty-state:empty{display:none}.observe-empty-state:not(:empty)+.empty-state{display:none}.icon{width:1.5rem;height:1.5rem;fill:rgba(var(--text-color), 0.8)}.button__icon{height:1.2rem;width:1.2rem}.button__icon--left{margin-right:.5rem}.button__icon--right{margin-left:.5rem}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}button:active,.button:active,.interact:active{transform:scale(0.96)}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem 0 .5rem;align-items:center;grid-template-columns:auto 1fr auto}.popup__header__close{padding:.5rem;cursor:pointer}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;width:100%;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:1rem}.logo h4{text-transform:capitalize;font-size:.9rem;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}details[open]>summary{margin-bottom:1rem}details[open]>summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:var(--accent-color--light);border-radius:.3rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.3rem 0 0 0.3rem}strip-option:last-of-type{--border-radius: 0 0.3rem 0.3rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up sm-copy{font-size:.9rem;--button-border-radius: 0.5rem}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}#home{height:100%;display:grid;align-items:flex-start;align-content:flex-start;grid-template-columns:minmax(0, 1fr)}#login_form__priv_key{margin-top:1rem}#main_header{margin-top:1.5rem;margin-bottom:1rem;display:grid;gap:1rem;align-items:center;grid-template-columns:1fr auto auto;grid-column:1/-1}#flo_exchange_rate{grid-template-columns:auto 1fr auto;gap:.5rem;padding:1rem;border-radius:.5rem;border:solid rgba(var(--text-color), 0.2) thin;background-color:rgba(var(--background-color), 1)}#flo_rate{font-weight:700}#trade_form,#login_form{align-self:flex-start;padding:1rem 1.5rem 1.5rem 1.5rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#my_orders_section,#market_orders_section{padding-top:1rem}#my_orders_section .icon,#market_orders_section .icon{height:1.2rem;width:1.2rem}.orders_section__header{padding:0 1.5rem}#my_orders_section__header{height:2.4rem}#orders_section__header--primary sm-tab-header{--gap: 1.5rem}#orders_section__header--primary sm-tab{font-size:.9rem;--padding: 0.8rem 0}.list__item{padding:.5rem 1.5rem;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:.5rem 1.5rem .5rem .5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{padding:1rem;cursor:pointer}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.transaction-card{grid-template-columns:repeat(3, 1fr) 2rem}.transaction-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type{color:var(--green)}.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type{color:var(--danger-color)}.transaction-card__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.transaction-card__quantity,.transaction-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}#market_orders_list .list__header{font-size:.8rem;font-weight:500}#market_orders_list .list__header div{padding:.5rem 0}#market_orders_list .list__header{margin-bottom:.5rem;padding:0 1.5rem;grid-template-columns:repeat(3, 1fr) 2rem}#user_section{gap:1.5rem;padding:1.5rem;align-content:flex-start}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}.balance-card{display:grid;align-items:center;gap:.3rem 1rem;padding:.5rem 0;border-radius:.5rem}.balance-card.is-locked{grid-template-columns:auto 1fr;gap:1rem}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:span 2;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none}}@media screen and (max-width: 40rem){#main_header{padding:0 1.5rem}sm-button{--padding: 0.9rem 1.6rem}#home>:last-child{padding-bottom:5rem}#bottom_nav{position:fixed;bottom:0;background-color:var(--foreground-color);width:100%}.bottom_nav__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.bottom_nav__item .item__title,.bottom_nav__item .icon{transition:.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.bottom_nav__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.bottom_nav__item .icon{height:1.2rem;margin-bottom:.3rem}.bottom_nav__item--active .item__title{color:var(--accent-color);transform:translateY(100%);opacity:0}.bottom_nav__item--active .icon{transform:translateY(50%) scale(1.2);fill:var(--accent-color)}.hide-on-mobile{display:none}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.h1{font-size:2rem}.h2{font-size:1.8rem}.h3{font-size:1.3rem}.h4{font-size:1rem}.popup__header{padding:1rem 1.5rem 0 .5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}#home{padding:0 4vmax;gap:1rem}.hide-on-desktop{display:none}.card{border-radius:.5rem;background-color:var(--foreground-color);border:solid thin rgba(var(--text-color), 0.1)}}@media screen and (min-width: 48rem){#home{grid-template-rows:-webkit-min-content 1fr;grid-template-rows:min-content 1fr;grid-template-columns:24rem minmax(0, 1fr)}#home.signed-in #orders_list,#home.signed-in #market_orders_list{height:32vmin;overflow-y:auto}#orders_section{grid-row:span 2}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}#home.signed-in{grid-template-columns:24rem minmax(0, 1fr) 20rem}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.interact,button{transition:background-color .3s,transform .3s}.interact:hover,button:hover{background-color:var(--accent-color--light)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{opacity:0;transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}.transaction-card button{opacity:0;transition:opacity .3s}.transaction-card:hover button{opacity:1}}
\ No newline at end of file
+*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #504dff;--text-color: 20, 20, 20;--background-color: 240, 240, 240;--foreground-color: 250, 250, 250;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a3a1ff;--text-color: 220, 220, 220;--background-color: 10, 10, 10;--foreground-color: 24, 24, 24;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{color:var(--accent-color)}button,.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;cursor:pointer;transition:transform .3s;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.button{white-space:nowrap;padding:.6rem 1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.06);color:rgba(var(--text-color), 0.8);justify-content:center}.button--primary{background-color:var(--accent-color);color:rgba(var(--background-color), 1)}button:disabled{opacity:.5}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}ul{list-style:none}.flex{display:flex}.grid{display:grid}.hide{opacity:0;pointer-events:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.breakable{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.h1{font-size:1.5rem}.h2{font-size:1.2rem}.h3{font-size:1rem}.h4{font-size:.9rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.empty-state{display:grid;justify-content:center;text-align:center;width:100%;max-width:none;padding:1.5rem}.observe-empty-state:empty{display:none}.observe-empty-state:not(:empty)+.empty-state{display:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.button__icon--left{margin-right:.5rem}.button__icon--right{margin-left:.5rem}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem 0 .5rem;align-items:center;grid-template-columns:auto 1fr auto}.popup__header__close{padding:.5rem;cursor:pointer}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;width:100%;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:1rem}.logo h4{text-transform:capitalize;font-size:.9rem;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}details[open]>summary{margin-bottom:1rem}details[open]>summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:var(--accent-color--light);border-radius:.3rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.3rem 0 0 0.3rem}strip-option:last-of-type{--border-radius: 0 0.3rem 0.3rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up sm-copy{font-size:.9rem;--button-border-radius: 0.5rem}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form__priv_key{margin-top:1rem}#main_header{display:grid;gap:1rem;padding:1.5rem;width:100%;align-items:center;grid-template-columns:1fr auto auto;grid-column:1/-1}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto;padding:0 1.5rem}#pages_container>*{width:min(42rem,100%)}#exchange{display:grid;gap:1.5rem}.listed-asset{position:relative;grid-template-columns:auto 1fr auto;gap:.5rem;padding:1rem;border-radius:.5rem;opacity:.8;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit}.listed-asset__icon{display:flex}.listed-asset__icon .icon{height:1.5rem;width:1.5rem}#flo_rate{font-weight:700}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#my_orders,#market{width:min(42rem,100%);grid-template-rows:auto 1fr}#my_orders .icon,#market .icon{height:1.2rem;width:1.2rem}#orders_section__header--primary sm-tab-header{--gap: 1.5rem}#orders_section__header--primary sm-tab{font-size:.9rem;--padding: 0.8rem 0}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:.5rem 1.5rem .5rem .5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{padding:1rem;cursor:pointer}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.transaction-card{grid-template-columns:repeat(3, 1fr) 2rem}.transaction-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type{color:var(--green)}.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type{color:var(--danger-color)}.transaction-card__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.transaction-card__quantity,.transaction-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}#market_orders_list .list__header{font-size:.8rem;font-weight:500}#market_orders_list .list__header div{padding:.5rem 0}#market_orders_list .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}#wallet{gap:1.5rem;align-content:flex-start}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}.balance-card{display:grid;align-items:center;gap:.3rem 1rem;padding:.5rem 0;border-radius:.5rem}.balance-card.is-locked{grid-template-columns:auto 1fr;gap:1rem}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:span 2;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.hide-on-mobile{display:none}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.h1{font-size:2rem}.h2{font-size:1.8rem}.h3{font-size:1.3rem}.h4{font-size:1rem}.popup__header{padding:1rem 1.5rem 0 .5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.hide-on-desktop{display:none}#home{display:grid;grid-template-columns:12rem 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav ."}#main_header{grid-area:header}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding:0 .5rem}.main_navbar__item{padding:1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#exchange{display:grid;grid-template-columns:16rem 1fr}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{opacity:0;transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}.transaction-card button{opacity:0;transition:opacity .3s}.transaction-card:hover button{opacity:1}}
\ No newline at end of file
diff --git a/docs/css/main.scss b/docs/css/main.scss
index 4d3fd38..16274f3 100644
--- a/docs/css/main.scss
+++ b/docs/css/main.scss
@@ -16,40 +16,28 @@ body {
 }
 
 body {
-  &,
-  * {
-    --accent-color: #504dff;
-    --accent-color--light: #eeeeff;
-    --text-color: 36, 36, 36;
-    --background-color: 255, 255, 255;
-    --foreground-color: rgb(250, 252, 255);
-    --danger-color: rgb(255, 75, 75);
-    --green: #1cad59;
-    --yellow: #f3a600;
-    --loan-color: rgb(255, 171, 93);
-    scrollbar-width: thin;
-  }
-
+  --accent-color: #504dff;
+  --text-color: 20, 20, 20;
+  --background-color: 240, 240, 240;
+  --foreground-color: 250, 250, 250;
+  --danger-color: rgb(255, 75, 75);
+  --green: #1cad59;
+  scrollbar-width: thin;
+  scrollbar-gutter: stable;
   color: rgba(var(--text-color), 1);
-  background: rgba(var(--background-color), 1);
+  background-color: rgba(var(--background-color), 1);
+  transition: background-color 0.3s;
 }
 
 body[data-theme="dark"] {
-  &,
-  * {
-    --accent-color: #a3a1ff;
-    --accent-color--light: rgba(142, 140, 255, 0.06);
-    --text-color: 230, 230, 230;
-    --text-color-light: 170, 170, 170;
-    --background-color: 10, 10, 10;
-    --foreground-color: rgb(24, 24, 24);
-    --danger-color: rgb(255, 106, 106);
-    --green: #00e676;
-    --yellow: #ffd13a;
-    --loan-color: rgb(255, 232, 170);
-  }
+  --accent-color: #a3a1ff;
+  --text-color: 220, 220, 220;
+  --background-color: 10, 10, 10;
+  --foreground-color: 24, 24, 24;
+  --danger-color: rgb(255, 106, 106);
+  --green: #00e676;
   sm-popup::part(popup) {
-    background-color: var(--foreground-color);
+    background-color: rgba(var(--foreground-color), 1);
   }
 }
 
@@ -119,7 +107,6 @@ a:any-link:focus-visible {
 sm-input {
   font-size: 0.9rem;
   --border-radius: 0.3rem;
-  --background: var(--accent-color--light);
 }
 sm-button {
   text-transform: uppercase;
@@ -143,6 +130,9 @@ sm-button {
     color: rgba(var(--background-color), 1);
   }
 }
+sm-form {
+  --gap: 1rem;
+}
 ul {
   list-style: none;
 }
@@ -160,7 +150,7 @@ ul {
   pointer-events: none;
 }
 
-.hide-completely {
+.hide {
   display: none !important;
 }
 
@@ -308,10 +298,23 @@ ul {
 
 .interact {
   position: relative;
+  overflow: hidden;
   cursor: pointer;
-  transition: transform 0.3s;
   -webkit-tap-highlight-color: transparent;
 }
+.ripple {
+  height: 8rem;
+  width: 8rem;
+  position: absolute;
+  border-radius: 50%;
+  transform: scale(0);
+  background: radial-gradient(
+    circle,
+    rgba(var(--text-color), 0.3) 0%,
+    rgba(0, 0, 0, 0) 50%
+  );
+  pointer-events: none;
+}
 .empty-state {
   display: grid;
   justify-content: center;
@@ -330,15 +333,12 @@ ul {
 }
 
 .icon {
-  width: 1.5rem;
-  height: 1.5rem;
+  width: 1.2rem;
+  height: 1.2rem;
   fill: rgba(var(--text-color), 0.8);
 }
 
 .button__icon {
-  height: 1.2rem;
-  width: 1.2rem;
-
   &--left {
     margin-right: 0.5rem;
   }
@@ -379,13 +379,6 @@ ul {
 #prompt_message {
   margin-bottom: 1.5rem;
 }
-
-button:active,
-.button:active,
-.interact:active {
-  transform: scale(0.96);
-}
-
 .popup__header {
   display: grid;
   gap: 0.5rem;
@@ -487,6 +480,9 @@ sm-checkbox {
 .page {
   height: 100%;
 }
+.mobile-page {
+  align-items: flex-start;
+}
 #landing {
   grid-template-rows: auto 1fr;
   header {
@@ -527,42 +523,94 @@ sm-checkbox {
 }
 #home {
   height: 100%;
-  display: grid;
+  display: flex;
+  flex-direction: column;
   align-items: flex-start;
   align-content: flex-start;
-  grid-template-columns: minmax(0, 1fr);
 }
 #login_form__priv_key {
   margin-top: 1rem;
 }
 
 #main_header {
-  margin-top: 1.5rem;
-  margin-bottom: 1rem;
   display: grid;
   gap: 1rem;
+  padding: 1.5rem;
+  width: 100%;
   align-items: center;
   grid-template-columns: 1fr auto auto;
   grid-column: 1/-1;
 }
+#main_navbar {
+  width: 100%;
+}
+.main_navbar__item {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  flex: 1;
+  padding: 0.5rem 0;
+  .item__title,
+  .icon {
+    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275),
+      opacity 0.3s;
+  }
+  .item__title {
+    color: rgba(var(--text-color), 0.8);
+    font-size: 0.8rem;
+    font-weight: 500;
+  }
+  .icon {
+    height: 1.2rem;
+    margin-bottom: 0.3rem;
+  }
+  &--active {
+    .item__title {
+      color: var(--accent-color);
+    }
+    .icon {
+      fill: var(--accent-color);
+    }
+  }
+}
+#pages_container {
+  display: flex;
+  flex: 1;
+  width: 100%;
+  justify-content: center;
+  overflow-y: auto;
+  padding: 0 1.5rem;
+  & > * {
+    width: min(42rem, 100%);
+  }
+}
 
-#flo_exchange_rate {
+#exchange {
+  display: grid;
+  gap: 1.5rem;
+}
+.listed-asset {
+  position: relative;
   grid-template-columns: auto 1fr auto;
   gap: 0.5rem;
   padding: 1rem;
   border-radius: 0.5rem;
-  border: solid rgba(var(--text-color), 0.2) thin;
-  background-color: rgba(var(--background-color), 1);
+  opacity: 0.8;
+  font-weight: 400;
+  transition: background-color 0.3s;
+  user-select: none;
+  color: inherit;
+  &__icon {
+    display: flex;
+    .icon {
+      height: 1.5rem;
+      width: 1.5rem;
+    }
+  }
 }
 #flo_rate {
   font-weight: 700;
 }
-
-#trade_form,
-#login_form {
-  align-self: flex-start;
-  padding: 1rem 1.5rem 1.5rem 1.5rem;
-}
 .quantity-selector {
   .button {
     flex: 1;
@@ -581,20 +629,15 @@ sm-checkbox {
   font-weight: 500;
   min-width: 8ch;
 }
-#my_orders_section,
-#market_orders_section {
-  padding-top: 1rem;
+#my_orders,
+#market {
+  width: min(42rem, 100%);
+  grid-template-rows: auto 1fr;
   .icon {
     height: 1.2rem;
     width: 1.2rem;
   }
 }
-.orders_section__header {
-  padding: 0 1.5rem;
-}
-#my_orders_section__header {
-  height: 2.4rem;
-}
 #orders_section__header--primary {
   sm-tab-header {
     --gap: 1.5rem;
@@ -606,7 +649,7 @@ sm-checkbox {
 }
 
 .list__item {
-  padding: 0.5rem 1.5rem;
+  padding: 0.5rem 0;
   display: grid;
 }
 .order-card {
@@ -697,13 +740,11 @@ sm-checkbox {
   }
   .list__header {
     margin-bottom: 0.5rem;
-    padding: 0 1.5rem;
     grid-template-columns: repeat(3, 1fr) 2rem;
   }
 }
-#user_section {
+#wallet {
   gap: 1.5rem;
-  padding: 1.5rem;
   align-content: flex-start;
 }
 .wallet_actions__wrapper {
@@ -879,52 +920,16 @@ sm-checkbox {
   }
 }
 @media screen and (max-width: 40rem) {
-  #main_header {
-    padding: 0 1.5rem;
-  }
   sm-button {
     --padding: 0.9rem 1.6rem;
   }
-  #home {
-    & > :last-child {
-      padding-bottom: 5rem;
-    }
-  }
-  #bottom_nav {
-    position: fixed;
-    bottom: 0;
-    background-color: var(--foreground-color);
-    width: 100%;
-  }
-  .bottom_nav__item {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    flex: 1;
-    padding: 0.5rem 0;
-    .item__title,
-    .icon {
-      transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
-    }
+  .main_navbar__item--active {
     .item__title {
-      color: rgba(var(--text-color), 0.8);
-      font-size: 0.8rem;
-      font-weight: 500;
+      transform: translateY(100%);
+      opacity: 0;
     }
     .icon {
-      height: 1.2rem;
-      margin-bottom: 0.3rem;
-    }
-    &--active {
-      .item__title {
-        color: var(--accent-color);
-        transform: translateY(100%);
-        opacity: 0;
-      }
-      .icon {
-        transform: translateY(50%) scale(1.2);
-        fill: var(--accent-color);
-      }
+      transform: translateY(50%) scale(1.2);
     }
   }
   .hide-on-mobile {
@@ -959,33 +964,59 @@ sm-checkbox {
   .page-layout {
     grid-template-columns: 1fr 90vw 1fr;
   }
-  #home {
-    padding: 0 4vmax;
-    gap: 1rem;
-  }
   .hide-on-desktop {
     display: none;
   }
-  .card {
-    border-radius: 0.5rem;
-    background-color: var(--foreground-color);
-    border: solid thin rgba(var(--text-color), 0.1);
-  }
-}
-@media screen and (min-width: 48rem) {
   #home {
-    grid-template-rows: min-content 1fr;
-    grid-template-columns: 24rem minmax(0, 1fr);
-    &.signed-in {
-      #orders_list,
-      #market_orders_list {
-        height: 32vmin;
-        overflow-y: auto;
-      }
+    display: grid;
+    grid-template-columns: 12rem 1fr;
+    grid-template-rows: auto 1fr;
+    grid-template-areas: "header header" "nav .";
+  }
+  #main_header {
+    grid-area: header;
+  }
+  #main_navbar {
+    grid-area: nav;
+    flex-direction: column;
+    height: 100%;
+    padding: 0 0.5rem;
+  }
+  .main_navbar__item {
+    padding: 1.5rem 1rem;
+    width: 100%;
+    flex: 0;
+    flex-direction: row;
+    border-radius: 0.5rem;
+    transition: background-color 0.3s;
+    .icon {
+      margin-bottom: 0;
+      margin-right: 0.5rem;
+    }
+    .item__title {
+      font-size: 0.9rem;
+    }
+    &--active {
+      background-color: rgba(var(--text-color), 0.06);
     }
   }
-  #orders_section {
-    grid-row: span 2;
+  #exchange {
+    display: grid;
+    grid-template-columns: 16rem 1fr;
+  }
+  .listed-asset {
+    &--active {
+      opacity: 1;
+      background-color: rgba(var(--text-color), 0.06);
+      &::before {
+        content: "";
+        position: absolute;
+        width: 0.25rem;
+        border-radius: 0 0.2rem 0.2rem 0;
+        height: 50%;
+        background-color: var(--accent-color);
+      }
+    }
   }
 }
 @media screen and (max-width: 64rem) {
@@ -994,9 +1025,6 @@ sm-checkbox {
   .page-layout {
     grid-template-columns: 1fr 80vw 1fr;
   }
-  #home.signed-in {
-    grid-template-columns: 24rem minmax(0, 1fr) 20rem;
-  }
 }
 @media screen and (min-width: 120rem) {
   .page-layout {
@@ -1017,13 +1045,6 @@ sm-checkbox {
       background: rgba(var(--text-color), 0.5);
     }
   }
-  .interact,
-  button {
-    transition: background-color 0.3s, transform 0.3s;
-    &:hover {
-      background-color: var(--accent-color--light);
-    }
-  }
   .order-card {
     .cancel-order {
       justify-self: flex-end;
diff --git a/docs/index.html b/docs/index.html
index e0fd2c4..4049262 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -21,12 +21,8 @@
     <script>console.debug(floExchangeAPI);</script>
 </head>
 
-<body class="hide-completely">
+<body class="hide">
     <sm-notifications id="notification_drawer"></sm-notifications>
-    <audio id="notification_sound">
-        <source src="https://rmservices.duckdns.org/files/notification-sound.mp3" type="audio/mpeg">
-        <source src="https://rmservices.duckdns.org/files/notification-sound.ogg" type="audio/ogg">
-    </audio>
     <sm-popup id="confirmation_popup">
         <h4 id="confirm_title"></h4>
         <p id="confirm_message"></p>
@@ -59,7 +55,7 @@
                 </div>
             </div>
             <theme-toggle></theme-toggle>
-            <button id="user_popup_button" class="hide-completely" onclick="showPopup('user_popup')">
+            <button id="user_popup_button" class="hide" onclick="showPopup('user_popup')">
                 <svg xmlns="http://www.w3.org/2000/svg" class="icon" height="24px" viewBox="0 0 24 24" width="24px"
                     fill="#000000">
                     <path d="M0 0h24v24H0V0z" fill="none" />
@@ -68,71 +64,70 @@
                 </svg>
             </button>
         </header>
-        <section id="dashboard" class="card mobile-page">
-            <sm-form id="login_form" class="hide-">
-                <div class="grid gap-0-5">
-                    <h4>Login</h4>
-                    <p>Please login for trading and accessing your account.</p>
+        <section id="pages_container">
+            <section id="exchange" class="mobile-page">
+                <sm-form id="login_form">
+                    <div class="grid gap-0-5">
+                        <h4>Login</h4>
+                        <p>Please login for exchange.</p>
+                    </div>
+                    <sm-input type="password" id="login_form__priv_key" placeholder="Private key" animate required>
+                    </sm-input>
+                    </sm-input>
+                    <sm-checkbox id="remember_me" checked>
+                        <span class="button__icon--right">
+                            Remember me
+                        </span>
+                    </sm-checkbox>
+                    <input type="text" id="sign_in_code" style="display: none;" hidden />
+                    <input type="text" id="sign_in_hash" style="display: none;" hidden />
+                    <div id="login_button_wrapper" class="stateful-button-wrapper">
+                        <sm-button variant="primary" onclick="UI_evt.login();">Log in</sm-button>
+                    </div>
+                    <sm-button onclick="showPopup('registration_popup')" style="display: none;" disabled>Not registered?
+                        click here!</sm-button>
+                    <div class="grid gap-0-5">
+                        <p>Don't have FLO credentials?</p>
+                        <sm-button onclick="showPopup('sign_up_popup')">Generate FLO credentials</sm-button>
+                    </div>
+                    <sm-button onclick="floExchangeAPI.clearAllLocalData()">clear local data</sm-button>
+                </sm-form>
+                <div class="grid gap-1 align-start hide user-content">
+                    <h4>Assets</h4>
+                    <ul id="listed_assets" class="user-content hide"></ul>
                 </div>
-                <sm-input type="password" id="login_form__priv_key" placeholder="Private key" variant="outlined" animate
-                    required hiderequired></sm-input>
-                <sm-checkbox id="remember_me" checked>
-                    <span class="button__icon--right">
-                        Remember me
-                    </span>
-                </sm-checkbox>
-                <input type="text" id="sign_in_code" style="display: none;" hidden />
-                <input type="text" id="sign_in_hash" style="display: none;" hidden />
-                <div id="login_button_wrapper" class="stateful-button-wrapper">
-                    <sm-button variant="primary" onclick="UI_evt.login();">Log in</sm-button>
-                </div>
-                <sm-button onclick="showPopup('registration_popup')" style="display: none;" disabled>Not registered? click here!</sm-button>
-                <div class="grid gap-0-5">
-                    <p>Don't have FLO credentials?</p>
-                    <sm-button onclick="showPopup('sign_up_popup')">Generate FLO credentials</sm-button>
-                </div>
-                <sm-button onclick="floExchangeAPI.clearAllLocalData()">clear local data</sm-button>
-            </sm-form>
-            <sm-form id="trade_form" class="user-content hide-completely">
-                <div id="flo_exchange_rate" class="grid align-center">
-                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-                        <path
-                            d="M16.36,15.39c1.83,0,4.26-2.49,4.36-4.74-5.65-.19-4.91.47-7.28,2.39,2.19-2.4,1.42-7.79-1.43-10V6.17c2.33,1.49,2.21,5.14,0,7.15-2.23-2-2.27-5.69,0-7.15V3c-2.83,2.26-3.62,7.66-1.44,10-2.36-1.93-1.63-2.58-7.28-2.39.1,2.26,2.55,4.73,4.36,4.74,0,0-1.93.22-2.74-2.62,2.38-.37,4.29-.14,6.28,2-.79-.11-4.89,1.13-4.38,3.26.53.06,3,.3,3.58-.83-.17.18-1.25.5-1.53.05.38-1.39,2.32-2,2.32-2-1,1.82-.48,4.63.82,5.72,1.31-1.08,1.8-3.95.82-5.72,0,0,1.95.6,2.32,2-.29.46-1.36.12-1.53-.05.58,1.14,3.06.88,3.58.83.49-2.17-3.58-3.36-4.38-3.26,2-2.17,3.92-2.39,6.28-2C18.3,15.62,16.36,15.39,16.36,15.39ZM12,19.46c-.91-.79-.5-3,0-3.59C12.5,16.45,12.91,18.66,12,19.46Z" />
-                    </svg>
-                    <p><b>FLO</b>/INR</p>
-                    <span id="flo_rate"></span>
-                </div>
-                <div class="flex space-between align-center">
-                    <h4>Trade FLO</h4>
-                    <strip-select id="trade_type_selector" class="tab">
-                        <strip-option value="buy" selected>Buy</strip-option>
-                        <strip-option value="sell">Sell</strip-option>
-                    </strip-select>
-                </div>
-                <sm-select id="get_asset"></sm-select>
-                <sm-input id="get_price" variant="outlined" placeholder="Max price (₹)" type="number" step="0.01"
-                    required hiderequired animate>
-                </sm-input>
-                <sm-input id="get_quantity" variant="outlined" placeholder="Quantity (FLO)" type="number" step="0.0001"
-                    required hiderequired animate></sm-input>
-                <sm-input id="get_total" variant="outlined" placeholder="Total (₹)" type="number" min="0.01" step="0.01"
-                    required hiderequired animate>
-                </sm-input>
-                <div id="quantity_selector" class="flex align-center quantity-selector">
-                    <span id="quantity_type">Rupee</span>
-                    <button class="button" value="0.25">25%</button>
-                    <button class="button" value="0.5">50%</button>
-                    <button class="button" value="0.75">75%</button>
-                    <button class="button" value="1">100%</button>
-                </div>
-                <div id="trade_button_wrapper" class="stateful-button-wrapper flex align-center justify-center">
-                    <sm-button id="trade_button" class="uppercase w-100" variant="primary" onclick="tradeFlo()">BUY FLO
-                    </sm-button>
-                </div>
-            </sm-form>
-        </section>
-        <section id="orders_section" class="grid gap-1">
-            <section id="my_orders_section" class="grid gap-1 card user-content mobile-page hide-on-mobile">
+                <sm-form id="trade_form" class="user-content hide hide-on-mobile">
+                    <div class="flex space-between align-center">
+                        <h4 id="traded_asset">Trade FLO</h4>
+                        <strip-select id="trade_type_selector" class="tab">
+                            <strip-option value="buy" selected>Buy</strip-option>
+                            <strip-option value="sell">Sell</strip-option>
+                        </strip-select>
+                    </div>
+                    <sm-input id="get_price" placeholder="Max price (₹)" type="number" step="0.01" required animate>
+                    </sm-input>
+                    <sm-input id="get_quantity" placeholder="Quantity" type="number" step="0.0001" required animate>
+                    </sm-input>
+                    </sm-input>
+                    <sm-input id="get_total" placeholder="Total (₹)" type="number" min="0.01" step="0.01" required
+                        animate>
+                    </sm-input>
+                    <div id="quantity_selector" class="flex align-center quantity-selector">
+                        <span id="quantity_type">Rupee</span>
+                        <button class="button" value="0.25" title="Buy FLO worth 25% of total rupee">25%</button>
+                        <button class="button" value="0.5" title="Buy FLO worth 50% of total rupee">50%</button>
+                        <button class="button" value="0.75" title="Buy FLO worth 75% of total rupee">75%</button>
+                        <button class="button" value="1" title="Buy FLO worth 100% of total rupee">100%</button>
+                    </div>
+                    <div id="trade_button_wrapper" class="stateful-button-wrapper flex align-center justify-center">
+                        <sm-button id="trade_button" class="uppercase w-100" variant="primary" onclick="tradeFlo()">
+                            BUY
+                            FLO
+                        </sm-button>
+                    </div>
+                </sm-form>
+            </section>
+            <section id="my_orders" class="grid gap-1 hide mobile-page">
                 <div id="my_orders_section__header" class="orders_section__header flex">
                     <div id="orders_section__header--primary" class="flex w-100 align-center space-between">
                         <h4>
@@ -143,8 +138,7 @@
                             <strip-option value="completed">History</strip-option>
                         </strip-select>
                     </div>
-                    <div id="orders_section__header--secondary"
-                        class="flex w-100 align-center space-between hide-completely">
+                    <div id="orders_section__header--secondary" class="flex w-100 align-center space-between hide">
                         <button class="" onclick="clearSelection()" title="Clear all selection">
                             <svg xmlns="http://www.w3.org/2000/svg" class="icon button__icon--left" height="24px"
                                 viewBox="0 0 24 24" width="24px">
@@ -166,7 +160,7 @@
                     No orders placed
                 </p>
             </section>
-            <section id="market_orders_section" class="grid gap-1 card mobile-page hide-on-mobile">
+            <section id="market" class="grid gap-1 hide mobile-page">
                 <div class="orders_section__header flex align-center space-between">
                     <h4 class="flex align-center">
                         Market orders
@@ -189,110 +183,109 @@
                     No orders placed
                 </p>
             </section>
+            <section id="wallet" class="grid mobile-page hide">
+                <h4 class="flex align-center user_section__header">
+                    <svg xmlns="http://www.w3.org/2000/svg" class="icon button__icon--left" height="24px"
+                        viewBox="0 0 24 24" width="24px">
+                        <path d="M0 0h24v24H0V0z" fill="none" />
+                        <path
+                            d="M21 7.28V5c0-1.1-.9-2-2-2H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-2.28c.59-.35 1-.98 1-1.72V9c0-.74-.41-1.37-1-1.72zM20 9v6h-7V9h7zM5 19V5h14v2h-6c-1.1 0-2 .9-2 2v6c0 1.1.9 2 2 2h6v2H5z" />
+                        <circle cx="16" cy="12" r="1.5" />
+                    </svg>
+                    My wallet
+                </h4>
+                <div id="wallet_actions">
+                    <p class="label">Select asset</p>
+                    <sm-select id="wallet_asset_selector"></sm-select>
+                    <div class="flex wallet_actions__wrapper">
+                        <button class="button" value="deposit">
+                            Deposit
+                        </button>
+                        <button class="button" value="withdraw">
+                            Withdraw
+                        </button>
+                    </div>
+                </div>
+                <div class="grid gap-0-5">
+                    <h4>Balance</h4>
+                    <div class="grid gap-1">
+                        <div class="balance-card">
+                            <div class="balance-card__icon">
+                                <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+                                    <path
+                                        d="M16.36,15.39c1.83,0,4.26-2.49,4.36-4.74-5.65-.19-4.91.47-7.28,2.39,2.19-2.4,1.42-7.79-1.43-10V6.17c2.33,1.49,2.21,5.14,0,7.15-2.23-2-2.27-5.69,0-7.15V3c-2.83,2.26-3.62,7.66-1.44,10-2.36-1.93-1.63-2.58-7.28-2.39.1,2.26,2.55,4.73,4.36,4.74,0,0-1.93.22-2.74-2.62,2.38-.37,4.29-.14,6.28,2-.79-.11-4.89,1.13-4.38,3.26.53.06,3,.3,3.58-.83-.17.18-1.25.5-1.53.05.38-1.39,2.32-2,2.32-2-1,1.82-.48,4.63.82,5.72,1.31-1.08,1.8-3.95.82-5.72,0,0,1.95.6,2.32,2-.29.46-1.36.12-1.53-.05.58,1.14,3.06.88,3.58.83.49-2.17-3.58-3.36-4.38-3.26,2-2.17,3.92-2.39,6.28-2C18.3,15.62,16.36,15.39,16.36,15.39ZM12,19.46c-.91-.79-.5-3,0-3.59C12.5,16.45,12.91,18.66,12,19.46Z" />
+                                </svg>
+                            </div>
+                            <div class="balance-card__token">FLO</div>
+                            <div id="flo_balance"></div>
+                        </div>
+                        <div class="balance-card">
+                            <div class="balance-card__icon">
+                                <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+                                    <path
+                                        d="M15.3,4.91a4.78,4.78,0,0,0-.39-.5l3.14,0L18.75,2H6L5.25,4.6H9a4.22,4.22,0,0,1,3.06,1,3.16,3.16,0,0,1,.75,1.24H5.93L5.25,9.22h7.62a3.15,3.15,0,0,1-.34.82,3,3,0,0,1-1.37,1.17,5.34,5.34,0,0,1-2.2.4H5.5l0,1.9,7,8.49h3.56v-.17L9.68,14l.09,0a8.07,8.07,0,0,0,3.65-1,5,5,0,0,0,2-2.09A6.29,6.29,0,0,0,16,9.22h2.1l.69-2.42H15.93A5.93,5.93,0,0,0,15.3,4.91Z" />
+                                </svg>
+                            </div>
+                            <div class="balance-card__token">Rupee</div>
+                            <div id="rupee_balance"></div>
+                        </div>
+                    </div>
+                </div>
+            </section>
         </section>
-        <section id="user_section" class="grid card user-content mobile-page hide-completely hide-on-mobile">
-            <h4 class="flex align-center user_section__header">
-                <svg xmlns="http://www.w3.org/2000/svg" class="icon button__icon--left" height="24px"
-                    viewBox="0 0 24 24" width="24px">
+        <nav id="main_navbar" class="flex align-center">
+            <a href="#/exchange" class="main_navbar__item main_navbar__item--active interact">
+                <svg class="icon" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px"
+                    viewBox="0 0 24 24" width="24px" fill="#000000">
+                    <rect fill="none" height="24" width="24" />
+                    <path
+                        d="M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z M5,19V5h6v14H5z M19,19h-6v-7h6V19z M19,10h-6V5h6V10z" />
+                </svg>
+                <div class="item__title">Exchange</div>
+            </a>
+            <a href="#/my_orders" class="main_navbar__item user-content hide interact">
+                <svg class="icon" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px"
+                    viewBox="0 0 24 24" width="24px" fill="#000000">
+                    <path d="M0,0h24v24H0V0z" fill="none" />
+                    <g>
+                        <path
+                            d="M19.5,3.5L18,2l-1.5,1.5L15,2l-1.5,1.5L12,2l-1.5,1.5L9,2L7.5,3.5L6,2v14H3v3c0,1.66,1.34,3,3,3h12c1.66,0,3-1.34,3-3V2 L19.5,3.5z M15,20H6c-0.55,0-1-0.45-1-1v-1h10V20z M19,19c0,0.55-0.45,1-1,1s-1-0.45-1-1v-3H8V5h11V19z" />
+                        <rect height="2" width="6" x="9" y="7" />
+                        <rect height="2" width="2" x="16" y="7" />
+                        <rect height="2" width="6" x="9" y="10" />
+                        <rect height="2" width="2" x="16" y="10" />
+                    </g>
+                </svg>
+                <div class="item__title">My orders</div>
+            </a>
+            <a href="#/market" class="main_navbar__item interact">
+                <svg class="icon" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px"
+                    viewBox="0 0 24 24" width="24px" fill="#000000">
+                    <g>
+                        <rect fill="none" height="24" width="24" />
+                    </g>
+                    <g>
+                        <g />
+                        <g>
+                            <path
+                                d="M21.9,8.89l-1.05-4.37c-0.22-0.9-1-1.52-1.91-1.52H5.05C4.15,3,3.36,3.63,3.15,4.52L2.1,8.89 c-0.24,1.02-0.02,2.06,0.62,2.88C2.8,11.88,2.91,11.96,3,12.06V19c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2v-6.94 c0.09-0.09,0.2-0.18,0.28-0.28C21.92,10.96,22.15,9.91,21.9,8.89z M18.91,4.99l1.05,4.37c0.1,0.42,0.01,0.84-0.25,1.17 C19.57,10.71,19.27,11,18.77,11c-0.61,0-1.14-0.49-1.21-1.14L16.98,5L18.91,4.99z M13,5h1.96l0.54,4.52 c0.05,0.39-0.07,0.78-0.33,1.07C14.95,10.85,14.63,11,14.22,11C13.55,11,13,10.41,13,9.69V5z M8.49,9.52L9.04,5H11v4.69 C11,10.41,10.45,11,9.71,11c-0.34,0-0.65-0.15-0.89-0.41C8.57,10.3,8.45,9.91,8.49,9.52z M4.04,9.36L5.05,5h1.97L6.44,9.86 C6.36,10.51,5.84,11,5.23,11c-0.49,0-0.8-0.29-0.93-0.47C4.03,10.21,3.94,9.78,4.04,9.36z M5,19v-6.03C5.08,12.98,5.15,13,5.23,13 c0.87,0,1.66-0.36,2.24-0.95c0.6,0.6,1.4,0.95,2.31,0.95c0.87,0,1.65-0.36,2.23-0.93c0.59,0.57,1.39,0.93,2.29,0.93 c0.84,0,1.64-0.35,2.24-0.95c0.58,0.59,1.37,0.95,2.24,0.95c0.08,0,0.15-0.02,0.23-0.03V19H5z" />
+                        </g>
+                    </g>
+                </svg>
+                <div class="item__title">Market</div>
+            </a>
+            <a href="#/wallet" class="main_navbar__item user-content hide interact">
+                <svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px"
+                    fill="#000000">
                     <path d="M0 0h24v24H0V0z" fill="none" />
                     <path
                         d="M21 7.28V5c0-1.1-.9-2-2-2H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-2.28c.59-.35 1-.98 1-1.72V9c0-.74-.41-1.37-1-1.72zM20 9v6h-7V9h7zM5 19V5h14v2h-6c-1.1 0-2 .9-2 2v6c0 1.1.9 2 2 2h6v2H5z" />
                     <circle cx="16" cy="12" r="1.5" />
                 </svg>
-                My wallet
-            </h4>
-            <div id="wallet_actions">
-                <p class="label">Select asset</p>
-                <sm-select id="wallet_asset_selector">
-                </sm-select>
-                <div class="flex wallet_actions__wrapper">
-                    <button class="button" value="deposit">
-                        Deposit
-                    </button>
-                    <button class="button" value="withdraw">
-                        Withdraw
-                    </button>
-                </div>
-            </div>
-            <div class="grid gap-0-5">
-                <h4>Balance</h4>
-                <div class="grid gap-1">
-                    <div class="balance-card">
-                        <div class="balance-card__icon">
-                            <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-                                <path
-                                    d="M16.36,15.39c1.83,0,4.26-2.49,4.36-4.74-5.65-.19-4.91.47-7.28,2.39,2.19-2.4,1.42-7.79-1.43-10V6.17c2.33,1.49,2.21,5.14,0,7.15-2.23-2-2.27-5.69,0-7.15V3c-2.83,2.26-3.62,7.66-1.44,10-2.36-1.93-1.63-2.58-7.28-2.39.1,2.26,2.55,4.73,4.36,4.74,0,0-1.93.22-2.74-2.62,2.38-.37,4.29-.14,6.28,2-.79-.11-4.89,1.13-4.38,3.26.53.06,3,.3,3.58-.83-.17.18-1.25.5-1.53.05.38-1.39,2.32-2,2.32-2-1,1.82-.48,4.63.82,5.72,1.31-1.08,1.8-3.95.82-5.72,0,0,1.95.6,2.32,2-.29.46-1.36.12-1.53-.05.58,1.14,3.06.88,3.58.83.49-2.17-3.58-3.36-4.38-3.26,2-2.17,3.92-2.39,6.28-2C18.3,15.62,16.36,15.39,16.36,15.39ZM12,19.46c-.91-.79-.5-3,0-3.59C12.5,16.45,12.91,18.66,12,19.46Z" />
-                            </svg>
-                        </div>
-                        <div class="balance-card__token">FLO</div>
-                        <div id="flo_balance"></div>
-                    </div>
-                    <div class="balance-card">
-                        <div class="balance-card__icon">
-                            <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-                                <path
-                                    d="M15.3,4.91a4.78,4.78,0,0,0-.39-.5l3.14,0L18.75,2H6L5.25,4.6H9a4.22,4.22,0,0,1,3.06,1,3.16,3.16,0,0,1,.75,1.24H5.93L5.25,9.22h7.62a3.15,3.15,0,0,1-.34.82,3,3,0,0,1-1.37,1.17,5.34,5.34,0,0,1-2.2.4H5.5l0,1.9,7,8.49h3.56v-.17L9.68,14l.09,0a8.07,8.07,0,0,0,3.65-1,5,5,0,0,0,2-2.09A6.29,6.29,0,0,0,16,9.22h2.1l.69-2.42H15.93A5.93,5.93,0,0,0,15.3,4.91Z" />
-                            </svg>
-                        </div>
-                        <div class="balance-card__token">Rupee</div>
-                        <div id="rupee_balance"></div>
-                    </div>
-                </div>
-            </div>
-        </section>
+                <div class="item__title">Wallet</div>
+            </a>
+        </nav>
     </article>
-    <footer id="bottom_nav" class="flex align-center hide-on-desktop">
-        <a href="#/dashboard" class="bottom_nav__item bottom_nav__item--active">
-            <svg class="icon" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px"
-                viewBox="0 0 24 24" width="24px" fill="#000000">
-                <rect fill="none" height="24" width="24" />
-                <path
-                    d="M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z M5,19V5h6v14H5z M19,19h-6v-7h6V19z M19,10h-6V5h6V10z" />
-            </svg>
-            <div class="item__title">Dashboard</div>
-        </a>
-        <a href="#/my_orders" class="bottom_nav__item user-content hide-completely">
-            <svg class="icon" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px"
-                viewBox="0 0 24 24" width="24px" fill="#000000">
-                <path d="M0,0h24v24H0V0z" fill="none" />
-                <g>
-                    <path
-                        d="M19.5,3.5L18,2l-1.5,1.5L15,2l-1.5,1.5L12,2l-1.5,1.5L9,2L7.5,3.5L6,2v14H3v3c0,1.66,1.34,3,3,3h12c1.66,0,3-1.34,3-3V2 L19.5,3.5z M15,20H6c-0.55,0-1-0.45-1-1v-1h10V20z M19,19c0,0.55-0.45,1-1,1s-1-0.45-1-1v-3H8V5h11V19z" />
-                    <rect height="2" width="6" x="9" y="7" />
-                    <rect height="2" width="2" x="16" y="7" />
-                    <rect height="2" width="6" x="9" y="10" />
-                    <rect height="2" width="2" x="16" y="10" />
-                </g>
-            </svg>
-            <div class="item__title">My orders</div>
-        </a>
-        <a href="#/market" class="bottom_nav__item">
-            <svg class="icon" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px"
-                viewBox="0 0 24 24" width="24px" fill="#000000">
-                <g>
-                    <rect fill="none" height="24" width="24" />
-                </g>
-                <g>
-                    <g />
-                    <g>
-                        <path
-                            d="M21.9,8.89l-1.05-4.37c-0.22-0.9-1-1.52-1.91-1.52H5.05C4.15,3,3.36,3.63,3.15,4.52L2.1,8.89 c-0.24,1.02-0.02,2.06,0.62,2.88C2.8,11.88,2.91,11.96,3,12.06V19c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2v-6.94 c0.09-0.09,0.2-0.18,0.28-0.28C21.92,10.96,22.15,9.91,21.9,8.89z M18.91,4.99l1.05,4.37c0.1,0.42,0.01,0.84-0.25,1.17 C19.57,10.71,19.27,11,18.77,11c-0.61,0-1.14-0.49-1.21-1.14L16.98,5L18.91,4.99z M13,5h1.96l0.54,4.52 c0.05,0.39-0.07,0.78-0.33,1.07C14.95,10.85,14.63,11,14.22,11C13.55,11,13,10.41,13,9.69V5z M8.49,9.52L9.04,5H11v4.69 C11,10.41,10.45,11,9.71,11c-0.34,0-0.65-0.15-0.89-0.41C8.57,10.3,8.45,9.91,8.49,9.52z M4.04,9.36L5.05,5h1.97L6.44,9.86 C6.36,10.51,5.84,11,5.23,11c-0.49,0-0.8-0.29-0.93-0.47C4.03,10.21,3.94,9.78,4.04,9.36z M5,19v-6.03C5.08,12.98,5.15,13,5.23,13 c0.87,0,1.66-0.36,2.24-0.95c0.6,0.6,1.4,0.95,2.31,0.95c0.87,0,1.65-0.36,2.23-0.93c0.59,0.57,1.39,0.93,2.29,0.93 c0.84,0,1.64-0.35,2.24-0.95c0.58,0.59,1.37,0.95,2.24,0.95c0.08,0,0.15-0.02,0.23-0.03V19H5z" />
-                    </g>
-                </g>
-            </svg>
-            <div class="item__title">Market</div>
-        </a>
-        <a href="#/wallet" class="bottom_nav__item user-content hide-completely">
-            <svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px"
-                fill="#000000">
-                <path d="M0 0h24v24H0V0z" fill="none" />
-                <path
-                    d="M21 7.28V5c0-1.1-.9-2-2-2H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-2.28c.59-.35 1-.98 1-1.72V9c0-.74-.41-1.37-1-1.72zM20 9v6h-7V9h7zM5 19V5h14v2h-6c-1.1 0-2 .9-2 2v6c0 1.1.9 2 2 2h6v2H5z" />
-                <circle cx="16" cy="12" r="1.5" />
-            </svg>
-            <div class="item__title">Wallet</div>
-        </a>
-    </footer>
     <sm-popup id="user_popup">
         <header slot="header" class="popup__header">
             <button class="popup__header__close" onclick="hidePopup()">
@@ -336,8 +329,8 @@
         <div class="grid gap-1-5">
             <sm-form id="register_section">
                 <p>Enter the private key of FLO ID you want to register.</p>
-                <sm-input id="get_registration_key" variant="outlined" placeholder="Private key" type="password"
-                    required hiderequired></sm-input>
+                <sm-input id="get_registration_key" placeholder="Private key" type="password" required>
+                </sm-input>
                 <sm-button variant="primary" onclick="UI_evt.signup()" disabled>Register</sm-button>
             </sm-form>
         </div>
@@ -364,7 +357,8 @@
                     <sm-copy id="generated_private_key"></sm-copy>
                 </div>
             </div>
-            <sm-button id="sign_up_button" variant="primary" onclick="registerID()" style="display: none;" disabled>Register these credentials
+            <sm-button id="sign_up_button" variant="primary" onclick="registerID()" style="display: none;" disabled>
+                Register these credentials
             </sm-button>
             <strong class="warning">
                 Keep your private key secure and don't share with anyone.
@@ -385,8 +379,8 @@
         </header>
         <sm-form id="wallet_form">
             <input type="text" id="sink_id" style="display: none;" hidden />
-            <sm-input id="get_user_amount" variant="outlined" placeholder="Quantity" type="number" min="0.01"
-                step="0.00001" required hiderequired animate>
+            <sm-input id="get_user_amount" placeholder="Quantity" type="number" min="0.01" step="0.00001" required
+                animate>
             </sm-input>
             <div id="wallet_quantity_selector" class="flex align-center quantity-selector">
                 <span id="wallet_quantity_type">Rupee</span>
@@ -395,14 +389,14 @@
                 <button class="button" value="0.75">75%</button>
                 <button class="button" value="1">100%</button>
             </div>
-            <sm-input id="get_private_key" variant="outlined" placeholder="FLO private key" type="password" required
-                error-text="Invalid private key" hiderequired animate>
+            <sm-input id="get_private_key" placeholder="FLO private key" type="password" required
+                error-text="Invalid private key" animate>
             </sm-input>
             <div id="wallet_popup__cta_wrapper" class="stateful-button-wrapper">
                 <sm-button id="wallet_popup__cta" class="uppercase" variant="primary"></sm-button>
             </div>
         </sm-form>
-        <div id="wallet_result" class="grid gap-2 hide-completely">
+        <div id="wallet_result" class="grid gap-2 hide">
             <div id="wallet_result__icon"></div>
             <div class="grid gap-0-5">
                 <h4 id="wallet_result__title"></h4>
@@ -437,6 +431,18 @@
             </div>
         </div>
     </sm-popup>
+
+    <!-- templates -->
+    <template id="listed_asset_template">
+        <li>
+            <a class="listed-asset interact grid align-center">
+                <div class="listed-asset__icon"></div>
+                <h4 class="listed-asset__name"></h4>
+                <strong class="listed-asset__rate"></strong>
+            </a>
+        </li>
+    </template>
+
     <template id="net_balance_template">
         <span class="available-balance"></span>
     </template>
@@ -724,10 +730,6 @@
                     break;
             }
             getRef("notification_drawer").push(message, { pinned, icon });
-            if (navigator.onLine && sound) {
-                getRef("notification_sound").currentTime = 0;
-                getRef("notification_sound").play();
-            }
             if (mode === 'error') {
                 console.error(message)
             }
@@ -784,8 +786,7 @@
 
         window.addEventListener('hashchange', e => showPage(window.location.hash))
         window.addEventListener("load", () => {
-            showPage(window.location.hash)
-            document.body.classList.remove('hide-completely')
+            document.body.classList.remove('hide')
             document.querySelectorAll('sm-input[data-private-key]').forEach(input => input.customValidation = floCrypto.getPubKeyHex)
             document.addEventListener('keyup', (e) => {
                 if (e.key === 'Escape') {
@@ -795,17 +796,51 @@
             document.addEventListener('copy', () => {
                 notify('copied', 'success')
             })
+            document.addEventListener("pointerdown", (e) => {
+                if (e.target.closest("button:not([disabled]), sm-button:not([disabled]), .interact")) {
+                    createRipple(e, e.target.closest("button, sm-button, .interact"));
+                }
+            });
         });
+        function createRipple(event, target) {
+            const circle = document.createElement("span");
+            const diameter = Math.max(target.clientWidth, target.clientHeight);
+            const radius = diameter / 2;
+            const targetDimensions = target.getBoundingClientRect();
+            circle.style.width = circle.style.height = `${diameter}px`;
+            circle.style.left = `${event.clientX - (targetDimensions.left + radius)}px`;
+            circle.style.top = `${event.clientY - (targetDimensions.top + radius)}px`;
+            circle.classList.add("ripple");
+            const rippleAnimation = circle.animate(
+                [
+                    {
+                        transform: "scale(4)",
+                        opacity: 0,
+                    },
+                ],
+                {
+                    duration: 600,
+                    fill: "forwards",
+                    easing: "ease-out",
+                }
+            );
+            target.append(circle);
+            rippleAnimation.onfinish = () => {
+                circle.remove();
+            };
+        }
 
         const pagesData = {
-            openedPages: [],
+            lastPage: '',
             params: {}
         }
 
         async function showPage(targetPage, options = {}) {
             const { firstLoad, hashChange } = options
             let pageId
-            let params
+            let subPageId
+            let params = {}
+            let searchParams
             if (targetPage === '') {
                 if (typeof proxy.userID === "undefined") {
                     pageId = 'landing'
@@ -814,53 +849,72 @@
                 }
             } else {
                 if (targetPage.includes('/')) {
-                    const pages = targetPage.split('/')
-                    pageId = pages[1]
+                    if (targetPage.includes('?')) {
+                        const splitAddress = targetPage.split('?')
+                        searchParams = splitAddress.pop()
+                        const pages = splitAddress.pop().split('/')
+                        pageId = pages[1]
+                        subPageId = pages[2]
+                    } else {
+                        const pages = targetPage.split('/')
+                        pageId = pages[1]
+                        subPageId = pages[2]
+                    }
                 } else {
                     pageId = targetPage
                 }
             }
-            if (pagesData.lastPage !== pageId) {
-                let target
-                switch (pageId) {
-                    case 'dashboard':
-                        target = 'dashboard'
-                        break;
-                    case 'my_orders':
-                        target = 'my_orders_section'
-                        break;
-                    case 'market':
-                        target = 'market_orders_section'
-                        break;
-                    case 'wallet':
-                        target = 'user_section'
-                        break;
-                }
-                if (target) {
-                    document.querySelectorAll('.mobile-page').forEach(elem => elem.classList.add('hide-on-mobile'))
-                    getRef(target).classList.remove('hide-on-mobile')
-                    document.querySelectorAll('.bottom_nav__item').forEach(elem => elem.classList.remove('bottom_nav__item--active'))
-                    document.querySelector(`.bottom_nav__item[href="#/${pageId}"]`).classList.add('bottom_nav__item--active')
-                    getRef(target)?.animate([
-                        {
-                            transform: 'translateY(1rem)',
-                            opacity: 0,
-                        },
-                        {
-                            transform: 'none',
-                            opacity: 1,
-                        },
-                    ],
-                        {
-                            duration: 300,
-                            easing: 'ease'
-                        })
-                    pagesData.lastPage = target
-                    if (!pagesData.openedPages.includes(target)) {
-                        pagesData.openedPages.push(target)
-                    }
-                }
+            if (searchParams) {
+                const urlSearchParams = new URLSearchParams('?' + searchParams);
+                params = Object.fromEntries(urlSearchParams.entries());
             }
+            switch (pageId) {
+                case 'exchange':
+                    if (!params.hasOwnProperty('asset') || params.asset === '') {
+                        params.asset = 'FLO'
+                    }
+                    if (getRef('listed_assets').querySelector('.listed-asset--active'))
+                        getRef('listed_assets').querySelector('.listed-asset--active').classList.remove('listed-asset--active')
+                    getRef('listed_assets').querySelector(`[href="#/exchange?asset=${params.asset}"]`).classList.add('listed-asset--active')
+                    getRef('get_price').value = parseFloat(floGlobals.exchangeRates[params.asset].toFixed(2))
+                    getRef('traded_asset').textContent = `Trade ${params.asset}`
+                    getRef('trade_button').textContent = `${tradeType} ${params.asset}`
+                    getRef('quantity_type').textContent = tradeType === 'buy' ? formatAmount(allTokens.rupee.net) : `${parseFloat(allTokens[params.asset].net.toFixed(3))} ${params.asset}`
+                    getRef('quantity_selector').querySelectorAll('.button').forEach(button => {
+                        if (tradeType === 'buy') {
+                            button.title = `Buy ${params.asset} worth ${button.textContent} of total rupee`
+                        } else {
+                            button.title = `Sell ${button.textContent} of total ${params.asset}`
+                        }
+                    })
+                    break;
+                case 'my_orders':
+                    break;
+                case 'market':
+                    break;
+                case 'wallet':
+                    break;
+            }
+            if (pagesData.lastPage !== pageId) {
+                document.querySelectorAll('.mobile-page').forEach(elem => elem.classList.add('hide'))
+                getRef(pageId).classList.remove('hide')
+                document.querySelectorAll('.main_navbar__item').forEach(elem => elem.classList.remove('main_navbar__item--active'))
+                document.querySelector(`.main_navbar__item[href="#/${pageId}"]`).classList.add('main_navbar__item--active')
+                getRef(pageId)?.animate([
+                    {
+                        opacity: 0,
+                    },
+                    {
+                        opacity: 1,
+                    },
+                ],
+                    {
+                        duration: 150,
+                        easing: 'ease'
+                    })
+                pagesData.lastPage = pageId
+            }
+            pagesData.params = params
         }
         // class based lazy loading
         class LazyLoader {
@@ -939,10 +993,27 @@
         }
     </script>
     <script>
+        const listedAssets = {
+            FLO: {
+                icon: `<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+                    <path
+                        d="M16.36,15.39c1.83,0,4.26-2.49,4.36-4.74-5.65-.19-4.91.47-7.28,2.39,2.19-2.4,1.42-7.79-1.43-10V6.17c2.33,1.49,2.21,5.14,0,7.15-2.23-2-2.27-5.69,0-7.15V3c-2.83,2.26-3.62,7.66-1.44,10-2.36-1.93-1.63-2.58-7.28-2.39.1,2.26,2.55,4.73,4.36,4.74,0,0-1.93.22-2.74-2.62,2.38-.37,4.29-.14,6.28,2-.79-.11-4.89,1.13-4.38,3.26.53.06,3,.3,3.58-.83-.17.18-1.25.5-1.53.05.38-1.39,2.32-2,2.32-2-1,1.82-.48,4.63.82,5.72,1.31-1.08,1.8-3.95.82-5.72,0,0,1.95.6,2.32,2-.29.46-1.36.12-1.53-.05.58,1.14,3.06.88,3.58.83.49-2.17-3.58-3.36-4.38-3.26,2-2.17,3.92-2.39,6.28-2C18.3,15.62,16.36,15.39,16.36,15.39ZM12,19.46c-.91-.79-.5-3,0-3.59C12.5,16.45,12.91,18.66,12,19.46Z" />
+                </svg>`
+            },
+        }
+
         function formatAmount(amount) {
             return amount.toLocaleString(`en-IN`, { style: 'currency', currency: 'INR' })
         }
         const render = {
+            listedAsset(name, rate) {
+                const clone = getRef('listed_asset_template').content.cloneNode(true).firstElementChild.firstElementChild
+                clone.href = `#/exchange?asset=${name}`
+                clone.querySelector('.listed-asset__icon').innerHTML = listedAssets[name] ? listedAssets[name].icon : ''
+                clone.querySelector('.listed-asset__rate').textContent = rate
+                clone.querySelector('.listed-asset__name').textContent = name
+                return clone
+            },
             orderCard(orderDetails = {}) {
                 const { id, asset, quantity, price, time, type } = orderDetails
                 const card = getRef('order_template').content.cloneNode(true).firstElementChild
@@ -1010,12 +1081,21 @@
         let tradeType = 'buy'
         getRef('trade_type_selector').addEventListener('change', e => {
             tradeType = e.detail.value
+            const selectedAsset = pagesData.params.asset
             getRef('get_price').setAttribute('placeholder', tradeType === 'buy' ? 'Max price' : 'Min price')
-            getRef('trade_button').textContent = `${tradeType} FLO`
-            getRef('quantity_type').textContent = tradeType === 'buy' ? `Rupee` : `FLO`
+            getRef('trade_button').textContent = `${tradeType} ${selectedAsset}`
+            getRef('quantity_type').textContent = tradeType === 'buy' ? formatAmount(allTokens.rupee.net) : `${parseFloat(allTokens[selectedAsset].net.toFixed(3))} ${selectedAsset}`
+
+            getRef('quantity_selector').querySelectorAll('.button').forEach(button => {
+                if (tradeType === 'buy') {
+                    button.title = `Buy ${selectedAsset} worth ${button.textContent} of total rupee`
+                } else {
+                    button.title = `Sell ${button.textContent} of total ${selectedAsset}`
+                }
+            })
         })
         async function tradeFlo() {
-            const asset = getRef('get_asset').value;
+            const asset = pagesData.params.asset;
             const quantity = parseFloat(getRef('get_quantity').value)
             const price = parseFloat(getRef('get_price').value)
             showProcess('trade_button_wrapper')
@@ -1052,18 +1132,19 @@
                 const target = e.target.closest('button')
                 const unitValue = parseFloat(getRef('get_price').value)
                 const fraction = parseFloat(target.value)
+                const selectedAsset = pagesData.params.asset
                 if (tradeType === 'buy') {
-                    getRef('get_total').value = parseFloat((fraction * balance.rupee).toFixed(2))
-                    getRef('get_quantity').value = parseFloat(((balance.rupee * fraction) / unitValue).toFixed(4))
+                    console.log(parseFloat((fraction * allTokens['rupee'].net).toFixed(2)), parseFloat(((allTokens['rupee'].net * fraction) / unitValue).toFixed(4)))
+                    getRef('get_total').value = parseFloat((fraction * allTokens['rupee'].net).toFixed(2))
+                    getRef('get_quantity').value = parseFloat(((allTokens['rupee'].net * fraction) / unitValue).toFixed(4))
                 } else {
-                    console.log(fraction, balance.flo, floExchangeRate)
-                    getRef('get_total').value = parseFloat((fraction * balance.flo * floExchangeRate).toFixed(2))
-                    getRef('get_quantity').value = parseFloat((balance.flo * fraction).toFixed(4))
+                    getRef('get_total').value = parseFloat((fraction * allTokens[selectedAsset].net * floGlobals.exchangeRates[selectedAsset]).toFixed(2))
+                    getRef('get_quantity').value = parseFloat((allTokens[selectedAsset].net * fraction).toFixed(4))
                 }
             }
         })
         getRef('get_price').addEventListener('keyup', e => {
-            const unitValue = parseFloat(getRef('get_price').value) || floExchangeRate
+            const unitValue = parseFloat(getRef('get_price').value) || floGlobals.exchangeRates[pagesData.params.asset]
             const quantity = parseFloat(getRef('get_quantity').value) || 0
             getRef('get_total').value = parseFloat((quantity * unitValue).toFixed(2)) || 0
         })
@@ -1089,16 +1170,14 @@
                 getRef('get_user_amount').setAttribute('step', asset === 'FLO' ? '0.0001' : '0.01')
                 getRef('get_user_amount').setAttribute('min', asset === 'FLO' ? '0.0001' : '0.01')
                 if (type === 'withdraw') {
-                    getRef('get_private_key').classList.add('hide-completely')
-                    getRef('wallet_quantity_selector').classList.remove('hide-completely')
+                    getRef('get_private_key').classList.add('hide')
+                    getRef('wallet_quantity_selector').classList.remove('hide')
                     getRef('get_private_key').removeAttribute('required')
-                    getRef('get_private_key').removeAttribute('hiderequired')
 
                 } else {
                     getRef('get_private_key').setAttribute('required', '')
-                    getRef('wallet_quantity_selector').classList.add('hide-completely')
-                    getRef('get_private_key').setAttribute('hiderequired', '')
-                    getRef('get_private_key').classList.remove('hide-completely')
+                    getRef('wallet_quantity_selector').classList.add('hide')
+                    getRef('get_private_key').classList.remove('hide')
                 }
                 getRef('wallet_form').elementsChanged()
             }
@@ -1128,8 +1207,8 @@
             getRef('wallet_result__description').textContent = description
             getRef('wallet_form').animate(slideOutLeft, animOptions)
                 .onfinish = () => {
-                    getRef('wallet_form').classList.add('hide-completely')
-                    getRef('wallet_result').classList.remove('hide-completely')
+                    getRef('wallet_form').classList.add('hide')
+                    getRef('wallet_result').classList.remove('hide')
                     getRef('wallet_result').animate(slideInLeft, animOptions)
                 }
         }
@@ -1141,8 +1220,8 @@
             }
             getRef('wallet_result').animate(slideOutRight, animOptions)
                 .onfinish = () => {
-                    getRef('wallet_result').classList.add('hide-completely')
-                    getRef('wallet_form').classList.remove('hide-completely')
+                    getRef('wallet_result').classList.add('hide')
+                    getRef('wallet_form').classList.remove('hide')
                     getRef('wallet_form').animate(slideInRight, animOptions)
                 }
         }
@@ -1150,9 +1229,9 @@
             // Get latest balance and exchange rate
             if (e.target.closest('button')) {
                 const target = e.target.closest('button')
-                const asset = getRef('wallet_asset_selector').value.toLowerCase()
+                const asset = getRef('wallet_asset_selector').value
                 const fraction = parseFloat(target.value)
-                getRef('get_user_amount').value = parseFloat((balance[asset] * fraction).toFixed(asset === "flo" ? 4 : 2))
+                getRef('get_user_amount').value = parseFloat((allTokens[asset].net * fraction).toFixed(asset === "rupee" ? 2 : 4))
             }
         })
         getRef('wallet_popup__cta').addEventListener('click', async e => {
@@ -1263,14 +1342,14 @@
                 selectedOrders.delete(target.dataset.id)
             }
             getRef('selected_orders').textContent = `${selectedOrders.size} selected`
-            if (selectedOrders.size === 1 && !getRef('my_orders_section__header').children[0].classList.contains('hide-completely')) {
+            if (selectedOrders.size === 1 && !getRef('my_orders_section__header').children[0].classList.contains('hide')) {
                 getRef('my_orders_section__header').children[0].animate(slideOutLeft, animOptions)
                     .onfinish = () => {
-                        getRef('my_orders_section__header').children[0].classList.add('hide-completely')
-                        getRef('my_orders_section__header').children[1].classList.remove('hide-completely')
+                        getRef('my_orders_section__header').children[0].classList.add('hide')
+                        getRef('my_orders_section__header').children[1].classList.remove('hide')
                         getRef('my_orders_section__header').children[1].animate(slideInLeft, animOptions)
                     }
-            } else if (selectedOrders.size === 0 && getRef('my_orders_section__header').children[0].classList.contains('hide-completely')) {
+            } else if (selectedOrders.size === 0 && getRef('my_orders_section__header').children[0].classList.contains('hide')) {
                 hideMyOrdersOptions()
             }
         })
@@ -1282,8 +1361,8 @@
             }
             getRef('my_orders_section__header').children[1].animate(slideOutRight, animOptions)
                 .onfinish = () => {
-                    getRef('my_orders_section__header').children[1].classList.add('hide-completely')
-                    getRef('my_orders_section__header').children[0].classList.remove('hide-completely')
+                    getRef('my_orders_section__header').children[1].classList.add('hide')
+                    getRef('my_orders_section__header').children[0].classList.remove('hide')
                     getRef('my_orders_section__header').children[0].animate(slideInRight, animOptions)
                 }
         }
@@ -1295,16 +1374,16 @@
             const target = e.target.closest('.more-info')
             showPopup('transaction_info_popup')
             if (target.dataset.buyer !== 'undefined') {
-                getRef('transaction__buyer_wrapper').classList.remove('hide-completely')
+                getRef('transaction__buyer_wrapper').classList.remove('hide')
                 getRef('transaction__buyer').value = target.dataset.buyer
             } else {
-                getRef('transaction__buyer_wrapper').classList.add('hide-completely')
+                getRef('transaction__buyer_wrapper').classList.add('hide')
             }
             if (target.dataset.seller !== 'undefined') {
-                getRef('transaction__seller_wrapper').classList.remove('hide-completely')
+                getRef('transaction__seller_wrapper').classList.remove('hide')
                 getRef('transaction__seller').value = target.dataset.seller
             } else {
-                getRef('transaction__seller_wrapper').classList.add('hide-completely')
+                getRef('transaction__seller_wrapper').classList.add('hide')
             }
             getRef('transaction_time__label').textContent = target.dataset.pending === 'true' ? 'Placed on' : 'Completed on'
             getRef('transaction_time').textContent = getFormattedTime(target.dataset.time)
@@ -1601,30 +1680,33 @@
                 })
             }
         }
-
-        let floExchangeRate = 0
         function updateRate(init = false) {
             floExchangeAPI.getRates().then(rates => {
                 console.debug(rates);
                 if (init) {
-                    let assetList = getRef('get_asset');
-                    let walletList = getRef('wallet_asset_selector');
-                    let c = document.createElement('sm-option');
-                    c.setAttribute('value', floGlobals.currency);
-                    c.innerText = floGlobals.currency;
-                    walletList.appendChild(c);
-                    for (let asset in rates) {
-                        let e = document.createElement('sm-option');
-                        e.setAttribute('value', asset);
-                        e.innerText = asset;
-                        assetList.appendChild(e);
-                        walletList.appendChild(e.cloneNode(true));
-                    }
+                    floGlobals.exchangeRates = rates
+                    getRef('wallet_asset_selector').append(
+                        createElement('sm-option', {
+                            textContent: floGlobals.currency,
+                            attributes: { value: floGlobals.currency },
+                        })
+                    );
+                    Object.entries(rates).sort((a, b) => a[1] < b[1] ? 1 : -1).forEach(([asset, rate]) => {
+                        if (!allTokens.hasOwnProperty(asset)) {
+                            allTokens[asset] = {
+                                total: 0,
+                                locked: 0,
+                                net: 0
+                            }
+                        }
+                        getRef('listed_assets').append(render.listedAsset(asset, formatAmount(parseFloat(rate))));
+                        getRef('wallet_asset_selector').append(createElement('sm-option', {
+                            textContent: asset,
+                            attributes: { value: asset },
+                        }));
+                    })
                 }
-                let flo_rate = rates["FLO"];
-                floExchangeRate = parseFloat(flo_rate)
-                getRef('flo_rate').textContent = formatAmount(parseFloat(flo_rate))
-                getRef('get_price').value = parseFloat(parseFloat(flo_rate).toFixed(2))
+                getRef('get_price').value = parseFloat(parseFloat(rates["FLO"]).toFixed(2))
             }).catch(error => console.error(error))
         }
 
@@ -1632,10 +1714,9 @@
             if (init) {
                 console.info("init");
                 if (!proxy.userID) {
-                    getRef('home').classList.remove('signed-in');
                     floExchangeAPI.getLoginCode().then(response => {
-                        getRef("login_form").classList.remove('hide-completely');
-                        document.querySelectorAll(".user-content").forEach(elem => elem.classList.add('hide-completely'))
+                        getRef("login_form").classList.remove('hide');
+                        document.querySelectorAll(".user-content").forEach(elem => elem.classList.add('hide'))
                         getRef('sign_in_code').value = response.code;
                         getRef('sign_in_hash').value = response.hash;
                         proxy.clear();
@@ -1662,40 +1743,51 @@
             getRef(`${type}_balance`).append(card)
         }
 
-        const balance = {}
-
         let accountDetails = {}
+        const allTokens = {}
         async function account() {
-            floExchangeAPI.getAccount(proxy.userID, await proxy.secret).then(acc => {
-                getRef("login_form").classList.add('hide-completely')
-                getRef('home').classList.add('signed-in')
-                getRef('user_popup_button').classList.remove('hide-completely')
+            floExchangeAPI.getAccount(proxy.userID, await proxy.secret).then(async acc => {
+                getRef("login_form").classList.add('hide')
+                getRef('user_popup_button').classList.remove('hide')
                 accountDetails = acc
                 console.debug(acc);
                 //Element display
-                document.querySelectorAll(".user-content").forEach(elem => elem.classList.remove('hide-completely'))
-                getRef('trade_form').classList.remove('hide-completely')
+                document.querySelectorAll(".user-content").forEach(elem => elem.classList.remove('hide'))
                 getRef("user_id").value = acc.floID;
                 getRef("sink_id").value = acc.sinkID;
-                //FLO Balance
-                console.debug(acc.vault);
-                let flo_total = acc.vault.reduce((a, x) => a + (x.asset === "FLO" ? x.quantity : 0), 0);
-                let flo_locked = acc.sellOrders.reduce((a, x) => a + x.quantity, 0);
-                let flo_net = flo_total - flo_locked;
-                console.debug("FLO", flo_total, flo_locked, flo_net);
-                balance.flo = flo_net
+                // token balance
+                acc.vault.forEach(({ asset, quantity }) => {
+                    if (!allTokens.hasOwnProperty(asset)) {
+                        allTokens[asset] = {
+                            total: 0,
+                            locked: 0,
+                            net: 0
+                        }
+                    }
+                    allTokens[asset].total += quantity
+                })
+                acc.sellOrders.forEach(({ quantity }) => {
+                    allTokens[asset].locked += quantity
+                })
+                for (const asset in allTokens) {
+                    allTokens[asset].net = allTokens[asset].total - allTokens[asset].locked
+                }
+                console.debug("FLO", allTokens['FLO']);
+                showBalance("flo", allTokens['FLO'].net, allTokens['FLO'].locked)
+                console.log(await floExchangeAPI.getBalance(acc.floID))
 
-                showBalance("flo", flo_net, flo_locked,)
                 //Rupee Balance
-                let rupee_total = acc.cash;
-                let rupee_locked = acc.buyOrders.reduce((a, x) => a + x.quantity * x.maxPrice, 0);
-                let rupee_net = rupee_total - rupee_locked;
-                console.debug("RUPEE", rupee_total, rupee_locked, rupee_net);
-                balance.rupee = rupee_net
-                showBalance("rupee", rupee_net, rupee_locked)
+                allTokens['rupee'] = {
+                    total: acc.cash,
+                    locked: acc.buyOrders.reduce((a, x) => a + x.quantity * x.maxPrice, 0),
+                }
+                allTokens['rupee'].net = allTokens['rupee'].total - allTokens['rupee'].locked
+                console.debug("RUPEE", allTokens['rupee']);
+                showBalance("rupee", allTokens['rupee'].net, allTokens['rupee'].locked)
                 //My orders
                 renderUserOrders();
                 proxy.secret.then(_ => null).catch(_ => null);
+                showPage(window.location.hash)
             }).catch(error => console.error(error))
         };
 

From 6028e2b541ec9918d8815db9816db357a39138b8 Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Tue, 29 Mar 2022 23:58:10 +0530
Subject: [PATCH 003/168] UI improvements

---
 docs/css/main.css     |  29 +++++---
 docs/css/main.min.css |   2 +-
 docs/css/main.scss    |  31 ++++++---
 docs/index.html       | 156 +++++++++++++++++++++++++-----------------
 4 files changed, 133 insertions(+), 85 deletions(-)

diff --git a/docs/css/main.css b/docs/css/main.css
index c088db3..26865fb 100644
--- a/docs/css/main.css
+++ b/docs/css/main.css
@@ -352,6 +352,12 @@ ul {
   margin-left: 0.5rem;
 }
 
+.icon-only {
+  padding: 0.6rem;
+  aspect-ratio: 1/1;
+  background-color: transparent;
+}
+
 .icon-button {
   padding: 0.6rem;
   border-radius: 0.8rem;
@@ -551,6 +557,11 @@ sm-checkbox {
   align-content: flex-start;
 }
 
+#login_form {
+  width: min(24rem, 100%);
+  margin: 0 auto;
+}
+
 #login_form__priv_key {
   margin-top: 1rem;
 }
@@ -608,16 +619,11 @@ sm-checkbox {
   width: min(42rem, 100%);
 }
 
-#exchange {
-  display: grid;
-  gap: 1.5rem;
-}
-
 .listed-asset {
   position: relative;
   grid-template-columns: auto 1fr auto;
   gap: 0.5rem;
-  padding: 1rem;
+  padding: 1rem 0;
   border-radius: 0.5rem;
   opacity: 0.8;
   font-weight: 400;
@@ -773,6 +779,7 @@ sm-checkbox {
 #wallet {
   gap: 1.5rem;
   align-content: flex-start;
+  width: min(24rem, 100%);
 }
 
 .wallet_actions__wrapper {
@@ -793,8 +800,7 @@ sm-checkbox {
 .balance-card {
   display: grid;
   align-items: center;
-  gap: 0.3rem 1rem;
-  padding: 0.5rem 0;
+  gap: 0.3rem 0.5rem;
   border-radius: 0.5rem;
 }
 .balance-card.is-locked {
@@ -1078,11 +1084,16 @@ sm-checkbox {
     background-color: rgba(var(--text-color), 0.06);
   }
 
-  #exchange {
+  .is-signed-in #exchange_wrapper {
     display: grid;
+    gap: 1.5rem;
     grid-template-columns: 16rem 1fr;
+    align-items: flex-start;
   }
 
+  .listed-asset {
+    padding: 1rem;
+  }
   .listed-asset--active {
     opacity: 1;
     background-color: rgba(var(--text-color), 0.06);
diff --git a/docs/css/main.min.css b/docs/css/main.min.css
index 7be631d..85b8b28 100644
--- a/docs/css/main.min.css
+++ b/docs/css/main.min.css
@@ -1 +1 @@
-*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #504dff;--text-color: 20, 20, 20;--background-color: 240, 240, 240;--foreground-color: 250, 250, 250;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a3a1ff;--text-color: 220, 220, 220;--background-color: 10, 10, 10;--foreground-color: 24, 24, 24;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{color:var(--accent-color)}button,.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;cursor:pointer;transition:transform .3s;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.button{white-space:nowrap;padding:.6rem 1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.06);color:rgba(var(--text-color), 0.8);justify-content:center}.button--primary{background-color:var(--accent-color);color:rgba(var(--background-color), 1)}button:disabled{opacity:.5}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}ul{list-style:none}.flex{display:flex}.grid{display:grid}.hide{opacity:0;pointer-events:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.breakable{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.h1{font-size:1.5rem}.h2{font-size:1.2rem}.h3{font-size:1rem}.h4{font-size:.9rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.empty-state{display:grid;justify-content:center;text-align:center;width:100%;max-width:none;padding:1.5rem}.observe-empty-state:empty{display:none}.observe-empty-state:not(:empty)+.empty-state{display:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.button__icon--left{margin-right:.5rem}.button__icon--right{margin-left:.5rem}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem 0 .5rem;align-items:center;grid-template-columns:auto 1fr auto}.popup__header__close{padding:.5rem;cursor:pointer}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;width:100%;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:1rem}.logo h4{text-transform:capitalize;font-size:.9rem;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}details[open]>summary{margin-bottom:1rem}details[open]>summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:var(--accent-color--light);border-radius:.3rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.3rem 0 0 0.3rem}strip-option:last-of-type{--border-radius: 0 0.3rem 0.3rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up sm-copy{font-size:.9rem;--button-border-radius: 0.5rem}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form__priv_key{margin-top:1rem}#main_header{display:grid;gap:1rem;padding:1.5rem;width:100%;align-items:center;grid-template-columns:1fr auto auto;grid-column:1/-1}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto;padding:0 1.5rem}#pages_container>*{width:min(42rem,100%)}#exchange{display:grid;gap:1.5rem}.listed-asset{position:relative;grid-template-columns:auto 1fr auto;gap:.5rem;padding:1rem;border-radius:.5rem;opacity:.8;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit}.listed-asset__icon{display:flex}.listed-asset__icon .icon{height:1.5rem;width:1.5rem}#flo_rate{font-weight:700}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#my_orders,#market{width:min(42rem,100%);grid-template-rows:auto 1fr}#my_orders .icon,#market .icon{height:1.2rem;width:1.2rem}#orders_section__header--primary sm-tab-header{--gap: 1.5rem}#orders_section__header--primary sm-tab{font-size:.9rem;--padding: 0.8rem 0}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:.5rem 1.5rem .5rem .5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{padding:1rem;cursor:pointer}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.transaction-card{grid-template-columns:repeat(3, 1fr) 2rem}.transaction-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type{color:var(--green)}.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type{color:var(--danger-color)}.transaction-card__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.transaction-card__quantity,.transaction-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}#market_orders_list .list__header{font-size:.8rem;font-weight:500}#market_orders_list .list__header div{padding:.5rem 0}#market_orders_list .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}#wallet{gap:1.5rem;align-content:flex-start}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}.balance-card{display:grid;align-items:center;gap:.3rem 1rem;padding:.5rem 0;border-radius:.5rem}.balance-card.is-locked{grid-template-columns:auto 1fr;gap:1rem}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:span 2;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.hide-on-mobile{display:none}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.h1{font-size:2rem}.h2{font-size:1.8rem}.h3{font-size:1.3rem}.h4{font-size:1rem}.popup__header{padding:1rem 1.5rem 0 .5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.hide-on-desktop{display:none}#home{display:grid;grid-template-columns:12rem 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav ."}#main_header{grid-area:header}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding:0 .5rem}.main_navbar__item{padding:1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#exchange{display:grid;grid-template-columns:16rem 1fr}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{opacity:0;transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}.transaction-card button{opacity:0;transition:opacity .3s}.transaction-card:hover button{opacity:1}}
\ No newline at end of file
+*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #504dff;--text-color: 20, 20, 20;--background-color: 240, 240, 240;--foreground-color: 250, 250, 250;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a3a1ff;--text-color: 220, 220, 220;--background-color: 10, 10, 10;--foreground-color: 24, 24, 24;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{color:var(--accent-color)}button,.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;cursor:pointer;transition:transform .3s;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.button{white-space:nowrap;padding:.6rem 1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.06);color:rgba(var(--text-color), 0.8);justify-content:center}.button--primary{background-color:var(--accent-color);color:rgba(var(--background-color), 1)}button:disabled{opacity:.5}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}ul{list-style:none}.flex{display:flex}.grid{display:grid}.hide{opacity:0;pointer-events:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.breakable{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.h1{font-size:1.5rem}.h2{font-size:1.2rem}.h3{font-size:1rem}.h4{font-size:.9rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.empty-state{display:grid;justify-content:center;text-align:center;width:100%;max-width:none;padding:1.5rem}.observe-empty-state:empty{display:none}.observe-empty-state:not(:empty)+.empty-state{display:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.button__icon--left{margin-right:.5rem}.button__icon--right{margin-left:.5rem}.icon-only{padding:.6rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem 0 .5rem;align-items:center;grid-template-columns:auto 1fr auto}.popup__header__close{padding:.5rem;cursor:pointer}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;width:100%;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:1rem}.logo h4{text-transform:capitalize;font-size:.9rem;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}details[open]>summary{margin-bottom:1rem}details[open]>summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:var(--accent-color--light);border-radius:.3rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.3rem 0 0 0.3rem}strip-option:last-of-type{--border-radius: 0 0.3rem 0.3rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up sm-copy{font-size:.9rem;--button-border-radius: 0.5rem}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:grid;gap:1rem;padding:1.5rem;width:100%;align-items:center;grid-template-columns:1fr auto auto;grid-column:1/-1}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto;padding:0 1.5rem}#pages_container>*{width:min(42rem,100%)}.listed-asset{position:relative;grid-template-columns:auto 1fr auto;gap:.5rem;padding:1rem 0;border-radius:.5rem;opacity:.8;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit}.listed-asset__icon{display:flex}.listed-asset__icon .icon{height:1.5rem;width:1.5rem}#flo_rate{font-weight:700}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#my_orders,#market{width:min(42rem,100%);grid-template-rows:auto 1fr}#my_orders .icon,#market .icon{height:1.2rem;width:1.2rem}#orders_section__header--primary sm-tab-header{--gap: 1.5rem}#orders_section__header--primary sm-tab{font-size:.9rem;--padding: 0.8rem 0}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:.5rem 1.5rem .5rem .5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{padding:1rem;cursor:pointer}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.transaction-card{grid-template-columns:repeat(3, 1fr) 2rem}.transaction-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type{color:var(--green)}.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type{color:var(--danger-color)}.transaction-card__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.transaction-card__quantity,.transaction-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}#market_orders_list .list__header{font-size:.8rem;font-weight:500}#market_orders_list .list__header div{padding:.5rem 0}#market_orders_list .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}#wallet{gap:1.5rem;align-content:flex-start;width:min(24rem,100%)}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}.balance-card{display:grid;align-items:center;gap:.3rem .5rem;border-radius:.5rem}.balance-card.is-locked{grid-template-columns:auto 1fr;gap:1rem}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:span 2;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.hide-on-mobile{display:none}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.h1{font-size:2rem}.h2{font-size:1.8rem}.h3{font-size:1.3rem}.h4{font-size:1rem}.popup__header{padding:1rem 1.5rem 0 .5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.hide-on-desktop{display:none}#home{display:grid;grid-template-columns:12rem 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav ."}#main_header{grid-area:header}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding:0 .5rem}.main_navbar__item{padding:1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}.is-signed-in #exchange_wrapper{display:grid;gap:1.5rem;grid-template-columns:16rem 1fr;align-items:flex-start}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{opacity:0;transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}.transaction-card button{opacity:0;transition:opacity .3s}.transaction-card:hover button{opacity:1}}
\ No newline at end of file
diff --git a/docs/css/main.scss b/docs/css/main.scss
index 16274f3..f02235f 100644
--- a/docs/css/main.scss
+++ b/docs/css/main.scss
@@ -347,6 +347,11 @@ ul {
     margin-left: 0.5rem;
   }
 }
+.icon-only {
+  padding: 0.6rem;
+  aspect-ratio: 1/1;
+  background-color: transparent;
+}
 
 .icon-button {
   padding: 0.6rem;
@@ -528,6 +533,10 @@ sm-checkbox {
   align-items: flex-start;
   align-content: flex-start;
 }
+#login_form {
+  width: min(24rem, 100%);
+  margin: 0 auto;
+}
 #login_form__priv_key {
   margin-top: 1rem;
 }
@@ -584,16 +593,11 @@ sm-checkbox {
     width: min(42rem, 100%);
   }
 }
-
-#exchange {
-  display: grid;
-  gap: 1.5rem;
-}
 .listed-asset {
   position: relative;
   grid-template-columns: auto 1fr auto;
   gap: 0.5rem;
-  padding: 1rem;
+  padding: 1rem 0;
   border-radius: 0.5rem;
   opacity: 0.8;
   font-weight: 400;
@@ -746,6 +750,7 @@ sm-checkbox {
 #wallet {
   gap: 1.5rem;
   align-content: flex-start;
+  width: min(24rem, 100%);
 }
 .wallet_actions__wrapper {
   grid-column: span 3;
@@ -763,8 +768,7 @@ sm-checkbox {
 .balance-card {
   display: grid;
   align-items: center;
-  gap: 0.3rem 1rem;
-  padding: 0.5rem 0;
+  gap: 0.3rem 0.5rem;
   border-radius: 0.5rem;
   &.is-locked {
     grid-template-columns: auto 1fr;
@@ -1000,11 +1004,16 @@ sm-checkbox {
       background-color: rgba(var(--text-color), 0.06);
     }
   }
-  #exchange {
-    display: grid;
-    grid-template-columns: 16rem 1fr;
+  .is-signed-in {
+    #exchange_wrapper {
+      display: grid;
+      gap: 1.5rem;
+      grid-template-columns: 16rem 1fr;
+      align-items: flex-start;
+    }
   }
   .listed-asset {
+    padding: 1rem;
     &--active {
       opacity: 1;
       background-color: rgba(var(--text-color), 0.06);
diff --git a/docs/index.html b/docs/index.html
index 4049262..87e4c3c 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -92,40 +92,49 @@
                     </div>
                     <sm-button onclick="floExchangeAPI.clearAllLocalData()">clear local data</sm-button>
                 </sm-form>
-                <div class="grid gap-1 align-start hide user-content">
-                    <h4>Assets</h4>
-                    <ul id="listed_assets" class="user-content hide"></ul>
-                </div>
-                <sm-form id="trade_form" class="user-content hide hide-on-mobile">
-                    <div class="flex space-between align-center">
-                        <h4 id="traded_asset">Trade FLO</h4>
-                        <strip-select id="trade_type_selector" class="tab">
-                            <strip-option value="buy" selected>Buy</strip-option>
-                            <strip-option value="sell">Sell</strip-option>
-                        </strip-select>
+                <section id="exchange_wrapper">
+                    <div id="asset_list-wrapper" class="grid gap-1 align-start hide user-content hide-on-mobile">
+                        <h4>Assets</h4>
+                        <ul id="listed_assets" class="user-content hide"></ul>
                     </div>
-                    <sm-input id="get_price" placeholder="Max price (₹)" type="number" step="0.01" required animate>
-                    </sm-input>
-                    <sm-input id="get_quantity" placeholder="Quantity" type="number" step="0.0001" required animate>
-                    </sm-input>
-                    </sm-input>
-                    <sm-input id="get_total" placeholder="Total (₹)" type="number" min="0.01" step="0.01" required
-                        animate>
-                    </sm-input>
-                    <div id="quantity_selector" class="flex align-center quantity-selector">
-                        <span id="quantity_type">Rupee</span>
-                        <button class="button" value="0.25" title="Buy FLO worth 25% of total rupee">25%</button>
-                        <button class="button" value="0.5" title="Buy FLO worth 50% of total rupee">50%</button>
-                        <button class="button" value="0.75" title="Buy FLO worth 75% of total rupee">75%</button>
-                        <button class="button" value="1" title="Buy FLO worth 100% of total rupee">100%</button>
-                    </div>
-                    <div id="trade_button_wrapper" class="stateful-button-wrapper flex align-center justify-center">
-                        <sm-button id="trade_button" class="uppercase w-100" variant="primary" onclick="tradeFlo()">
-                            BUY
-                            FLO
-                        </sm-button>
-                    </div>
-                </sm-form>
+                    <sm-form id="trade_form" class="user-content hide ">
+                        <div class="flex space-between align-center">
+                            <a href="#/exchange" class="button icon-only hide-on-desktop">
+                                <svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24"
+                                    width="24px" fill="#000000">
+                                    <path d="M0 0h24v24H0V0z" fill="none" />
+                                    <path d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z" />
+                                </svg>
+                            </a>
+                            <h4 id="traded_asset">Trade FLO</h4>
+                            <strip-select id="trade_type_selector" class="tab">
+                                <strip-option value="buy" selected>Buy</strip-option>
+                                <strip-option value="sell">Sell</strip-option>
+                            </strip-select>
+                        </div>
+                        <sm-input id="get_price" placeholder="Max price (₹)" type="number" step="0.01" required animate>
+                        </sm-input>
+                        <sm-input id="get_quantity" placeholder="Quantity" type="number" step="0.0001" required animate>
+                        </sm-input>
+                        </sm-input>
+                        <sm-input id="get_total" placeholder="Total (₹)" type="number" min="0.01" step="0.01" required
+                            animate>
+                        </sm-input>
+                        <div id="quantity_selector" class="flex align-center quantity-selector">
+                            <span id="quantity_type">Rupee</span>
+                            <button class="button" value="0.25" title="Buy FLO worth 25% of total rupee">25%</button>
+                            <button class="button" value="0.5" title="Buy FLO worth 50% of total rupee">50%</button>
+                            <button class="button" value="0.75" title="Buy FLO worth 75% of total rupee">75%</button>
+                            <button class="button" value="1" title="Buy FLO worth 100% of total rupee">100%</button>
+                        </div>
+                        <div id="trade_button_wrapper" class="stateful-button-wrapper flex align-center justify-center">
+                            <sm-button id="trade_button" class="uppercase w-100" variant="primary" onclick="tradeFlo()">
+                                BUY
+                                FLO
+                            </sm-button>
+                        </div>
+                    </sm-form>
+                </section>
             </section>
             <section id="my_orders" class="grid gap-1 hide mobile-page">
                 <div id="my_orders_section__header" class="orders_section__header flex">
@@ -209,6 +218,16 @@
                 <div class="grid gap-0-5">
                     <h4>Balance</h4>
                     <div class="grid gap-1">
+                        <div class="balance-card">
+                            <div class="balance-card__icon">
+                                <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+                                    <path
+                                        d="M15.3,4.91a4.78,4.78,0,0,0-.39-.5l3.14,0L18.75,2H6L5.25,4.6H9a4.22,4.22,0,0,1,3.06,1,3.16,3.16,0,0,1,.75,1.24H5.93L5.25,9.22h7.62a3.15,3.15,0,0,1-.34.82,3,3,0,0,1-1.37,1.17,5.34,5.34,0,0,1-2.2.4H5.5l0,1.9,7,8.49h3.56v-.17L9.68,14l.09,0a8.07,8.07,0,0,0,3.65-1,5,5,0,0,0,2-2.09A6.29,6.29,0,0,0,16,9.22h2.1l.69-2.42H15.93A5.93,5.93,0,0,0,15.3,4.91Z" />
+                                </svg>
+                            </div>
+                            <div class="balance-card__token">Rupee</div>
+                            <div id="rupee_balance"></div>
+                        </div>
                         <div class="balance-card">
                             <div class="balance-card__icon">
                                 <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
@@ -221,13 +240,14 @@
                         </div>
                         <div class="balance-card">
                             <div class="balance-card__icon">
-                                <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-                                    <path
-                                        d="M15.3,4.91a4.78,4.78,0,0,0-.39-.5l3.14,0L18.75,2H6L5.25,4.6H9a4.22,4.22,0,0,1,3.06,1,3.16,3.16,0,0,1,.75,1.24H5.93L5.25,9.22h7.62a3.15,3.15,0,0,1-.34.82,3,3,0,0,1-1.37,1.17,5.34,5.34,0,0,1-2.2.4H5.5l0,1.9,7,8.49h3.56v-.17L9.68,14l.09,0a8.07,8.07,0,0,0,3.65-1,5,5,0,0,0,2-2.09A6.29,6.29,0,0,0,16,9.22h2.1l.69-2.42H15.93A5.93,5.93,0,0,0,15.3,4.91Z" />
+                                <svg class="icon" width="64" height="56" viewBox="0 0 64 56" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg">
+                                    <path fill-rule="evenodd" clip-rule="evenodd"
+                                        d="M37.3261 19.7091C37.2823 19.3891 37.2604 19.0614 37.2604 18.7261C37.2604 17.4352 37.4871 16.2887 37.9405 15.2866C38.4101 14.2675 39.0416 13.4777 39.835 12.9172C40.6284 12.3397 41.519 12.051 42.5067 12.051C43.462 12.051 44.2797 12.3057 44.9598 12.8153C45.6399 13.3079 46.1499 13.9618 46.4899 14.7771C46.83 15.5924 47 16.4671 47 17.4013C47 18.6921 46.7652 19.8471 46.2956 20.8662C45.8261 21.8684 45.1865 22.6582 44.3769 23.2357C43.5835 23.7962 42.701 24.0764 41.7295 24.0764C40.7741 24.0764 39.9564 23.8302 39.2763 23.3376C38.8283 22.9937 38.454 22.5802 38.1535 22.0971C37.7343 22.518 37.2952 22.8891 36.8359 23.2102C36.0263 23.7877 35.1034 24.0764 34.0671 24.0764C32.966 24.0764 32.0835 23.6603 31.4197 22.828C30.7558 21.9788 30.3024 20.8323 30.0595 19.3885C29.509 19.5414 28.9261 19.6178 28.3108 19.6178C27.7764 19.6178 27.1854 19.5754 26.5377 19.4904C26.7644 20.5605 26.9506 21.758 27.0963 23.0828C27.2421 24.4076 27.3149 25.4947 27.3149 26.344C27.3149 28.1783 27.0316 29.5796 26.4649 30.5478C25.8981 31.5159 25.1533 32 24.2303 32C23.0645 32 22.2306 31.1338 21.7286 29.4013C21.2429 27.6688 21 25.0531 21 21.5541C21 18.293 21.3319 14.9894 21.9958 11.6433C22.6759 8.28026 23.5988 5.50318 24.7647 3.3121C25.9467 1.10403 27.2421 0 28.6508 0C29.4118 0 30.0028 0.356688 30.4238 1.07006C30.861 1.78344 31.0796 2.7431 31.0796 3.94905C31.0796 7.94055 28.8046 12.2887 24.2546 16.9936C24.0927 18.6582 24.0117 20.1189 24.0117 21.3758C24.0117 23.1253 24.0684 24.9172 24.1818 26.7516C24.2951 28.603 24.4813 29.5287 24.7404 29.5287C25.2262 29.5287 25.469 28.6454 25.469 26.879C25.469 25.5541 25.38 24.2718 25.2019 23.0318C25.0399 21.7919 24.8133 20.4841 24.5218 19.1083C24.5056 18.8875 24.5704 18.6072 24.7161 18.2675C24.878 17.9278 25.0723 17.6306 25.299 17.3758C25.5257 17.121 25.7281 16.9936 25.9062 16.9936C26.1167 16.9936 26.4487 17.0106 26.902 17.0446C27.4202 17.0786 27.8088 17.0955 28.0679 17.0955C28.6508 17.0955 29.2499 17.0106 29.8652 16.8408V16.7643C29.8652 14.6921 30.1162 12.3312 30.6181 9.68153C31.1363 7.03185 31.8892 4.75584 32.877 2.8535C33.8809 0.951168 35.071 0 36.4473 0C37.2246 0 37.8318 0.382166 38.2689 1.1465C38.7223 1.89384 38.949 2.9724 38.949 4.38217C38.949 5.75796 38.7061 7.3206 38.2204 9.07006C37.7346 10.8195 37.0302 12.5011 36.1073 14.1147C35.1843 15.7113 34.0995 16.9936 32.8527 17.9618C32.9174 19.1677 33.0875 20.0255 33.3627 20.535C33.638 21.0276 34.0428 21.2739 34.5771 21.2739C35.241 21.2739 35.8239 21.0786 36.3259 20.6879C36.614 20.4539 36.9474 20.1277 37.3261 19.7091ZM27.0478 4.07643C27.485 3.04034 27.8493 2.52229 28.1407 2.52229C28.5455 2.52229 28.748 3.04034 28.748 4.07643C28.7318 5.53716 28.3755 7.10828 27.6793 8.78981C26.983 10.4544 25.9872 12.0594 24.6918 13.6051C24.9995 11.7028 25.3638 9.90234 25.7848 8.20382C26.2058 6.48832 26.6268 5.11253 27.0478 4.07643ZM34.7229 4.43312C35.1762 3.15924 35.573 2.52229 35.913 2.52229C36.3664 2.52229 36.5931 3.16773 36.5931 4.4586C36.5931 5.49469 36.4554 6.65817 36.1802 7.94905C35.9211 9.22293 35.5082 10.4883 34.9415 11.7452C34.3747 12.9851 33.6866 14.0382 32.877 14.9045C32.9579 13.0531 33.1765 11.1592 33.5327 9.22293C33.889 7.28663 34.2857 5.69002 34.7229 4.43312ZM43.3811 20.3822C43.0086 21.0106 42.5472 21.3248 41.9966 21.3248C41.5109 21.3248 41.1061 21.0955 40.7822 20.6369C40.4584 20.1783 40.2964 19.465 40.2964 18.4968C40.2964 17.2739 40.4827 16.3567 40.8551 15.7452C41.2437 15.1168 41.7295 14.8025 42.3124 14.8025C42.7658 14.8025 43.1544 15.0403 43.4782 15.5159C43.802 15.9915 43.964 16.6964 43.964 17.6306C43.964 18.8365 43.7697 19.7537 43.3811 20.3822ZM23.5795 37.5556C23.0372 39.1867 22.6225 40.8605 22.3354 42.5769C20.9523 42.8675 19.7215 43.0456 18.6428 43.1111C18.3936 40.9185 17.6149 39.0815 16.3066 37.6C14.9984 36.0889 13.3007 35.2593 11.2137 35.1111C13.4565 32.4741 15.0607 29.9556 16.0263 27.5556C16.9919 25.1556 17.4747 22.7407 17.4747 20.3111C17.4747 18.4444 17.0386 16.9333 16.1665 15.7778C15.2943 14.5926 14.1418 14 12.7089 14C10.0612 14 7.77173 15.5852 5.84048 18.7556C3.94038 21.8963 2.49194 25.7185 1.49516 30.2222C0.498388 34.6963 0 38.8444 0 42.6667C0 46.9926 0.716432 50.2963 2.1493 52.5778C3.58216 54.8593 5.87163 56 9.0177 56C11.1047 56 13.0048 55.2444 14.718 53.7333C16.4624 52.2222 17.646 50.237 18.269 47.7778C19.5276 47.7279 20.7273 47.594 21.8682 47.3762C21.8565 47.76 21.8507 48.1457 21.8507 48.5333C21.8507 51.1407 22.0843 53.037 22.5516 54.2222C23.0499 55.4074 23.891 56 25.0746 56C26.0403 56 26.7411 55.763 27.1772 55.2889C27.6445 54.7852 28.0494 53.837 28.392 52.4444C28.8593 50.637 29.4667 48.9185 30.2143 47.2889C30.993 45.6593 31.7406 44.3556 32.457 43.3778C33.2046 42.3704 33.7809 41.8667 34.1858 41.8667C34.5284 41.8667 34.6998 42.1037 34.6998 42.5778C34.6998 43.2889 34.4973 44.5778 34.0924 46.4444C33.6563 48.5778 33.4382 50.0593 33.4382 50.8889C33.4382 52.5481 33.8432 53.8222 34.653 54.7111C35.4629 55.5704 36.6622 56 38.2508 56C40.2132 56 41.9575 55.4963 43.4838 54.4889C44.678 53.7165 45.808 52.7786 46.874 51.6753C47.0272 51.9921 47.1913 52.2929 47.3663 52.5778C48.7992 54.8593 51.0731 56 54.188 56C55.9012 56 57.5054 55.5111 59.0005 54.5333C60.4957 53.5259 61.695 52.1333 62.5983 50.3556C63.5328 48.5778 64 46.5778 64 44.3556C64 42.7556 63.6885 41.2741 63.0655 39.9111C62.4737 38.5481 61.6015 37.437 60.449 36.5778C59.3276 35.7185 58.0038 35.2296 56.4775 35.1111C58.7202 32.4741 60.3244 29.9556 61.29 27.5556C62.2556 25.1556 62.7385 22.7407 62.7385 20.3111C62.7385 18.4444 62.3024 16.9333 61.4302 15.7778C60.558 14.5926 59.4055 14 57.9726 14C55.3249 14 53.0355 15.5852 51.1042 18.7556C49.2041 21.8963 47.7557 25.7185 46.7589 30.2222C45.7621 34.6963 45.2637 38.8444 45.2637 42.6667C45.2637 44.3055 45.3643 45.7977 45.5655 47.1431C44.3991 48.4396 43.4404 49.4067 42.6895 50.0444C41.8485 50.7556 41.1165 51.1111 40.4935 51.1111C39.5902 51.1111 39.1385 50.5185 39.1385 49.3333C39.1385 48.5037 39.4344 46.8 40.0263 44.2222C40.7116 41.2 41.0542 39.1111 41.0542 37.9556C41.0542 36.0296 40.0419 35.0667 38.0172 35.0667C36.9892 35.0667 35.8523 35.4074 34.6063 36.0889C33.3915 36.7704 32.1455 37.9111 30.8684 39.5111C29.5913 41.1111 28.4388 43.1852 27.4108 45.7333C27.5354 44.4296 27.6912 43.3333 27.8781 42.4444C28.065 41.5556 28.3142 40.5185 28.6257 39.3333C29.0929 37.6741 29.3265 36.6074 29.3265 36.1333C29.3265 35.7185 29.2019 35.437 28.9527 35.2889C28.7035 35.1407 28.2674 35.0667 27.6445 35.0667C26.4919 35.0667 25.5886 35.2741 24.9345 35.6889C24.3115 36.0741 23.8598 36.6963 23.5795 37.5556ZM11.6342 18.4C11.0113 18.4 10.326 19.2889 9.57839 21.0667C8.86196 22.8148 8.19225 25.2 7.56926 28.2222C6.94628 31.2444 6.47904 34.5481 6.16755 38.1333C8.2234 34.5481 9.85873 31.3926 11.0736 28.6667C12.3195 25.9111 12.9425 23.4667 12.9425 21.3333C12.9425 20.3852 12.8179 19.6593 12.5687 19.1556C12.3507 18.6519 12.0392 18.4 11.6342 18.4ZM9.2046 51.2889C10.1702 51.2889 11.0268 50.9037 11.7744 50.1333C12.522 49.363 13.0204 48.2519 13.2696 46.8C12.3039 46.1778 11.5564 45.363 11.0268 44.3556C10.5284 43.3481 10.2792 42.2815 10.2792 41.1556C10.2792 40.7407 10.3415 40.1778 10.4661 39.4667H10.326C9.04885 39.4667 7.97421 40.0741 7.10203 41.2889C6.261 42.4741 5.84048 44.0741 5.84048 46.0889C5.84048 47.7778 6.16755 49.0667 6.82168 49.9556C7.50697 50.8444 8.30127 51.2889 9.2046 51.2889ZM56.3373 28.6667C55.1225 31.3926 53.4871 34.5481 51.4313 38.1333C51.7428 34.5481 52.21 31.2444 52.833 28.2222C53.456 25.2 54.1257 22.8148 54.8421 21.0667C55.5897 19.2889 56.275 18.4 56.898 18.4C57.3029 18.4 57.6144 18.6519 57.8325 19.1556C58.0816 19.6593 58.2062 20.3852 58.2062 21.3333C58.2062 23.4667 57.5833 25.9111 56.3373 28.6667ZM57.0381 49.5556C56.3217 50.6519 55.434 51.2 54.3749 51.2C53.4404 51.2 52.6617 50.8 52.0387 50C51.4157 49.1704 51.1042 47.8667 51.1042 46.0889C51.1042 44.0444 51.478 42.4889 52.2256 41.4222C52.9732 40.3556 53.8921 39.8222 54.9823 39.8222C55.8545 39.8222 56.6021 40.237 57.225 41.0667C57.848 41.8963 58.1595 43.1259 58.1595 44.7556C58.1595 46.8593 57.7857 48.4593 57.0381 49.5556Z" />
                                 </svg>
                             </div>
-                            <div class="balance-card__token">Rupee</div>
-                            <div id="rupee_balance"></div>
+                            <div class="balance-card__token">flobnb</div>
+                            <div id="flobnb_balance"></div>
                         </div>
                     </div>
                 </div>
@@ -235,11 +255,10 @@
         </section>
         <nav id="main_navbar" class="flex align-center">
             <a href="#/exchange" class="main_navbar__item main_navbar__item--active interact">
-                <svg class="icon" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px"
-                    viewBox="0 0 24 24" width="24px" fill="#000000">
-                    <rect fill="none" height="24" width="24" />
-                    <path
-                        d="M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z M5,19V5h6v14H5z M19,19h-6v-7h6V19z M19,10h-6V5h6V10z" />
+                <svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px"
+                    fill="#000000">
+                    <path d="M0 0h24v24H0z" fill="none" />
+                    <path d="M16 17.01V10h-2v7.01h-3L15 21l4-3.99h-3zM9 3L5 6.99h3V14h2V6.99h3L9 3z" />
                 </svg>
                 <div class="item__title">Exchange</div>
             </a>
@@ -842,11 +861,11 @@
             let params = {}
             let searchParams
             if (targetPage === '') {
-                if (typeof proxy.userID === "undefined") {
-                    pageId = 'landing'
-                } else {
-                    pageId = 'home'
-                }
+                pageId = 'exchange'
+                // if (typeof proxy.userID === "undefined") {
+                //     pageId = 'landing'
+                // } else {
+                // }
             } else {
                 if (targetPage.includes('/')) {
                     if (targetPage.includes('?')) {
@@ -900,18 +919,18 @@
                 getRef(pageId).classList.remove('hide')
                 document.querySelectorAll('.main_navbar__item').forEach(elem => elem.classList.remove('main_navbar__item--active'))
                 document.querySelector(`.main_navbar__item[href="#/${pageId}"]`).classList.add('main_navbar__item--active')
-                getRef(pageId)?.animate([
-                    {
-                        opacity: 0,
-                    },
-                    {
-                        opacity: 1,
-                    },
-                ],
-                    {
-                        duration: 150,
-                        easing: 'ease'
-                    })
+                // getRef(pageId)?.animate([
+                //     {
+                //         opacity: 0,
+                //     },
+                //     {
+                //         opacity: 1,
+                //     },
+                // ],
+                //     {
+                //         duration: 150,
+                //         easing: 'ease'
+                //     })
                 pagesData.lastPage = pageId
             }
             pagesData.params = params
@@ -1000,6 +1019,13 @@
                         d="M16.36,15.39c1.83,0,4.26-2.49,4.36-4.74-5.65-.19-4.91.47-7.28,2.39,2.19-2.4,1.42-7.79-1.43-10V6.17c2.33,1.49,2.21,5.14,0,7.15-2.23-2-2.27-5.69,0-7.15V3c-2.83,2.26-3.62,7.66-1.44,10-2.36-1.93-1.63-2.58-7.28-2.39.1,2.26,2.55,4.73,4.36,4.74,0,0-1.93.22-2.74-2.62,2.38-.37,4.29-.14,6.28,2-.79-.11-4.89,1.13-4.38,3.26.53.06,3,.3,3.58-.83-.17.18-1.25.5-1.53.05.38-1.39,2.32-2,2.32-2-1,1.82-.48,4.63.82,5.72,1.31-1.08,1.8-3.95.82-5.72,0,0,1.95.6,2.32,2-.29.46-1.36.12-1.53-.05.58,1.14,3.06.88,3.58.83.49-2.17-3.58-3.36-4.38-3.26,2-2.17,3.92-2.39,6.28-2C18.3,15.62,16.36,15.39,16.36,15.39ZM12,19.46c-.91-.79-.5-3,0-3.59C12.5,16.45,12.91,18.66,12,19.46Z" />
                 </svg>`
             },
+            flobnb: {
+                icon: `
+                <svg class="icon" width="64" height="56" viewBox="0 0 64 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path fill-rule="evenodd" clip-rule="evenodd" d="M37.3261 19.7091C37.2823 19.3891 37.2604 19.0614 37.2604 18.7261C37.2604 17.4352 37.4871 16.2887 37.9405 15.2866C38.4101 14.2675 39.0416 13.4777 39.835 12.9172C40.6284 12.3397 41.519 12.051 42.5067 12.051C43.462 12.051 44.2797 12.3057 44.9598 12.8153C45.6399 13.3079 46.1499 13.9618 46.4899 14.7771C46.83 15.5924 47 16.4671 47 17.4013C47 18.6921 46.7652 19.8471 46.2956 20.8662C45.8261 21.8684 45.1865 22.6582 44.3769 23.2357C43.5835 23.7962 42.701 24.0764 41.7295 24.0764C40.7741 24.0764 39.9564 23.8302 39.2763 23.3376C38.8283 22.9937 38.454 22.5802 38.1535 22.0971C37.7343 22.518 37.2952 22.8891 36.8359 23.2102C36.0263 23.7877 35.1034 24.0764 34.0671 24.0764C32.966 24.0764 32.0835 23.6603 31.4197 22.828C30.7558 21.9788 30.3024 20.8323 30.0595 19.3885C29.509 19.5414 28.9261 19.6178 28.3108 19.6178C27.7764 19.6178 27.1854 19.5754 26.5377 19.4904C26.7644 20.5605 26.9506 21.758 27.0963 23.0828C27.2421 24.4076 27.3149 25.4947 27.3149 26.344C27.3149 28.1783 27.0316 29.5796 26.4649 30.5478C25.8981 31.5159 25.1533 32 24.2303 32C23.0645 32 22.2306 31.1338 21.7286 29.4013C21.2429 27.6688 21 25.0531 21 21.5541C21 18.293 21.3319 14.9894 21.9958 11.6433C22.6759 8.28026 23.5988 5.50318 24.7647 3.3121C25.9467 1.10403 27.2421 0 28.6508 0C29.4118 0 30.0028 0.356688 30.4238 1.07006C30.861 1.78344 31.0796 2.7431 31.0796 3.94905C31.0796 7.94055 28.8046 12.2887 24.2546 16.9936C24.0927 18.6582 24.0117 20.1189 24.0117 21.3758C24.0117 23.1253 24.0684 24.9172 24.1818 26.7516C24.2951 28.603 24.4813 29.5287 24.7404 29.5287C25.2262 29.5287 25.469 28.6454 25.469 26.879C25.469 25.5541 25.38 24.2718 25.2019 23.0318C25.0399 21.7919 24.8133 20.4841 24.5218 19.1083C24.5056 18.8875 24.5704 18.6072 24.7161 18.2675C24.878 17.9278 25.0723 17.6306 25.299 17.3758C25.5257 17.121 25.7281 16.9936 25.9062 16.9936C26.1167 16.9936 26.4487 17.0106 26.902 17.0446C27.4202 17.0786 27.8088 17.0955 28.0679 17.0955C28.6508 17.0955 29.2499 17.0106 29.8652 16.8408V16.7643C29.8652 14.6921 30.1162 12.3312 30.6181 9.68153C31.1363 7.03185 31.8892 4.75584 32.877 2.8535C33.8809 0.951168 35.071 0 36.4473 0C37.2246 0 37.8318 0.382166 38.2689 1.1465C38.7223 1.89384 38.949 2.9724 38.949 4.38217C38.949 5.75796 38.7061 7.3206 38.2204 9.07006C37.7346 10.8195 37.0302 12.5011 36.1073 14.1147C35.1843 15.7113 34.0995 16.9936 32.8527 17.9618C32.9174 19.1677 33.0875 20.0255 33.3627 20.535C33.638 21.0276 34.0428 21.2739 34.5771 21.2739C35.241 21.2739 35.8239 21.0786 36.3259 20.6879C36.614 20.4539 36.9474 20.1277 37.3261 19.7091ZM27.0478 4.07643C27.485 3.04034 27.8493 2.52229 28.1407 2.52229C28.5455 2.52229 28.748 3.04034 28.748 4.07643C28.7318 5.53716 28.3755 7.10828 27.6793 8.78981C26.983 10.4544 25.9872 12.0594 24.6918 13.6051C24.9995 11.7028 25.3638 9.90234 25.7848 8.20382C26.2058 6.48832 26.6268 5.11253 27.0478 4.07643ZM34.7229 4.43312C35.1762 3.15924 35.573 2.52229 35.913 2.52229C36.3664 2.52229 36.5931 3.16773 36.5931 4.4586C36.5931 5.49469 36.4554 6.65817 36.1802 7.94905C35.9211 9.22293 35.5082 10.4883 34.9415 11.7452C34.3747 12.9851 33.6866 14.0382 32.877 14.9045C32.9579 13.0531 33.1765 11.1592 33.5327 9.22293C33.889 7.28663 34.2857 5.69002 34.7229 4.43312ZM43.3811 20.3822C43.0086 21.0106 42.5472 21.3248 41.9966 21.3248C41.5109 21.3248 41.1061 21.0955 40.7822 20.6369C40.4584 20.1783 40.2964 19.465 40.2964 18.4968C40.2964 17.2739 40.4827 16.3567 40.8551 15.7452C41.2437 15.1168 41.7295 14.8025 42.3124 14.8025C42.7658 14.8025 43.1544 15.0403 43.4782 15.5159C43.802 15.9915 43.964 16.6964 43.964 17.6306C43.964 18.8365 43.7697 19.7537 43.3811 20.3822ZM23.5795 37.5556C23.0372 39.1867 22.6225 40.8605 22.3354 42.5769C20.9523 42.8675 19.7215 43.0456 18.6428 43.1111C18.3936 40.9185 17.6149 39.0815 16.3066 37.6C14.9984 36.0889 13.3007 35.2593 11.2137 35.1111C13.4565 32.4741 15.0607 29.9556 16.0263 27.5556C16.9919 25.1556 17.4747 22.7407 17.4747 20.3111C17.4747 18.4444 17.0386 16.9333 16.1665 15.7778C15.2943 14.5926 14.1418 14 12.7089 14C10.0612 14 7.77173 15.5852 5.84048 18.7556C3.94038 21.8963 2.49194 25.7185 1.49516 30.2222C0.498388 34.6963 0 38.8444 0 42.6667C0 46.9926 0.716432 50.2963 2.1493 52.5778C3.58216 54.8593 5.87163 56 9.0177 56C11.1047 56 13.0048 55.2444 14.718 53.7333C16.4624 52.2222 17.646 50.237 18.269 47.7778C19.5276 47.7279 20.7273 47.594 21.8682 47.3762C21.8565 47.76 21.8507 48.1457 21.8507 48.5333C21.8507 51.1407 22.0843 53.037 22.5516 54.2222C23.0499 55.4074 23.891 56 25.0746 56C26.0403 56 26.7411 55.763 27.1772 55.2889C27.6445 54.7852 28.0494 53.837 28.392 52.4444C28.8593 50.637 29.4667 48.9185 30.2143 47.2889C30.993 45.6593 31.7406 44.3556 32.457 43.3778C33.2046 42.3704 33.7809 41.8667 34.1858 41.8667C34.5284 41.8667 34.6998 42.1037 34.6998 42.5778C34.6998 43.2889 34.4973 44.5778 34.0924 46.4444C33.6563 48.5778 33.4382 50.0593 33.4382 50.8889C33.4382 52.5481 33.8432 53.8222 34.653 54.7111C35.4629 55.5704 36.6622 56 38.2508 56C40.2132 56 41.9575 55.4963 43.4838 54.4889C44.678 53.7165 45.808 52.7786 46.874 51.6753C47.0272 51.9921 47.1913 52.2929 47.3663 52.5778C48.7992 54.8593 51.0731 56 54.188 56C55.9012 56 57.5054 55.5111 59.0005 54.5333C60.4957 53.5259 61.695 52.1333 62.5983 50.3556C63.5328 48.5778 64 46.5778 64 44.3556C64 42.7556 63.6885 41.2741 63.0655 39.9111C62.4737 38.5481 61.6015 37.437 60.449 36.5778C59.3276 35.7185 58.0038 35.2296 56.4775 35.1111C58.7202 32.4741 60.3244 29.9556 61.29 27.5556C62.2556 25.1556 62.7385 22.7407 62.7385 20.3111C62.7385 18.4444 62.3024 16.9333 61.4302 15.7778C60.558 14.5926 59.4055 14 57.9726 14C55.3249 14 53.0355 15.5852 51.1042 18.7556C49.2041 21.8963 47.7557 25.7185 46.7589 30.2222C45.7621 34.6963 45.2637 38.8444 45.2637 42.6667C45.2637 44.3055 45.3643 45.7977 45.5655 47.1431C44.3991 48.4396 43.4404 49.4067 42.6895 50.0444C41.8485 50.7556 41.1165 51.1111 40.4935 51.1111C39.5902 51.1111 39.1385 50.5185 39.1385 49.3333C39.1385 48.5037 39.4344 46.8 40.0263 44.2222C40.7116 41.2 41.0542 39.1111 41.0542 37.9556C41.0542 36.0296 40.0419 35.0667 38.0172 35.0667C36.9892 35.0667 35.8523 35.4074 34.6063 36.0889C33.3915 36.7704 32.1455 37.9111 30.8684 39.5111C29.5913 41.1111 28.4388 43.1852 27.4108 45.7333C27.5354 44.4296 27.6912 43.3333 27.8781 42.4444C28.065 41.5556 28.3142 40.5185 28.6257 39.3333C29.0929 37.6741 29.3265 36.6074 29.3265 36.1333C29.3265 35.7185 29.2019 35.437 28.9527 35.2889C28.7035 35.1407 28.2674 35.0667 27.6445 35.0667C26.4919 35.0667 25.5886 35.2741 24.9345 35.6889C24.3115 36.0741 23.8598 36.6963 23.5795 37.5556ZM11.6342 18.4C11.0113 18.4 10.326 19.2889 9.57839 21.0667C8.86196 22.8148 8.19225 25.2 7.56926 28.2222C6.94628 31.2444 6.47904 34.5481 6.16755 38.1333C8.2234 34.5481 9.85873 31.3926 11.0736 28.6667C12.3195 25.9111 12.9425 23.4667 12.9425 21.3333C12.9425 20.3852 12.8179 19.6593 12.5687 19.1556C12.3507 18.6519 12.0392 18.4 11.6342 18.4ZM9.2046 51.2889C10.1702 51.2889 11.0268 50.9037 11.7744 50.1333C12.522 49.363 13.0204 48.2519 13.2696 46.8C12.3039 46.1778 11.5564 45.363 11.0268 44.3556C10.5284 43.3481 10.2792 42.2815 10.2792 41.1556C10.2792 40.7407 10.3415 40.1778 10.4661 39.4667H10.326C9.04885 39.4667 7.97421 40.0741 7.10203 41.2889C6.261 42.4741 5.84048 44.0741 5.84048 46.0889C5.84048 47.7778 6.16755 49.0667 6.82168 49.9556C7.50697 50.8444 8.30127 51.2889 9.2046 51.2889ZM56.3373 28.6667C55.1225 31.3926 53.4871 34.5481 51.4313 38.1333C51.7428 34.5481 52.21 31.2444 52.833 28.2222C53.456 25.2 54.1257 22.8148 54.8421 21.0667C55.5897 19.2889 56.275 18.4 56.898 18.4C57.3029 18.4 57.6144 18.6519 57.8325 19.1556C58.0816 19.6593 58.2062 20.3852 58.2062 21.3333C58.2062 23.4667 57.5833 25.9111 56.3373 28.6667ZM57.0381 49.5556C56.3217 50.6519 55.434 51.2 54.3749 51.2C53.4404 51.2 52.6617 50.8 52.0387 50C51.4157 49.1704 51.1042 47.8667 51.1042 46.0889C51.1042 44.0444 51.478 42.4889 52.2256 41.4222C52.9732 40.3556 53.8921 39.8222 54.9823 39.8222C55.8545 39.8222 56.6021 40.237 57.225 41.0667C57.848 41.8963 58.1595 43.1259 58.1595 44.7556C58.1595 46.8593 57.7857 48.4593 57.0381 49.5556Z"/>
+                    </svg>
+                    `
+            }
         }
 
         function formatAmount(amount) {
@@ -1167,8 +1193,8 @@
                 getRef('wallet_popup__cta').textContent = `${type} ${asset}`
                 getRef('wallet_popup__cta').setAttribute('value', type)
                 getRef('wallet_popup__title').textContent = `${type} ${asset}`
-                getRef('get_user_amount').setAttribute('step', asset === 'FLO' ? '0.0001' : '0.01')
-                getRef('get_user_amount').setAttribute('min', asset === 'FLO' ? '0.0001' : '0.01')
+                getRef('get_user_amount').setAttribute('step', asset === 'rupee' ? '0.01' : '0.0001')
+                getRef('get_user_amount').setAttribute('min', asset === 'rupee' ? '0.01' : '0.0001')
                 if (type === 'withdraw') {
                     getRef('get_private_key').classList.add('hide')
                     getRef('wallet_quantity_selector').classList.remove('hide')
@@ -1734,9 +1760,9 @@
             getRef(`${type}_balance`).innerHTML = ''
             const templateToClone = lockedBalance ? 'locked_balance_template' : 'net_balance_template';
             const card = getRef(templateToClone).content.cloneNode(true)
-            card.querySelector('.available-balance').textContent = type === 'flo' ? parseFloat(availableBalance.toFixed(4)) : formatAmount(availableBalance)
+            card.querySelector('.available-balance').textContent = type === 'rupee' ? formatAmount(availableBalance) : parseFloat(availableBalance.toFixed(4))
             if (lockedBalance) {
-                card.querySelector('.locked-balance').textContent = type === 'flo' ? parseFloat(lockedBalance.toFixed(4)) : formatAmount(lockedBalance)
+                card.querySelector('.locked-balance').textContent = type === 'rupee' ? formatAmount(lockedBalance) : parseFloat(lockedBalance.toFixed(4))
             }
             getRef(`${type}_balance`).className = lockedBalance ? 'grid balance-card__amount-wrapper' : ''
             getRef(`${type}_balance`).parentNode.className = `balance-card ${lockedBalance ? 'is-locked' : ''}`
@@ -1747,6 +1773,7 @@
         const allTokens = {}
         async function account() {
             floExchangeAPI.getAccount(proxy.userID, await proxy.secret).then(async acc => {
+                document.body.classList.add('is-signed-in');
                 getRef("login_form").classList.add('hide')
                 getRef('user_popup_button').classList.remove('hide')
                 accountDetails = acc
@@ -1775,6 +1802,7 @@
                 console.debug("FLO", allTokens['FLO']);
                 showBalance("flo", allTokens['FLO'].net, allTokens['FLO'].locked)
                 console.log(await floExchangeAPI.getBalance(acc.floID))
+                showBalance("flobnb", allTokens['flobnb'].net, allTokens['flobnb'].locked)
 
                 //Rupee Balance
                 allTokens['rupee'] = {

From d379006c318e7588a48a0c15cd742448d9955b95 Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Wed, 30 Mar 2022 00:50:45 +0530
Subject: [PATCH 004/168] Added FLOBNB as asset to UI

---
 docs/css/main.css     |   8 +---
 docs/css/main.min.css |   2 +-
 docs/css/main.scss    |   7 +--
 docs/index.html       | 106 ++++++++++++++++++++++++++++--------------
 4 files changed, 75 insertions(+), 48 deletions(-)

diff --git a/docs/css/main.css b/docs/css/main.css
index becb420..160d012 100644
--- a/docs/css/main.css
+++ b/docs/css/main.css
@@ -567,19 +567,15 @@ sm-checkbox {
   grid-column: 1/-1;
 }
 
-#flo_exchange_rate {
+.rate-card {
   grid-template-columns: auto 1fr auto;
-  gap: 0.5rem;
+  gap: 1rem;
   padding: 1rem;
   border-radius: 0.5rem;
   border: solid rgba(var(--text-color), 0.2) thin;
   background-color: rgba(var(--background-color), 1);
 }
 
-#flo_rate {
-  font-weight: 700;
-}
-
 #trade_form,
 #login_form {
   align-self: flex-start;
diff --git a/docs/css/main.min.css b/docs/css/main.min.css
index 61c9249..5a86f26 100644
--- a/docs/css/main.min.css
+++ b/docs/css/main.min.css
@@ -1 +1 @@
-*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{color:rgba(var(--text-color), 1);background:rgba(var(--background-color), 1)}body,body *{--accent-color: #504dff;--accent-color--light: #eeeeff;--text-color: 36, 36, 36;--background-color: 255, 255, 255;--foreground-color: rgb(250, 252, 255);--danger-color: rgb(255, 75, 75);--green: #1cad59;--yellow: #f3a600;--loan-color: rgb(255, 171, 93);scrollbar-width:thin}body[data-theme=dark],body[data-theme=dark] *{--accent-color: #a3a1ff;--accent-color--light: rgba(142, 140, 255, 0.06);--text-color: 230, 230, 230;--text-color-light: 170, 170, 170;--background-color: 10, 10, 10;--foreground-color: rgb(24, 24, 24);--danger-color: rgb(255, 106, 106);--green: #00e676;--yellow: #ffd13a;--loan-color: rgb(255, 232, 170)}body[data-theme=dark] sm-popup::part(popup){background-color:var(--foreground-color)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{color:var(--accent-color)}button,.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;cursor:pointer;transition:transform .3s;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.button{white-space:nowrap;padding:.6rem 1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.06);color:rgba(var(--text-color), 0.8);justify-content:center}.button--primary{background-color:var(--accent-color);color:rgba(var(--background-color), 1)}button:disabled{opacity:.5}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem;--background: var(--accent-color--light)}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}ul{list-style:none}.flex{display:flex}.grid{display:grid}.hide{opacity:0;pointer-events:none}.hide-completely{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.breakable{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.h1{font-size:1.5rem}.h2{font-size:1.2rem}.h3{font-size:1rem}.h4{font-size:.9rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;cursor:pointer;transition:transform .3s;-webkit-tap-highlight-color:transparent}.empty-state{display:grid;justify-content:center;text-align:center;width:100%;max-width:none;padding:1.5rem}.observe-empty-state:empty{display:none}.observe-empty-state:not(:empty)+.empty-state{display:none}.icon{width:1.5rem;height:1.5rem;fill:rgba(var(--text-color), 0.8)}.button__icon{height:1.2rem;width:1.2rem}.button__icon--left{margin-right:.5rem}.button__icon--right{margin-left:.5rem}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}button:active,.button:active,.interact:active{transform:scale(0.96)}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem 0 .5rem;align-items:center;grid-template-columns:auto 1fr auto}.popup__header__close{padding:.5rem;cursor:pointer}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;width:100%;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:1rem}.logo h4{text-transform:capitalize;font-size:.9rem;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}details[open]>summary{margin-bottom:1rem}details[open]>summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:var(--accent-color--light);border-radius:.3rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.3rem 0 0 0.3rem}strip-option:last-of-type{--border-radius: 0 0.3rem 0.3rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up sm-copy{font-size:.9rem;--button-border-radius: 0.5rem}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}#home{height:100%;display:grid;align-items:flex-start;align-content:flex-start;grid-template-columns:minmax(0, 1fr)}#login_form__priv_key{margin-top:1rem}#main_header{margin-top:1.5rem;margin-bottom:1rem;display:grid;gap:1rem;align-items:center;grid-template-columns:1fr auto auto;grid-column:1/-1}#flo_exchange_rate{grid-template-columns:auto 1fr auto;gap:.5rem;padding:1rem;border-radius:.5rem;border:solid rgba(var(--text-color), 0.2) thin;background-color:rgba(var(--background-color), 1)}#flo_rate{font-weight:700}#trade_form,#login_form{align-self:flex-start;padding:1rem 1.5rem 1.5rem 1.5rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#my_orders_section,#market_orders_section{padding-top:1rem}#my_orders_section .icon,#market_orders_section .icon{height:1.2rem;width:1.2rem}.orders_section__header{padding:0 1.5rem}#my_orders_section__header{height:2.4rem}#orders_section__header--primary sm-tab-header{--gap: 1.5rem}#orders_section__header--primary sm-tab{font-size:.9rem;--padding: 0.8rem 0}.list__item{padding:.5rem 1.5rem;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:.5rem 1.5rem .5rem .5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{padding:1rem;cursor:pointer}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.transaction-card{grid-template-columns:repeat(3, 1fr) 2rem}.transaction-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type{color:var(--green)}.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type{color:var(--danger-color)}.transaction-card__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.transaction-card__quantity,.transaction-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}#market_orders_list .list__header{font-size:.8rem;font-weight:500}#market_orders_list .list__header div{padding:.5rem 0}#market_orders_list .list__header{margin-bottom:.5rem;padding:0 1.5rem;grid-template-columns:repeat(3, 1fr) 2rem}#user_section{gap:1.5rem;padding:1.5rem;align-content:flex-start}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}.balance-card{display:grid;align-items:center;gap:.3rem 1rem;padding:.5rem 0;border-radius:.5rem}.balance-card.is-locked{grid-template-columns:auto 1fr;gap:1rem}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:span 2;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none}}@media screen and (max-width: 40rem){#main_header{padding:0 1.5rem}sm-button{--padding: 0.9rem 1.6rem}#home>:last-child{padding-bottom:5rem}#bottom_nav{position:fixed;bottom:0;background-color:var(--foreground-color);width:100%}.bottom_nav__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.bottom_nav__item .item__title,.bottom_nav__item .icon{transition:.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.bottom_nav__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.bottom_nav__item .icon{height:1.2rem;margin-bottom:.3rem}.bottom_nav__item--active .item__title{color:var(--accent-color);transform:translateY(100%);opacity:0}.bottom_nav__item--active .icon{transform:translateY(50%) scale(1.2);fill:var(--accent-color)}.hide-on-mobile{display:none}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.h1{font-size:2rem}.h2{font-size:1.8rem}.h3{font-size:1.3rem}.h4{font-size:1rem}.popup__header{padding:1rem 1.5rem 0 .5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}#home{padding:0 4vmax;gap:1rem}.hide-on-desktop{display:none}.card{border-radius:.5rem;background-color:var(--foreground-color);border:solid thin rgba(var(--text-color), 0.1)}}@media screen and (min-width: 48rem){#home{grid-template-rows:-webkit-min-content 1fr;grid-template-rows:min-content 1fr;grid-template-columns:24rem minmax(0, 1fr)}#home.signed-in #orders_list,#home.signed-in #market_orders_list{height:32vmin;overflow-y:auto}#orders_section{grid-row:span 2}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}#home.signed-in{grid-template-columns:24rem minmax(0, 1fr) 20rem}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.interact,button{transition:background-color .3s,transform .3s}.interact:hover,button:hover{background-color:var(--accent-color--light)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{opacity:0;transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}.transaction-card button{opacity:0;transition:opacity .3s}.transaction-card:hover button{opacity:1}}
\ No newline at end of file
+*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{color:rgba(var(--text-color), 1);background:rgba(var(--background-color), 1)}body,body *{--accent-color: #504dff;--accent-color--light: #eeeeff;--text-color: 36, 36, 36;--background-color: 255, 255, 255;--foreground-color: rgb(250, 252, 255);--danger-color: rgb(255, 75, 75);--green: #1cad59;--yellow: #f3a600;--loan-color: rgb(255, 171, 93);scrollbar-width:thin}body[data-theme=dark],body[data-theme=dark] *{--accent-color: #a3a1ff;--accent-color--light: rgba(142, 140, 255, 0.06);--text-color: 230, 230, 230;--text-color-light: 170, 170, 170;--background-color: 10, 10, 10;--foreground-color: rgb(24, 24, 24);--danger-color: rgb(255, 106, 106);--green: #00e676;--yellow: #ffd13a;--loan-color: rgb(255, 232, 170)}body[data-theme=dark] sm-popup::part(popup){background-color:var(--foreground-color)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{color:var(--accent-color)}button,.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;cursor:pointer;transition:transform .3s;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.button{white-space:nowrap;padding:.6rem 1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.06);color:rgba(var(--text-color), 0.8);justify-content:center}.button--primary{background-color:var(--accent-color);color:rgba(var(--background-color), 1)}button:disabled{opacity:.5}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem;--background: var(--accent-color--light)}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}ul{list-style:none}.flex{display:flex}.grid{display:grid}.hide{opacity:0;pointer-events:none}.hide-completely{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.breakable{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.h1{font-size:1.5rem}.h2{font-size:1.2rem}.h3{font-size:1rem}.h4{font-size:.9rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;cursor:pointer;transition:transform .3s;-webkit-tap-highlight-color:transparent}.empty-state{display:grid;justify-content:center;text-align:center;width:100%;max-width:none;padding:1.5rem}.observe-empty-state:empty{display:none}.observe-empty-state:not(:empty)+.empty-state{display:none}.icon{width:1.5rem;height:1.5rem;fill:rgba(var(--text-color), 0.8)}.button__icon{height:1.2rem;width:1.2rem}.button__icon--left{margin-right:.5rem}.button__icon--right{margin-left:.5rem}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}button:active,.button:active,.interact:active{transform:scale(0.96)}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem 0 .5rem;align-items:center;grid-template-columns:auto 1fr auto}.popup__header__close{padding:.5rem;cursor:pointer}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;width:100%;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:1rem}.logo h4{text-transform:capitalize;font-size:.9rem;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}details[open]>summary{margin-bottom:1rem}details[open]>summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:var(--accent-color--light);border-radius:.3rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.3rem 0 0 0.3rem}strip-option:last-of-type{--border-radius: 0 0.3rem 0.3rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up sm-copy{font-size:.9rem;--button-border-radius: 0.5rem}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}#home{height:100%;display:grid;align-items:flex-start;align-content:flex-start;grid-template-columns:minmax(0, 1fr)}#login_form__priv_key{margin-top:1rem}#main_header{margin-top:1.5rem;margin-bottom:1rem;display:grid;gap:1rem;align-items:center;grid-template-columns:1fr auto auto;grid-column:1/-1}.rate-card{grid-template-columns:auto 1fr auto;gap:1rem;padding:1rem;border-radius:.5rem;border:solid rgba(var(--text-color), 0.2) thin;background-color:rgba(var(--background-color), 1)}#trade_form,#login_form{align-self:flex-start;padding:1rem 1.5rem 1.5rem 1.5rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#my_orders_section,#market_orders_section{padding-top:1rem}#my_orders_section .icon,#market_orders_section .icon{height:1.2rem;width:1.2rem}.orders_section__header{padding:0 1.5rem}#my_orders_section__header{height:2.4rem}#orders_section__header--primary sm-tab-header{--gap: 1.5rem}#orders_section__header--primary sm-tab{font-size:.9rem;--padding: 0.8rem 0}.list__item{padding:.5rem 1.5rem;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:.5rem 1.5rem .5rem .5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{padding:1rem;cursor:pointer}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.transaction-card{grid-template-columns:repeat(3, 1fr) 2rem}.transaction-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type{color:var(--green)}.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type{color:var(--danger-color)}.transaction-card__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.transaction-card__quantity,.transaction-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}#market_orders_list .list__header{font-size:.8rem;font-weight:500}#market_orders_list .list__header div{padding:.5rem 0}#market_orders_list .list__header{margin-bottom:.5rem;padding:0 1.5rem;grid-template-columns:repeat(3, 1fr) 2rem}#user_section{gap:1.5rem;padding:1.5rem;align-content:flex-start}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}.balance-card{display:grid;align-items:center;gap:.3rem 1rem;padding:.5rem 0;border-radius:.5rem}.balance-card.is-locked{grid-template-columns:auto 1fr;gap:1rem}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:span 2;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none}}@media screen and (max-width: 40rem){#main_header{padding:0 1.5rem}sm-button{--padding: 0.9rem 1.6rem}#home>:last-child{padding-bottom:5rem}#bottom_nav{position:fixed;bottom:0;background-color:var(--foreground-color);width:100%}.bottom_nav__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.bottom_nav__item .item__title,.bottom_nav__item .icon{transition:.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.bottom_nav__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.bottom_nav__item .icon{height:1.2rem;margin-bottom:.3rem}.bottom_nav__item--active .item__title{color:var(--accent-color);transform:translateY(100%);opacity:0}.bottom_nav__item--active .icon{transform:translateY(50%) scale(1.2);fill:var(--accent-color)}.hide-on-mobile{display:none}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.h1{font-size:2rem}.h2{font-size:1.8rem}.h3{font-size:1.3rem}.h4{font-size:1rem}.popup__header{padding:1rem 1.5rem 0 .5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}#home{padding:0 4vmax;gap:1rem}.hide-on-desktop{display:none}.card{border-radius:.5rem;background-color:var(--foreground-color);border:solid thin rgba(var(--text-color), 0.1)}}@media screen and (min-width: 48rem){#home{grid-template-rows:-webkit-min-content 1fr;grid-template-rows:min-content 1fr;grid-template-columns:24rem minmax(0, 1fr)}#home.signed-in #orders_list,#home.signed-in #market_orders_list{height:32vmin;overflow-y:auto}#orders_section{grid-row:span 2}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}#home.signed-in{grid-template-columns:24rem minmax(0, 1fr) 20rem}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.interact,button{transition:background-color .3s,transform .3s}.interact:hover,button:hover{background-color:var(--accent-color--light)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{opacity:0;transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}.transaction-card button{opacity:0;transition:opacity .3s}.transaction-card:hover button{opacity:1}}
\ No newline at end of file
diff --git a/docs/css/main.scss b/docs/css/main.scss
index 4d3fd38..446f90c 100644
--- a/docs/css/main.scss
+++ b/docs/css/main.scss
@@ -546,17 +546,14 @@ sm-checkbox {
   grid-column: 1/-1;
 }
 
-#flo_exchange_rate {
+.rate-card {
   grid-template-columns: auto 1fr auto;
-  gap: 0.5rem;
+  gap: 1rem;
   padding: 1rem;
   border-radius: 0.5rem;
   border: solid rgba(var(--text-color), 0.2) thin;
   background-color: rgba(var(--background-color), 1);
 }
-#flo_rate {
-  font-weight: 700;
-}
 
 #trade_form,
 #login_form {
diff --git a/docs/index.html b/docs/index.html
index 562e622..506605b 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -23,10 +23,6 @@
 
 <body class="hide-completely">
     <sm-notifications id="notification_drawer"></sm-notifications>
-    <audio id="notification_sound">
-        <source src="https://rmservices.duckdns.org/files/notification-sound.mp3" type="audio/mpeg">
-        <source src="https://rmservices.duckdns.org/files/notification-sound.ogg" type="audio/ogg">
-    </audio>
     <sm-popup id="confirmation_popup">
         <h4 id="confirm_title"></h4>
         <p id="confirm_message"></p>
@@ -95,16 +91,27 @@
                 <sm-button onclick="floExchangeAPI.clearAllLocalData()">clear local data</sm-button>
             </sm-form>
             <sm-form id="trade_form" class="user-content hide-completely">
-                <div id="flo_exchange_rate" class="grid align-center">
-                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-                        <path
-                            d="M16.36,15.39c1.83,0,4.26-2.49,4.36-4.74-5.65-.19-4.91.47-7.28,2.39,2.19-2.4,1.42-7.79-1.43-10V6.17c2.33,1.49,2.21,5.14,0,7.15-2.23-2-2.27-5.69,0-7.15V3c-2.83,2.26-3.62,7.66-1.44,10-2.36-1.93-1.63-2.58-7.28-2.39.1,2.26,2.55,4.73,4.36,4.74,0,0-1.93.22-2.74-2.62,2.38-.37,4.29-.14,6.28,2-.79-.11-4.89,1.13-4.38,3.26.53.06,3,.3,3.58-.83-.17.18-1.25.5-1.53.05.38-1.39,2.32-2,2.32-2-1,1.82-.48,4.63.82,5.72,1.31-1.08,1.8-3.95.82-5.72,0,0,1.95.6,2.32,2-.29.46-1.36.12-1.53-.05.58,1.14,3.06.88,3.58.83.49-2.17-3.58-3.36-4.38-3.26,2-2.17,3.92-2.39,6.28-2C18.3,15.62,16.36,15.39,16.36,15.39ZM12,19.46c-.91-.79-.5-3,0-3.59C12.5,16.45,12.91,18.66,12,19.46Z" />
-                    </svg>
-                    <p><b>FLO</b>/INR</p>
-                    <span id="flo_rate"></span>
+                <div class="grid gap-0-5">
+                    <div class="grid align-center rate-card">
+                        <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+                            <path
+                                d="M16.36,15.39c1.83,0,4.26-2.49,4.36-4.74-5.65-.19-4.91.47-7.28,2.39,2.19-2.4,1.42-7.79-1.43-10V6.17c2.33,1.49,2.21,5.14,0,7.15-2.23-2-2.27-5.69,0-7.15V3c-2.83,2.26-3.62,7.66-1.44,10-2.36-1.93-1.63-2.58-7.28-2.39.1,2.26,2.55,4.73,4.36,4.74,0,0-1.93.22-2.74-2.62,2.38-.37,4.29-.14,6.28,2-.79-.11-4.89,1.13-4.38,3.26.53.06,3,.3,3.58-.83-.17.18-1.25.5-1.53.05.38-1.39,2.32-2,2.32-2-1,1.82-.48,4.63.82,5.72,1.31-1.08,1.8-3.95.82-5.72,0,0,1.95.6,2.32,2-.29.46-1.36.12-1.53-.05.58,1.14,3.06.88,3.58.83.49-2.17-3.58-3.36-4.38-3.26,2-2.17,3.92-2.39,6.28-2C18.3,15.62,16.36,15.39,16.36,15.39ZM12,19.46c-.91-.79-.5-3,0-3.59C12.5,16.45,12.91,18.66,12,19.46Z" />
+                        </svg>
+                        <b>FLO</b>
+                        <b id="flo_rate"></b>
+                    </div>
+                    <div class="grid align-center rate-card">
+                        <svg class="icon" width="64" height="56" viewBox="0 0 64 56" fill="none"
+                            xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd"
+                                d="M37.3261 19.7091C37.2823 19.3891 37.2604 19.0614 37.2604 18.7261C37.2604 17.4352 37.4871 16.2887 37.9405 15.2866C38.4101 14.2675 39.0416 13.4777 39.835 12.9172C40.6284 12.3397 41.519 12.051 42.5067 12.051C43.462 12.051 44.2797 12.3057 44.9598 12.8153C45.6399 13.3079 46.1499 13.9618 46.4899 14.7771C46.83 15.5924 47 16.4671 47 17.4013C47 18.6921 46.7652 19.8471 46.2956 20.8662C45.8261 21.8684 45.1865 22.6582 44.3769 23.2357C43.5835 23.7962 42.701 24.0764 41.7295 24.0764C40.7741 24.0764 39.9564 23.8302 39.2763 23.3376C38.8283 22.9937 38.454 22.5802 38.1535 22.0971C37.7343 22.518 37.2952 22.8891 36.8359 23.2102C36.0263 23.7877 35.1034 24.0764 34.0671 24.0764C32.966 24.0764 32.0835 23.6603 31.4197 22.828C30.7558 21.9788 30.3024 20.8323 30.0595 19.3885C29.509 19.5414 28.9261 19.6178 28.3108 19.6178C27.7764 19.6178 27.1854 19.5754 26.5377 19.4904C26.7644 20.5605 26.9506 21.758 27.0963 23.0828C27.2421 24.4076 27.3149 25.4947 27.3149 26.344C27.3149 28.1783 27.0316 29.5796 26.4649 30.5478C25.8981 31.5159 25.1533 32 24.2303 32C23.0645 32 22.2306 31.1338 21.7286 29.4013C21.2429 27.6688 21 25.0531 21 21.5541C21 18.293 21.3319 14.9894 21.9958 11.6433C22.6759 8.28026 23.5988 5.50318 24.7647 3.3121C25.9467 1.10403 27.2421 0 28.6508 0C29.4118 0 30.0028 0.356688 30.4238 1.07006C30.861 1.78344 31.0796 2.7431 31.0796 3.94905C31.0796 7.94055 28.8046 12.2887 24.2546 16.9936C24.0927 18.6582 24.0117 20.1189 24.0117 21.3758C24.0117 23.1253 24.0684 24.9172 24.1818 26.7516C24.2951 28.603 24.4813 29.5287 24.7404 29.5287C25.2262 29.5287 25.469 28.6454 25.469 26.879C25.469 25.5541 25.38 24.2718 25.2019 23.0318C25.0399 21.7919 24.8133 20.4841 24.5218 19.1083C24.5056 18.8875 24.5704 18.6072 24.7161 18.2675C24.878 17.9278 25.0723 17.6306 25.299 17.3758C25.5257 17.121 25.7281 16.9936 25.9062 16.9936C26.1167 16.9936 26.4487 17.0106 26.902 17.0446C27.4202 17.0786 27.8088 17.0955 28.0679 17.0955C28.6508 17.0955 29.2499 17.0106 29.8652 16.8408V16.7643C29.8652 14.6921 30.1162 12.3312 30.6181 9.68153C31.1363 7.03185 31.8892 4.75584 32.877 2.8535C33.8809 0.951168 35.071 0 36.4473 0C37.2246 0 37.8318 0.382166 38.2689 1.1465C38.7223 1.89384 38.949 2.9724 38.949 4.38217C38.949 5.75796 38.7061 7.3206 38.2204 9.07006C37.7346 10.8195 37.0302 12.5011 36.1073 14.1147C35.1843 15.7113 34.0995 16.9936 32.8527 17.9618C32.9174 19.1677 33.0875 20.0255 33.3627 20.535C33.638 21.0276 34.0428 21.2739 34.5771 21.2739C35.241 21.2739 35.8239 21.0786 36.3259 20.6879C36.614 20.4539 36.9474 20.1277 37.3261 19.7091ZM27.0478 4.07643C27.485 3.04034 27.8493 2.52229 28.1407 2.52229C28.5455 2.52229 28.748 3.04034 28.748 4.07643C28.7318 5.53716 28.3755 7.10828 27.6793 8.78981C26.983 10.4544 25.9872 12.0594 24.6918 13.6051C24.9995 11.7028 25.3638 9.90234 25.7848 8.20382C26.2058 6.48832 26.6268 5.11253 27.0478 4.07643ZM34.7229 4.43312C35.1762 3.15924 35.573 2.52229 35.913 2.52229C36.3664 2.52229 36.5931 3.16773 36.5931 4.4586C36.5931 5.49469 36.4554 6.65817 36.1802 7.94905C35.9211 9.22293 35.5082 10.4883 34.9415 11.7452C34.3747 12.9851 33.6866 14.0382 32.877 14.9045C32.9579 13.0531 33.1765 11.1592 33.5327 9.22293C33.889 7.28663 34.2857 5.69002 34.7229 4.43312ZM43.3811 20.3822C43.0086 21.0106 42.5472 21.3248 41.9966 21.3248C41.5109 21.3248 41.1061 21.0955 40.7822 20.6369C40.4584 20.1783 40.2964 19.465 40.2964 18.4968C40.2964 17.2739 40.4827 16.3567 40.8551 15.7452C41.2437 15.1168 41.7295 14.8025 42.3124 14.8025C42.7658 14.8025 43.1544 15.0403 43.4782 15.5159C43.802 15.9915 43.964 16.6964 43.964 17.6306C43.964 18.8365 43.7697 19.7537 43.3811 20.3822ZM23.5795 37.5556C23.0372 39.1867 22.6225 40.8605 22.3354 42.5769C20.9523 42.8675 19.7215 43.0456 18.6428 43.1111C18.3936 40.9185 17.6149 39.0815 16.3066 37.6C14.9984 36.0889 13.3007 35.2593 11.2137 35.1111C13.4565 32.4741 15.0607 29.9556 16.0263 27.5556C16.9919 25.1556 17.4747 22.7407 17.4747 20.3111C17.4747 18.4444 17.0386 16.9333 16.1665 15.7778C15.2943 14.5926 14.1418 14 12.7089 14C10.0612 14 7.77173 15.5852 5.84048 18.7556C3.94038 21.8963 2.49194 25.7185 1.49516 30.2222C0.498388 34.6963 0 38.8444 0 42.6667C0 46.9926 0.716432 50.2963 2.1493 52.5778C3.58216 54.8593 5.87163 56 9.0177 56C11.1047 56 13.0048 55.2444 14.718 53.7333C16.4624 52.2222 17.646 50.237 18.269 47.7778C19.5276 47.7279 20.7273 47.594 21.8682 47.3762C21.8565 47.76 21.8507 48.1457 21.8507 48.5333C21.8507 51.1407 22.0843 53.037 22.5516 54.2222C23.0499 55.4074 23.891 56 25.0746 56C26.0403 56 26.7411 55.763 27.1772 55.2889C27.6445 54.7852 28.0494 53.837 28.392 52.4444C28.8593 50.637 29.4667 48.9185 30.2143 47.2889C30.993 45.6593 31.7406 44.3556 32.457 43.3778C33.2046 42.3704 33.7809 41.8667 34.1858 41.8667C34.5284 41.8667 34.6998 42.1037 34.6998 42.5778C34.6998 43.2889 34.4973 44.5778 34.0924 46.4444C33.6563 48.5778 33.4382 50.0593 33.4382 50.8889C33.4382 52.5481 33.8432 53.8222 34.653 54.7111C35.4629 55.5704 36.6622 56 38.2508 56C40.2132 56 41.9575 55.4963 43.4838 54.4889C44.678 53.7165 45.808 52.7786 46.874 51.6753C47.0272 51.9921 47.1913 52.2929 47.3663 52.5778C48.7992 54.8593 51.0731 56 54.188 56C55.9012 56 57.5054 55.5111 59.0005 54.5333C60.4957 53.5259 61.695 52.1333 62.5983 50.3556C63.5328 48.5778 64 46.5778 64 44.3556C64 42.7556 63.6885 41.2741 63.0655 39.9111C62.4737 38.5481 61.6015 37.437 60.449 36.5778C59.3276 35.7185 58.0038 35.2296 56.4775 35.1111C58.7202 32.4741 60.3244 29.9556 61.29 27.5556C62.2556 25.1556 62.7385 22.7407 62.7385 20.3111C62.7385 18.4444 62.3024 16.9333 61.4302 15.7778C60.558 14.5926 59.4055 14 57.9726 14C55.3249 14 53.0355 15.5852 51.1042 18.7556C49.2041 21.8963 47.7557 25.7185 46.7589 30.2222C45.7621 34.6963 45.2637 38.8444 45.2637 42.6667C45.2637 44.3055 45.3643 45.7977 45.5655 47.1431C44.3991 48.4396 43.4404 49.4067 42.6895 50.0444C41.8485 50.7556 41.1165 51.1111 40.4935 51.1111C39.5902 51.1111 39.1385 50.5185 39.1385 49.3333C39.1385 48.5037 39.4344 46.8 40.0263 44.2222C40.7116 41.2 41.0542 39.1111 41.0542 37.9556C41.0542 36.0296 40.0419 35.0667 38.0172 35.0667C36.9892 35.0667 35.8523 35.4074 34.6063 36.0889C33.3915 36.7704 32.1455 37.9111 30.8684 39.5111C29.5913 41.1111 28.4388 43.1852 27.4108 45.7333C27.5354 44.4296 27.6912 43.3333 27.8781 42.4444C28.065 41.5556 28.3142 40.5185 28.6257 39.3333C29.0929 37.6741 29.3265 36.6074 29.3265 36.1333C29.3265 35.7185 29.2019 35.437 28.9527 35.2889C28.7035 35.1407 28.2674 35.0667 27.6445 35.0667C26.4919 35.0667 25.5886 35.2741 24.9345 35.6889C24.3115 36.0741 23.8598 36.6963 23.5795 37.5556ZM11.6342 18.4C11.0113 18.4 10.326 19.2889 9.57839 21.0667C8.86196 22.8148 8.19225 25.2 7.56926 28.2222C6.94628 31.2444 6.47904 34.5481 6.16755 38.1333C8.2234 34.5481 9.85873 31.3926 11.0736 28.6667C12.3195 25.9111 12.9425 23.4667 12.9425 21.3333C12.9425 20.3852 12.8179 19.6593 12.5687 19.1556C12.3507 18.6519 12.0392 18.4 11.6342 18.4ZM9.2046 51.2889C10.1702 51.2889 11.0268 50.9037 11.7744 50.1333C12.522 49.363 13.0204 48.2519 13.2696 46.8C12.3039 46.1778 11.5564 45.363 11.0268 44.3556C10.5284 43.3481 10.2792 42.2815 10.2792 41.1556C10.2792 40.7407 10.3415 40.1778 10.4661 39.4667H10.326C9.04885 39.4667 7.97421 40.0741 7.10203 41.2889C6.261 42.4741 5.84048 44.0741 5.84048 46.0889C5.84048 47.7778 6.16755 49.0667 6.82168 49.9556C7.50697 50.8444 8.30127 51.2889 9.2046 51.2889ZM56.3373 28.6667C55.1225 31.3926 53.4871 34.5481 51.4313 38.1333C51.7428 34.5481 52.21 31.2444 52.833 28.2222C53.456 25.2 54.1257 22.8148 54.8421 21.0667C55.5897 19.2889 56.275 18.4 56.898 18.4C57.3029 18.4 57.6144 18.6519 57.8325 19.1556C58.0816 19.6593 58.2062 20.3852 58.2062 21.3333C58.2062 23.4667 57.5833 25.9111 56.3373 28.6667ZM57.0381 49.5556C56.3217 50.6519 55.434 51.2 54.3749 51.2C53.4404 51.2 52.6617 50.8 52.0387 50C51.4157 49.1704 51.1042 47.8667 51.1042 46.0889C51.1042 44.0444 51.478 42.4889 52.2256 41.4222C52.9732 40.3556 53.8921 39.8222 54.9823 39.8222C55.8545 39.8222 56.6021 40.237 57.225 41.0667C57.848 41.8963 58.1595 43.1259 58.1595 44.7556C58.1595 46.8593 57.7857 48.4593 57.0381 49.5556Z" />
+                        </svg>
+                        <b>FLOBNB</b>
+                        <b id="flobnb_rate"></b>
+                    </div>
                 </div>
                 <div class="flex space-between align-center">
-                    <h4>Trade FLO</h4>
+                    <h4 id="trade_asset">Trade FLO</h4>
                     <strip-select id="trade_type_selector" class="tab">
                         <strip-option value="buy" selected>Buy</strip-option>
                         <strip-option value="sell">Sell</strip-option>
@@ -238,6 +245,17 @@
                         <div class="balance-card__token">Rupee</div>
                         <div id="rupee_balance"></div>
                     </div>
+                    <div class="balance-card">
+                        <div class="balance-card__icon">
+                            <svg class="icon" width="64" height="56" viewBox="0 0 64 56" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path fill-rule="evenodd" clip-rule="evenodd"
+                                    d="M37.3261 19.7091C37.2823 19.3891 37.2604 19.0614 37.2604 18.7261C37.2604 17.4352 37.4871 16.2887 37.9405 15.2866C38.4101 14.2675 39.0416 13.4777 39.835 12.9172C40.6284 12.3397 41.519 12.051 42.5067 12.051C43.462 12.051 44.2797 12.3057 44.9598 12.8153C45.6399 13.3079 46.1499 13.9618 46.4899 14.7771C46.83 15.5924 47 16.4671 47 17.4013C47 18.6921 46.7652 19.8471 46.2956 20.8662C45.8261 21.8684 45.1865 22.6582 44.3769 23.2357C43.5835 23.7962 42.701 24.0764 41.7295 24.0764C40.7741 24.0764 39.9564 23.8302 39.2763 23.3376C38.8283 22.9937 38.454 22.5802 38.1535 22.0971C37.7343 22.518 37.2952 22.8891 36.8359 23.2102C36.0263 23.7877 35.1034 24.0764 34.0671 24.0764C32.966 24.0764 32.0835 23.6603 31.4197 22.828C30.7558 21.9788 30.3024 20.8323 30.0595 19.3885C29.509 19.5414 28.9261 19.6178 28.3108 19.6178C27.7764 19.6178 27.1854 19.5754 26.5377 19.4904C26.7644 20.5605 26.9506 21.758 27.0963 23.0828C27.2421 24.4076 27.3149 25.4947 27.3149 26.344C27.3149 28.1783 27.0316 29.5796 26.4649 30.5478C25.8981 31.5159 25.1533 32 24.2303 32C23.0645 32 22.2306 31.1338 21.7286 29.4013C21.2429 27.6688 21 25.0531 21 21.5541C21 18.293 21.3319 14.9894 21.9958 11.6433C22.6759 8.28026 23.5988 5.50318 24.7647 3.3121C25.9467 1.10403 27.2421 0 28.6508 0C29.4118 0 30.0028 0.356688 30.4238 1.07006C30.861 1.78344 31.0796 2.7431 31.0796 3.94905C31.0796 7.94055 28.8046 12.2887 24.2546 16.9936C24.0927 18.6582 24.0117 20.1189 24.0117 21.3758C24.0117 23.1253 24.0684 24.9172 24.1818 26.7516C24.2951 28.603 24.4813 29.5287 24.7404 29.5287C25.2262 29.5287 25.469 28.6454 25.469 26.879C25.469 25.5541 25.38 24.2718 25.2019 23.0318C25.0399 21.7919 24.8133 20.4841 24.5218 19.1083C24.5056 18.8875 24.5704 18.6072 24.7161 18.2675C24.878 17.9278 25.0723 17.6306 25.299 17.3758C25.5257 17.121 25.7281 16.9936 25.9062 16.9936C26.1167 16.9936 26.4487 17.0106 26.902 17.0446C27.4202 17.0786 27.8088 17.0955 28.0679 17.0955C28.6508 17.0955 29.2499 17.0106 29.8652 16.8408V16.7643C29.8652 14.6921 30.1162 12.3312 30.6181 9.68153C31.1363 7.03185 31.8892 4.75584 32.877 2.8535C33.8809 0.951168 35.071 0 36.4473 0C37.2246 0 37.8318 0.382166 38.2689 1.1465C38.7223 1.89384 38.949 2.9724 38.949 4.38217C38.949 5.75796 38.7061 7.3206 38.2204 9.07006C37.7346 10.8195 37.0302 12.5011 36.1073 14.1147C35.1843 15.7113 34.0995 16.9936 32.8527 17.9618C32.9174 19.1677 33.0875 20.0255 33.3627 20.535C33.638 21.0276 34.0428 21.2739 34.5771 21.2739C35.241 21.2739 35.8239 21.0786 36.3259 20.6879C36.614 20.4539 36.9474 20.1277 37.3261 19.7091ZM27.0478 4.07643C27.485 3.04034 27.8493 2.52229 28.1407 2.52229C28.5455 2.52229 28.748 3.04034 28.748 4.07643C28.7318 5.53716 28.3755 7.10828 27.6793 8.78981C26.983 10.4544 25.9872 12.0594 24.6918 13.6051C24.9995 11.7028 25.3638 9.90234 25.7848 8.20382C26.2058 6.48832 26.6268 5.11253 27.0478 4.07643ZM34.7229 4.43312C35.1762 3.15924 35.573 2.52229 35.913 2.52229C36.3664 2.52229 36.5931 3.16773 36.5931 4.4586C36.5931 5.49469 36.4554 6.65817 36.1802 7.94905C35.9211 9.22293 35.5082 10.4883 34.9415 11.7452C34.3747 12.9851 33.6866 14.0382 32.877 14.9045C32.9579 13.0531 33.1765 11.1592 33.5327 9.22293C33.889 7.28663 34.2857 5.69002 34.7229 4.43312ZM43.3811 20.3822C43.0086 21.0106 42.5472 21.3248 41.9966 21.3248C41.5109 21.3248 41.1061 21.0955 40.7822 20.6369C40.4584 20.1783 40.2964 19.465 40.2964 18.4968C40.2964 17.2739 40.4827 16.3567 40.8551 15.7452C41.2437 15.1168 41.7295 14.8025 42.3124 14.8025C42.7658 14.8025 43.1544 15.0403 43.4782 15.5159C43.802 15.9915 43.964 16.6964 43.964 17.6306C43.964 18.8365 43.7697 19.7537 43.3811 20.3822ZM23.5795 37.5556C23.0372 39.1867 22.6225 40.8605 22.3354 42.5769C20.9523 42.8675 19.7215 43.0456 18.6428 43.1111C18.3936 40.9185 17.6149 39.0815 16.3066 37.6C14.9984 36.0889 13.3007 35.2593 11.2137 35.1111C13.4565 32.4741 15.0607 29.9556 16.0263 27.5556C16.9919 25.1556 17.4747 22.7407 17.4747 20.3111C17.4747 18.4444 17.0386 16.9333 16.1665 15.7778C15.2943 14.5926 14.1418 14 12.7089 14C10.0612 14 7.77173 15.5852 5.84048 18.7556C3.94038 21.8963 2.49194 25.7185 1.49516 30.2222C0.498388 34.6963 0 38.8444 0 42.6667C0 46.9926 0.716432 50.2963 2.1493 52.5778C3.58216 54.8593 5.87163 56 9.0177 56C11.1047 56 13.0048 55.2444 14.718 53.7333C16.4624 52.2222 17.646 50.237 18.269 47.7778C19.5276 47.7279 20.7273 47.594 21.8682 47.3762C21.8565 47.76 21.8507 48.1457 21.8507 48.5333C21.8507 51.1407 22.0843 53.037 22.5516 54.2222C23.0499 55.4074 23.891 56 25.0746 56C26.0403 56 26.7411 55.763 27.1772 55.2889C27.6445 54.7852 28.0494 53.837 28.392 52.4444C28.8593 50.637 29.4667 48.9185 30.2143 47.2889C30.993 45.6593 31.7406 44.3556 32.457 43.3778C33.2046 42.3704 33.7809 41.8667 34.1858 41.8667C34.5284 41.8667 34.6998 42.1037 34.6998 42.5778C34.6998 43.2889 34.4973 44.5778 34.0924 46.4444C33.6563 48.5778 33.4382 50.0593 33.4382 50.8889C33.4382 52.5481 33.8432 53.8222 34.653 54.7111C35.4629 55.5704 36.6622 56 38.2508 56C40.2132 56 41.9575 55.4963 43.4838 54.4889C44.678 53.7165 45.808 52.7786 46.874 51.6753C47.0272 51.9921 47.1913 52.2929 47.3663 52.5778C48.7992 54.8593 51.0731 56 54.188 56C55.9012 56 57.5054 55.5111 59.0005 54.5333C60.4957 53.5259 61.695 52.1333 62.5983 50.3556C63.5328 48.5778 64 46.5778 64 44.3556C64 42.7556 63.6885 41.2741 63.0655 39.9111C62.4737 38.5481 61.6015 37.437 60.449 36.5778C59.3276 35.7185 58.0038 35.2296 56.4775 35.1111C58.7202 32.4741 60.3244 29.9556 61.29 27.5556C62.2556 25.1556 62.7385 22.7407 62.7385 20.3111C62.7385 18.4444 62.3024 16.9333 61.4302 15.7778C60.558 14.5926 59.4055 14 57.9726 14C55.3249 14 53.0355 15.5852 51.1042 18.7556C49.2041 21.8963 47.7557 25.7185 46.7589 30.2222C45.7621 34.6963 45.2637 38.8444 45.2637 42.6667C45.2637 44.3055 45.3643 45.7977 45.5655 47.1431C44.3991 48.4396 43.4404 49.4067 42.6895 50.0444C41.8485 50.7556 41.1165 51.1111 40.4935 51.1111C39.5902 51.1111 39.1385 50.5185 39.1385 49.3333C39.1385 48.5037 39.4344 46.8 40.0263 44.2222C40.7116 41.2 41.0542 39.1111 41.0542 37.9556C41.0542 36.0296 40.0419 35.0667 38.0172 35.0667C36.9892 35.0667 35.8523 35.4074 34.6063 36.0889C33.3915 36.7704 32.1455 37.9111 30.8684 39.5111C29.5913 41.1111 28.4388 43.1852 27.4108 45.7333C27.5354 44.4296 27.6912 43.3333 27.8781 42.4444C28.065 41.5556 28.3142 40.5185 28.6257 39.3333C29.0929 37.6741 29.3265 36.6074 29.3265 36.1333C29.3265 35.7185 29.2019 35.437 28.9527 35.2889C28.7035 35.1407 28.2674 35.0667 27.6445 35.0667C26.4919 35.0667 25.5886 35.2741 24.9345 35.6889C24.3115 36.0741 23.8598 36.6963 23.5795 37.5556ZM11.6342 18.4C11.0113 18.4 10.326 19.2889 9.57839 21.0667C8.86196 22.8148 8.19225 25.2 7.56926 28.2222C6.94628 31.2444 6.47904 34.5481 6.16755 38.1333C8.2234 34.5481 9.85873 31.3926 11.0736 28.6667C12.3195 25.9111 12.9425 23.4667 12.9425 21.3333C12.9425 20.3852 12.8179 19.6593 12.5687 19.1556C12.3507 18.6519 12.0392 18.4 11.6342 18.4ZM9.2046 51.2889C10.1702 51.2889 11.0268 50.9037 11.7744 50.1333C12.522 49.363 13.0204 48.2519 13.2696 46.8C12.3039 46.1778 11.5564 45.363 11.0268 44.3556C10.5284 43.3481 10.2792 42.2815 10.2792 41.1556C10.2792 40.7407 10.3415 40.1778 10.4661 39.4667H10.326C9.04885 39.4667 7.97421 40.0741 7.10203 41.2889C6.261 42.4741 5.84048 44.0741 5.84048 46.0889C5.84048 47.7778 6.16755 49.0667 6.82168 49.9556C7.50697 50.8444 8.30127 51.2889 9.2046 51.2889ZM56.3373 28.6667C55.1225 31.3926 53.4871 34.5481 51.4313 38.1333C51.7428 34.5481 52.21 31.2444 52.833 28.2222C53.456 25.2 54.1257 22.8148 54.8421 21.0667C55.5897 19.2889 56.275 18.4 56.898 18.4C57.3029 18.4 57.6144 18.6519 57.8325 19.1556C58.0816 19.6593 58.2062 20.3852 58.2062 21.3333C58.2062 23.4667 57.5833 25.9111 56.3373 28.6667ZM57.0381 49.5556C56.3217 50.6519 55.434 51.2 54.3749 51.2C53.4404 51.2 52.6617 50.8 52.0387 50C51.4157 49.1704 51.1042 47.8667 51.1042 46.0889C51.1042 44.0444 51.478 42.4889 52.2256 41.4222C52.9732 40.3556 53.8921 39.8222 54.9823 39.8222C55.8545 39.8222 56.6021 40.237 57.225 41.0667C57.848 41.8963 58.1595 43.1259 58.1595 44.7556C58.1595 46.8593 57.7857 48.4593 57.0381 49.5556Z" />
+                            </svg>
+                        </div>
+                        <div class="balance-card__token">flobnb</div>
+                        <div id="flobnb_balance"></div>
+                    </div>
                 </div>
             </div>
         </section>
@@ -726,10 +744,6 @@
                     break;
             }
             getRef("notification_drawer").push(message, { pinned, icon });
-            if (navigator.onLine && sound) {
-                getRef("notification_sound").currentTime = 0;
-                getRef("notification_sound").play();
-            }
             if (mode === 'error') {
                 console.error(message)
             }
@@ -1015,7 +1029,13 @@
             tradeType = e.detail.value
             getRef('get_price').setAttribute('placeholder', tradeType === 'buy' ? 'Max price' : 'Min price')
             getRef('trade_button').textContent = `${tradeType} FLO`
-            getRef('quantity_type').textContent = tradeType === 'buy' ? `Rupee` : `FLO`
+            getRef('quantity_type').textContent = tradeType === 'buy' ? `Rupee` : getRef('get_asset').value
+        })
+        getRef('get_asset').addEventListener('change', e => {
+            getRef('trade_asset').textContent = `Trade ${e.target.value}`
+            getRef('trade_button').textContent = `${tradeType} ${e.target.value}`
+            getRef('quantity_type').textContent = tradeType === 'buy' ? `Rupee` : e.target.value
+            getRef('get_price').value = parseFloat(parseFloat(floGlobals.exchangeRates[getRef('get_asset').value]).toFixed(2))
         })
         async function tradeFlo() {
             const asset = getRef('get_asset').value;
@@ -1050,23 +1070,23 @@
             }
         }
         getRef('quantity_selector').addEventListener('click', e => {
-            // Get latest balance and exchange rate
             if (e.target.closest('button')) {
                 const target = e.target.closest('button')
                 const unitValue = parseFloat(getRef('get_price').value)
                 const fraction = parseFloat(target.value)
+                const selectAsset = getRef('get_asset').value
                 if (tradeType === 'buy') {
                     getRef('get_total').value = parseFloat((fraction * balance.rupee).toFixed(2))
                     getRef('get_quantity').value = parseFloat(((balance.rupee * fraction) / unitValue).toFixed(4))
                 } else {
-                    console.log(fraction, balance.flo, floExchangeRate)
-                    getRef('get_total').value = parseFloat((fraction * balance.flo * floExchangeRate).toFixed(2))
-                    getRef('get_quantity').value = parseFloat((balance.flo * fraction).toFixed(4))
+                    getRef('get_total').value = parseFloat((fraction * balance[selectAsset] * floGlobals.exchangeRates[selectAsset]).toFixed(2))
+                    getRef('get_quantity').value = parseFloat((balance[selectAsset] * fraction).toFixed(4))
                 }
             }
         })
         getRef('get_price').addEventListener('keyup', e => {
-            const unitValue = parseFloat(getRef('get_price').value) || floExchangeRate
+            const selectAsset = getRef('get_asset').value
+            const unitValue = parseFloat(getRef('get_price').value) || floGlobals.exchangeRates[selectAsset]
             const quantity = parseFloat(getRef('get_quantity').value) || 0
             getRef('get_total').value = parseFloat((quantity * unitValue).toFixed(2)) || 0
         })
@@ -1089,8 +1109,8 @@
                 getRef('wallet_popup__cta').textContent = `${type} ${asset}`
                 getRef('wallet_popup__cta').setAttribute('value', type)
                 getRef('wallet_popup__title').textContent = `${type} ${asset}`
-                getRef('get_user_amount').setAttribute('step', asset === 'FLO' ? '0.0001' : '0.01')
-                getRef('get_user_amount').setAttribute('min', asset === 'FLO' ? '0.0001' : '0.01')
+                getRef('get_user_amount').setAttribute('step', asset === 'rupee' ? '0.01' : '0.0001')
+                getRef('get_user_amount').setAttribute('min', asset === 'rupee' ? '0.01' : '0.0001')
                 if (type === 'withdraw') {
                     getRef('get_private_key').classList.add('hide-completely')
                     getRef('wallet_quantity_selector').classList.remove('hide-completely')
@@ -1605,7 +1625,6 @@
             }
         }
 
-        let floExchangeRate = 0
         function updateRate(init = false) {
             floExchangeAPI.getRates().then(rates => {
                 console.debug(rates);
@@ -1616,18 +1635,18 @@
                     c.setAttribute('value', floGlobals.currency);
                     c.innerText = floGlobals.currency;
                     walletList.appendChild(c);
-                    for (let asset in rates) {
+                    Object.entries(rates).sort((a, b) => b[1] - a[1]).forEach(([asset, rate]) => {
                         let e = document.createElement('sm-option');
                         e.setAttribute('value', asset);
                         e.innerText = asset;
                         assetList.appendChild(e);
                         walletList.appendChild(e.cloneNode(true));
-                    }
+                    })
                 }
-                let flo_rate = rates["FLO"];
-                floExchangeRate = parseFloat(flo_rate)
-                getRef('flo_rate').textContent = formatAmount(parseFloat(flo_rate))
-                getRef('get_price').value = parseFloat(parseFloat(flo_rate).toFixed(2))
+                floGlobals.exchangeRates = rates
+                getRef('flo_rate').textContent = formatAmount(parseFloat(rates['FLO']))
+                getRef('flobnb_rate').textContent = formatAmount(parseFloat(rates['flobnb']))
+                getRef('get_price').value = parseFloat(parseFloat(floGlobals.exchangeRates['FLO']).toFixed(2))
             }).catch(error => console.error(error))
         }
 
@@ -1656,9 +1675,9 @@
             getRef(`${type}_balance`).innerHTML = ''
             const templateToClone = lockedBalance ? 'locked_balance_template' : 'net_balance_template';
             const card = getRef(templateToClone).content.cloneNode(true)
-            card.querySelector('.available-balance').textContent = type === 'flo' ? parseFloat(availableBalance.toFixed(4)) : formatAmount(availableBalance)
+            card.querySelector('.available-balance').textContent = type === 'rupee' ? formatAmount(availableBalance) : parseFloat(availableBalance.toFixed(4))
             if (lockedBalance) {
-                card.querySelector('.locked-balance').textContent = type === 'flo' ? parseFloat(lockedBalance.toFixed(4)) : formatAmount(lockedBalance)
+                card.querySelector('.locked-balance').textContent = type === 'rupee' ? formatAmount(lockedBalance) : parseFloat(lockedBalance.toFixed(4))
             }
             getRef(`${type}_balance`).className = lockedBalance ? 'grid balance-card__amount-wrapper' : ''
             getRef(`${type}_balance`).parentNode.className = `balance-card ${lockedBalance ? 'is-locked' : ''}`
@@ -1682,13 +1701,28 @@
                 getRef("sink_id").value = acc.sinkID;
                 //FLO Balance
                 console.debug(acc.vault);
+
+                let flo_locked = 0
+                let flobnb_locked = 0
+                acc.sellOrders.forEach(order => {
+                    if (order.asset === 'FLO')
+                        flo_locked += order.quantity
+                    else if (order.asset === 'FLOBNB')
+                        flobnb_locked += order.quantity
+                })
+
                 let flo_total = acc.vault.reduce((a, x) => a + (x.asset === "FLO" ? x.quantity : 0), 0);
-                let flo_locked = acc.sellOrders.reduce((a, x) => a + x.quantity, 0);
                 let flo_net = flo_total - flo_locked;
                 console.debug("FLO", flo_total, flo_locked, flo_net);
-                balance.flo = flo_net
-
+                balance.FLO = flo_net
                 showBalance("flo", flo_net, flo_locked,)
+
+                let flobnb_total = acc.vault.reduce((a, x) => a + (x.asset === "flobnb" ? x.quantity : 0), 0);
+                let flobnb_net = flobnb_total - flobnb_locked;
+                console.debug("FLO", flobnb_total, flobnb_locked, flobnb_net);
+                balance.flobnb = flobnb_net
+                showBalance("flobnb", flobnb_net, flobnb_locked)
+
                 //Rupee Balance
                 let rupee_total = acc.cash;
                 let rupee_locked = acc.buyOrders.reduce((a, x) => a + x.quantity * x.maxPrice, 0);

From 6451f025466396334bec52781d43de25b640c642 Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Wed, 30 Mar 2022 05:38:55 +0530
Subject: [PATCH 005/168] rate-history API

---
 docs/scripts/floExchangeAPI.js | 10 +++++++
 src/app.js                     |  1 +
 src/market.js                  | 12 +++++++++
 src/price.js                   | 48 +++++++++++++++++++++++++++++++---
 src/request.js                 | 20 ++++++++++++++
 5 files changed, 87 insertions(+), 4 deletions(-)

diff --git a/docs/scripts/floExchangeAPI.js b/docs/scripts/floExchangeAPI.js
index 8fac499..dd40c14 100644
--- a/docs/scripts/floExchangeAPI.js
+++ b/docs/scripts/floExchangeAPI.js
@@ -577,6 +577,16 @@
         });
     }
 
+    exchangeAPI.getRateHistory = function(asset, duration = null) {
+        return new Promise((resolve, reject) => {
+            fetch_api('/rate-history?asset=' + asset + (duration ? '&duration=' + duration : ""))
+                .then(result => responseParse(result)
+                    .then(result => resolve(result))
+                    .catch(error => reject(error)))
+                .catch(error => reject(error));
+        });
+    }
+
     exchangeAPI.getBalance = function(floID = null, token = null) {
         return new Promise((resolve, reject) => {
             if (!floID && !token)
diff --git a/src/app.js b/src/app.js
index ac5ec04..a461304 100644
--- a/src/app.js
+++ b/src/app.js
@@ -75,6 +75,7 @@ module.exports = function App(secret, DB) {
 
     //get rates, balance and tx
     app.get('/get-rates', Request.GetRates);
+    app.get('/rate-history', Request.GetRateHistory);
     app.get('/get-balance', Request.GetBalance);
     app.get('/get-transaction', Request.GetTransaction);
 
diff --git a/src/market.js b/src/market.js
index bd6bd28..f990b2f 100644
--- a/src/market.js
+++ b/src/market.js
@@ -30,6 +30,17 @@ function logout(floID) {
     })
 }
 
+function getRateHistory(asset, duration) {
+    return new Promise((resolve, reject) => {
+        if (!asset || !assetList.includes(asset))
+            reject(INVALID(`Invalid asset(${asset})`));
+        else
+            coupling.price.getHistory(asset, duration)
+            .then(result => resolve(result))
+            .catch(error => reject(error))
+    })
+}
+
 function getBalance(floID, token) {
     return new Promise((resolve, reject) => {
         if (floID && !floCrypto.validateAddr(floID))
@@ -621,6 +632,7 @@ module.exports = {
     addBuyOrder,
     addSellOrder,
     cancelOrder,
+    getRateHistory,
     getBalance,
     getAccountDetails,
     getTransactionDetails,
diff --git a/src/price.js b/src/price.js
index c2e439d..1c47b8e 100644
--- a/src/price.js
+++ b/src/price.js
@@ -20,14 +20,14 @@ var currentRate = {}, //container for FLO price (from API or by model)
 const updateLastTime = asset => lastTime[asset] = Date.now();
 
 //store FLO price in DB every 1 hr
-function storeRate(asset, rate) {
+function storeHistory(asset, rate) {
     DB.query("INSERT INTO PriceHistory (asset, rate) VALUE (?, ?)", [asset, rate.toFixed(3)])
         .then(_ => null).catch(error => console.error(error))
 }
 setInterval(() => {
     for (let asset in currentRate)
-        storeRate(asset, currentRate[asset]);
-}, REC_HISTORY_INTERVAL)
+        storeHistory(asset, currentRate[asset]);
+}, REC_HISTORY_INTERVAL);
 
 function getPastRate(asset, hrs = 24) {
     return new Promise((resolve, reject) => {
@@ -37,6 +37,45 @@ function getPastRate(asset, hrs = 24) {
     });
 }
 
+function getHistory(asset, duration) {
+    return new Promise((resolve, reject) => {
+        duration = getHistory.validateDuration(duration);
+        let statement = "SELECT " +
+            (!duration || duration.endsWith("year") ? "DATE(rec_time) AS time, AVG(rate) as rate" : "rec_time AS time, rate") +
+            " WHERE asset=?" + (duration ? " AND rec_time >= NOW() - INTERVAL " + duration : "") +
+            (!duration || duration.endsWith("year") ? " GROUP BY time" : "") +
+            " ORDER BY time";
+        DB.query(statement, asset)
+            .then(result => resolve(result))
+            .catch(error => reject(error))
+    });
+}
+
+getHistory.validateDuration = duration => {
+    let n = duration.match(/\d+/g),
+        d = duration.match(/\D+/g);
+    n = n ? n[0] || 1 : 1;
+    d = d ? d[0].replace(/[-\s]/g, '') : "";
+    switch (d.toLowerCase()) {
+        case "day":
+        case "days":
+            return n + " day";
+        case "week":
+        case "weeks":
+            return n + " week";
+        case "month":
+        case "months":
+            return n + " month";
+        case "year":
+        case "years":
+            return n + " year";
+        case "alltime":
+            return null;
+        default:
+            return '1 day';
+    }
+}
+
 function loadRate(asset) {
     return new Promise((resolve, reject) => {
         if (typeof currentRate[asset] !== "undefined")
@@ -60,7 +99,7 @@ function fetchRates() {
             fetchRates.USD_INR().then(INR_rate => {
                 let FLO_INR_rate = FLO_rate * INR_rate;
                 console.debug('Rates:', FLO_rate, INR_rate, FLO_INR_rate);
-                storeRate(FLO_INR_rate);
+                storeHistory(FLO_INR_rate);
                 resolve(FLO_INR_rate);
             }).catch(error => reject(error))
         }).catch(error => reject(error))
@@ -153,6 +192,7 @@ function checkForRatedSellers(asset) {
 
 module.exports = {
     getRates,
+    getHistory,
     updateLastTime,
     noOrder(asset, buy, sell) {
         noBuyOrder[asset] = buy;
diff --git a/src/request.js b/src/request.js
index 424ccfb..d9ad6b7 100644
--- a/src/request.js
+++ b/src/request.js
@@ -334,6 +334,25 @@ function GetRates(req, res) {
 
 }
 
+function GetRateHistory(req, res) {
+    if (!serving)
+        res.status(INVALID.e_code).send(INVALID_SERVER_MSG);
+    else {
+        let asset = req.query.asset,
+            duration = req.query.duration || "";
+        market.getRateHistory(asset, duration)
+            .then(result => res.send(result))
+            .catch(error => {
+                if (error instanceof INVALID)
+                    res.status(INVALID.e_code).send(error.message);
+                else {
+                    console.error(error);
+                    res.status(INTERNAL.e_code).send("Unable to process! Try again later!");
+                }
+            });
+    }
+}
+
 function GetTransaction(req, res) {
     if (!serving)
         res.status(INVALID.e_code).send(INVALID_SERVER_MSG);
@@ -385,6 +404,7 @@ module.exports = {
     ListBuyOrders,
     ListTradeTransactions,
     GetRates,
+    GetRateHistory,
     GetTransaction,
     GetBalance,
     Account,

From 4967d52a88fc68b63e46bec6d65be96cd34891f1 Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Wed, 30 Mar 2022 05:49:43 +0530
Subject: [PATCH 006/168] Bug fix: rate history API not working

---
 src/price.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/price.js b/src/price.js
index 1c47b8e..637c6b0 100644
--- a/src/price.js
+++ b/src/price.js
@@ -41,9 +41,9 @@ function getHistory(asset, duration) {
     return new Promise((resolve, reject) => {
         duration = getHistory.validateDuration(duration);
         let statement = "SELECT " +
-            (!duration || duration.endsWith("year") ? "DATE(rec_time) AS time, AVG(rate) as rate" : "rec_time AS time, rate") +
-            " WHERE asset=?" + (duration ? " AND rec_time >= NOW() - INTERVAL " + duration : "") +
-            (!duration || duration.endsWith("year") ? " GROUP BY time" : "") +
+            (!duration || duration.endsWith("month") || duration.endsWith("year") ? "DATE(rec_time) AS time, AVG(rate) as rate" : "rec_time AS time, rate") +
+            " FROM PriceHistory WHERE asset=?" + (duration ? " AND rec_time >= NOW() - INTERVAL " + duration : "") +
+            (!duration || duration.endsWith("month") || duration.endsWith("year") ? " GROUP BY time" : "") +
             " ORDER BY time";
         DB.query(statement, asset)
             .then(result => resolve(result))

From c35220df7e0168c5f9813f2da616550ff77c97f7 Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Wed, 30 Mar 2022 20:18:42 +0530
Subject: [PATCH 007/168] making exchange UI mobile friendly

---
 docs/index.html | 65 +++++++++++++++++++++++++++++++++++--------------
 1 file changed, 47 insertions(+), 18 deletions(-)

diff --git a/docs/index.html b/docs/index.html
index 87e4c3c..1dcb240 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -93,11 +93,11 @@
                     <sm-button onclick="floExchangeAPI.clearAllLocalData()">clear local data</sm-button>
                 </sm-form>
                 <section id="exchange_wrapper">
-                    <div id="asset_list-wrapper" class="grid gap-1 align-start hide user-content hide-on-mobile">
+                    <div id="asset_list-wrapper" class="grid gap-1 align-start hide user-content">
                         <h4>Assets</h4>
                         <ul id="listed_assets" class="user-content hide"></ul>
                     </div>
-                    <sm-form id="trade_form" class="user-content hide ">
+                    <sm-form id="trade_form" class="user-content hide hide-on-mobile">
                         <div class="flex space-between align-center">
                             <a href="#/exchange" class="button icon-only hide-on-desktop">
                                 <svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24"
@@ -889,23 +889,32 @@
             }
             switch (pageId) {
                 case 'exchange':
-                    if (!params.hasOwnProperty('asset') || params.asset === '') {
+                    if (!isMobileView && !params.hasOwnProperty('asset') || params.asset === '') {
                         params.asset = 'FLO'
                     }
-                    if (getRef('listed_assets').querySelector('.listed-asset--active'))
-                        getRef('listed_assets').querySelector('.listed-asset--active').classList.remove('listed-asset--active')
-                    getRef('listed_assets').querySelector(`[href="#/exchange?asset=${params.asset}"]`).classList.add('listed-asset--active')
-                    getRef('get_price').value = parseFloat(floGlobals.exchangeRates[params.asset].toFixed(2))
-                    getRef('traded_asset').textContent = `Trade ${params.asset}`
-                    getRef('trade_button').textContent = `${tradeType} ${params.asset}`
-                    getRef('quantity_type').textContent = tradeType === 'buy' ? formatAmount(allTokens.rupee.net) : `${parseFloat(allTokens[params.asset].net.toFixed(3))} ${params.asset}`
-                    getRef('quantity_selector').querySelectorAll('.button').forEach(button => {
-                        if (tradeType === 'buy') {
-                            button.title = `Buy ${params.asset} worth ${button.textContent} of total rupee`
-                        } else {
-                            button.title = `Sell ${button.textContent} of total ${params.asset}`
-                        }
-                    })
+                    if (params.hasOwnProperty('asset') && params.asset !== '') {
+                        if (getRef('listed_assets').querySelector('.listed-asset--active'))
+                            getRef('listed_assets').querySelector('.listed-asset--active').classList.remove('listed-asset--active')
+                        getRef('listed_assets').querySelector(`[href="#/exchange?asset=${params.asset}"]`).classList.add('listed-asset--active')
+                        getRef('get_price').value = parseFloat(floGlobals.exchangeRates[params.asset].toFixed(2))
+                        getRef('traded_asset').textContent = `Trade ${params.asset}`
+                        getRef('trade_button').textContent = `${tradeType} ${params.asset}`
+                        getRef('quantity_type').textContent = tradeType === 'buy' ? formatAmount(allTokens.rupee.net) : `${parseFloat(allTokens[params.asset].net.toFixed(3))} ${params.asset}`
+                        getRef('quantity_selector').querySelectorAll('.button').forEach(button => {
+                            if (tradeType === 'buy') {
+                                button.title = `Buy ${params.asset} worth ${button.textContent} of total rupee`
+                            } else {
+                                button.title = `Sell ${button.textContent} of total ${params.asset}`
+                            }
+                        })
+                    }
+                    if (params.hasOwnProperty('asset') && params.asset !== '') {
+                        getRef('exchange_wrapper').children[0].classList.add('hide-on-mobile')
+                        getRef('exchange_wrapper').children[1].classList.remove('hide-on-mobile')
+                    } else {
+                        getRef('exchange_wrapper').children[1].classList.add('hide-on-mobile')
+                        getRef('exchange_wrapper').children[0].classList.remove('hide-on-mobile')
+                    }
                     break;
                 case 'my_orders':
                     break;
@@ -1010,6 +1019,26 @@
                 this.render()
             }
         }
+        function animateTo(element, keyframes, options) {
+            const anime = element.animate(keyframes, { ...options, fill: 'both' })
+            anime.finished.then(() => {
+                anime.commitStyles()
+                anime.cancel()
+            })
+            return anime
+        }
+        let isMobileView = false
+        const mobileQuery = window.matchMedia('(max-width: 40rem)')
+        function handleMobileChange(e) {
+            isMobileView = e.matches
+            if (!isMobileView) {
+                getRef('exchange_wrapper').children[0].style = ''
+                getRef('exchange_wrapper').children[1].style = ''
+            }
+        }
+        mobileQuery.addEventListener('change', handleMobileChange)
+
+        handleMobileChange(mobileQuery)
     </script>
     <script>
         const listedAssets = {
@@ -1815,7 +1844,7 @@
                 //My orders
                 renderUserOrders();
                 proxy.secret.then(_ => null).catch(_ => null);
-                showPage(window.location.hash)
+                showPage(window.location.hash, { firstLoad: true });
             }).catch(error => console.error(error))
         };
 

From deb746ef9ead9b857e3088a7ea5bfeb617e4c1b9 Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Wed, 30 Mar 2022 20:38:08 +0530
Subject: [PATCH 008/168] Increase decimal toFixed(8)

---
 src/coupling.js | 2 +-
 src/market.js   | 8 ++++----
 src/price.js    | 2 +-
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/coupling.js b/src/coupling.js
index ebca484..56a92cb 100644
--- a/src/coupling.js
+++ b/src/coupling.js
@@ -11,7 +11,7 @@ var DB; //container for database
 
 function startCouplingForAsset(asset) {
     price.getRates(asset).then(cur_rate => {
-        cur_rate = cur_rate.toFixed(3);
+        cur_rate = cur_rate.toFixed(8);
         group.getBestPairs(asset, cur_rate)
             .then(bestPairQueue => processCoupling(bestPairQueue))
             .catch(error => console.error("initiateCoupling", error))
diff --git a/src/market.js b/src/market.js
index f990b2f..d438c7e 100644
--- a/src/market.js
+++ b/src/market.js
@@ -69,7 +69,7 @@ getBalance.floID_token = (floID, token) => new Promise((resolve, reject) => {
     ).then(result => resolve({
         floID,
         token,
-        balance: result[0].balance.toFixed(4)
+        balance: result[0].balance.toFixed(8)
     })).catch(error => reject(error))
 });
 
@@ -82,9 +82,9 @@ getBalance.floID = (floID) => new Promise((resolve, reject) => {
             floID,
             balance: {}
         };
-        response.balance[floGlobals.currency] = result[0][0].balance.toFixed(4);
+        response.balance[floGlobals.currency] = result[0][0].balance.toFixed(8);
         for (let row of result[1])
-            response.balance[row.asset] = row.balance.toFixed(4);
+            response.balance[row.asset] = row.balance.toFixed(8);
         resolve(response);
     }).catch(error => reject(error))
 });
@@ -99,7 +99,7 @@ getBalance.token = (token) => new Promise((resolve, reject) => {
             balance: {}
         };
         for (let row of result)
-            response.balance[row.floID] = row.balance.toFixed(4);
+            response.balance[row.floID] = row.balance.toFixed(8);
         resolve(response);
     }).catch(error => reject(error))
 });
diff --git a/src/price.js b/src/price.js
index 637c6b0..3c6e91a 100644
--- a/src/price.js
+++ b/src/price.js
@@ -21,7 +21,7 @@ const updateLastTime = asset => lastTime[asset] = Date.now();
 
 //store FLO price in DB every 1 hr
 function storeHistory(asset, rate) {
-    DB.query("INSERT INTO PriceHistory (asset, rate) VALUE (?, ?)", [asset, rate.toFixed(3)])
+    DB.query("INSERT INTO PriceHistory (asset, rate) VALUE (?, ?)", [asset, rate.toFixed(8)])
         .then(_ => null).catch(error => console.error(error))
 }
 setInterval(() => {

From ef7172869b7f9d004982a334f206c4e9c30c76e7 Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Thu, 31 Mar 2022 00:25:58 +0530
Subject: [PATCH 009/168] UI changes

---
 docs/index.html | 31 ++++++++++++++++++-------------
 1 file changed, 18 insertions(+), 13 deletions(-)

diff --git a/docs/index.html b/docs/index.html
index 1dcb240..026b1d7 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -94,7 +94,7 @@
                 </sm-form>
                 <section id="exchange_wrapper">
                     <div id="asset_list-wrapper" class="grid gap-1 align-start hide user-content">
-                        <h4>Assets</h4>
+                        <h4>Tokens</h4>
                         <ul id="listed_assets" class="user-content hide"></ul>
                     </div>
                     <sm-form id="trade_form" class="user-content hide hide-on-mobile">
@@ -896,10 +896,10 @@
                         if (getRef('listed_assets').querySelector('.listed-asset--active'))
                             getRef('listed_assets').querySelector('.listed-asset--active').classList.remove('listed-asset--active')
                         getRef('listed_assets').querySelector(`[href="#/exchange?asset=${params.asset}"]`).classList.add('listed-asset--active')
-                        getRef('get_price').value = parseFloat(floGlobals.exchangeRates[params.asset].toFixed(2))
+                        getRef('get_price').value = parseFloat(floGlobals.exchangeRates[params.asset].toFixed(4))
                         getRef('traded_asset').textContent = `Trade ${params.asset}`
                         getRef('trade_button').textContent = `${tradeType} ${params.asset}`
-                        getRef('quantity_type').textContent = tradeType === 'buy' ? formatAmount(allTokens.rupee.net) : `${parseFloat(allTokens[params.asset].net.toFixed(3))} ${params.asset}`
+                        getRef('quantity_type').textContent = tradeType === 'buy' ? formatAmount(allTokens.rupee.net) : `${parseFloat(allTokens[params.asset].net.toFixed(4))} ${params.asset}`
                         getRef('quantity_selector').querySelectorAll('.button').forEach(button => {
                             if (tradeType === 'buy') {
                                 button.title = `Buy ${params.asset} worth ${button.textContent} of total rupee`
@@ -1054,11 +1054,16 @@
                     <path fill-rule="evenodd" clip-rule="evenodd" d="M37.3261 19.7091C37.2823 19.3891 37.2604 19.0614 37.2604 18.7261C37.2604 17.4352 37.4871 16.2887 37.9405 15.2866C38.4101 14.2675 39.0416 13.4777 39.835 12.9172C40.6284 12.3397 41.519 12.051 42.5067 12.051C43.462 12.051 44.2797 12.3057 44.9598 12.8153C45.6399 13.3079 46.1499 13.9618 46.4899 14.7771C46.83 15.5924 47 16.4671 47 17.4013C47 18.6921 46.7652 19.8471 46.2956 20.8662C45.8261 21.8684 45.1865 22.6582 44.3769 23.2357C43.5835 23.7962 42.701 24.0764 41.7295 24.0764C40.7741 24.0764 39.9564 23.8302 39.2763 23.3376C38.8283 22.9937 38.454 22.5802 38.1535 22.0971C37.7343 22.518 37.2952 22.8891 36.8359 23.2102C36.0263 23.7877 35.1034 24.0764 34.0671 24.0764C32.966 24.0764 32.0835 23.6603 31.4197 22.828C30.7558 21.9788 30.3024 20.8323 30.0595 19.3885C29.509 19.5414 28.9261 19.6178 28.3108 19.6178C27.7764 19.6178 27.1854 19.5754 26.5377 19.4904C26.7644 20.5605 26.9506 21.758 27.0963 23.0828C27.2421 24.4076 27.3149 25.4947 27.3149 26.344C27.3149 28.1783 27.0316 29.5796 26.4649 30.5478C25.8981 31.5159 25.1533 32 24.2303 32C23.0645 32 22.2306 31.1338 21.7286 29.4013C21.2429 27.6688 21 25.0531 21 21.5541C21 18.293 21.3319 14.9894 21.9958 11.6433C22.6759 8.28026 23.5988 5.50318 24.7647 3.3121C25.9467 1.10403 27.2421 0 28.6508 0C29.4118 0 30.0028 0.356688 30.4238 1.07006C30.861 1.78344 31.0796 2.7431 31.0796 3.94905C31.0796 7.94055 28.8046 12.2887 24.2546 16.9936C24.0927 18.6582 24.0117 20.1189 24.0117 21.3758C24.0117 23.1253 24.0684 24.9172 24.1818 26.7516C24.2951 28.603 24.4813 29.5287 24.7404 29.5287C25.2262 29.5287 25.469 28.6454 25.469 26.879C25.469 25.5541 25.38 24.2718 25.2019 23.0318C25.0399 21.7919 24.8133 20.4841 24.5218 19.1083C24.5056 18.8875 24.5704 18.6072 24.7161 18.2675C24.878 17.9278 25.0723 17.6306 25.299 17.3758C25.5257 17.121 25.7281 16.9936 25.9062 16.9936C26.1167 16.9936 26.4487 17.0106 26.902 17.0446C27.4202 17.0786 27.8088 17.0955 28.0679 17.0955C28.6508 17.0955 29.2499 17.0106 29.8652 16.8408V16.7643C29.8652 14.6921 30.1162 12.3312 30.6181 9.68153C31.1363 7.03185 31.8892 4.75584 32.877 2.8535C33.8809 0.951168 35.071 0 36.4473 0C37.2246 0 37.8318 0.382166 38.2689 1.1465C38.7223 1.89384 38.949 2.9724 38.949 4.38217C38.949 5.75796 38.7061 7.3206 38.2204 9.07006C37.7346 10.8195 37.0302 12.5011 36.1073 14.1147C35.1843 15.7113 34.0995 16.9936 32.8527 17.9618C32.9174 19.1677 33.0875 20.0255 33.3627 20.535C33.638 21.0276 34.0428 21.2739 34.5771 21.2739C35.241 21.2739 35.8239 21.0786 36.3259 20.6879C36.614 20.4539 36.9474 20.1277 37.3261 19.7091ZM27.0478 4.07643C27.485 3.04034 27.8493 2.52229 28.1407 2.52229C28.5455 2.52229 28.748 3.04034 28.748 4.07643C28.7318 5.53716 28.3755 7.10828 27.6793 8.78981C26.983 10.4544 25.9872 12.0594 24.6918 13.6051C24.9995 11.7028 25.3638 9.90234 25.7848 8.20382C26.2058 6.48832 26.6268 5.11253 27.0478 4.07643ZM34.7229 4.43312C35.1762 3.15924 35.573 2.52229 35.913 2.52229C36.3664 2.52229 36.5931 3.16773 36.5931 4.4586C36.5931 5.49469 36.4554 6.65817 36.1802 7.94905C35.9211 9.22293 35.5082 10.4883 34.9415 11.7452C34.3747 12.9851 33.6866 14.0382 32.877 14.9045C32.9579 13.0531 33.1765 11.1592 33.5327 9.22293C33.889 7.28663 34.2857 5.69002 34.7229 4.43312ZM43.3811 20.3822C43.0086 21.0106 42.5472 21.3248 41.9966 21.3248C41.5109 21.3248 41.1061 21.0955 40.7822 20.6369C40.4584 20.1783 40.2964 19.465 40.2964 18.4968C40.2964 17.2739 40.4827 16.3567 40.8551 15.7452C41.2437 15.1168 41.7295 14.8025 42.3124 14.8025C42.7658 14.8025 43.1544 15.0403 43.4782 15.5159C43.802 15.9915 43.964 16.6964 43.964 17.6306C43.964 18.8365 43.7697 19.7537 43.3811 20.3822ZM23.5795 37.5556C23.0372 39.1867 22.6225 40.8605 22.3354 42.5769C20.9523 42.8675 19.7215 43.0456 18.6428 43.1111C18.3936 40.9185 17.6149 39.0815 16.3066 37.6C14.9984 36.0889 13.3007 35.2593 11.2137 35.1111C13.4565 32.4741 15.0607 29.9556 16.0263 27.5556C16.9919 25.1556 17.4747 22.7407 17.4747 20.3111C17.4747 18.4444 17.0386 16.9333 16.1665 15.7778C15.2943 14.5926 14.1418 14 12.7089 14C10.0612 14 7.77173 15.5852 5.84048 18.7556C3.94038 21.8963 2.49194 25.7185 1.49516 30.2222C0.498388 34.6963 0 38.8444 0 42.6667C0 46.9926 0.716432 50.2963 2.1493 52.5778C3.58216 54.8593 5.87163 56 9.0177 56C11.1047 56 13.0048 55.2444 14.718 53.7333C16.4624 52.2222 17.646 50.237 18.269 47.7778C19.5276 47.7279 20.7273 47.594 21.8682 47.3762C21.8565 47.76 21.8507 48.1457 21.8507 48.5333C21.8507 51.1407 22.0843 53.037 22.5516 54.2222C23.0499 55.4074 23.891 56 25.0746 56C26.0403 56 26.7411 55.763 27.1772 55.2889C27.6445 54.7852 28.0494 53.837 28.392 52.4444C28.8593 50.637 29.4667 48.9185 30.2143 47.2889C30.993 45.6593 31.7406 44.3556 32.457 43.3778C33.2046 42.3704 33.7809 41.8667 34.1858 41.8667C34.5284 41.8667 34.6998 42.1037 34.6998 42.5778C34.6998 43.2889 34.4973 44.5778 34.0924 46.4444C33.6563 48.5778 33.4382 50.0593 33.4382 50.8889C33.4382 52.5481 33.8432 53.8222 34.653 54.7111C35.4629 55.5704 36.6622 56 38.2508 56C40.2132 56 41.9575 55.4963 43.4838 54.4889C44.678 53.7165 45.808 52.7786 46.874 51.6753C47.0272 51.9921 47.1913 52.2929 47.3663 52.5778C48.7992 54.8593 51.0731 56 54.188 56C55.9012 56 57.5054 55.5111 59.0005 54.5333C60.4957 53.5259 61.695 52.1333 62.5983 50.3556C63.5328 48.5778 64 46.5778 64 44.3556C64 42.7556 63.6885 41.2741 63.0655 39.9111C62.4737 38.5481 61.6015 37.437 60.449 36.5778C59.3276 35.7185 58.0038 35.2296 56.4775 35.1111C58.7202 32.4741 60.3244 29.9556 61.29 27.5556C62.2556 25.1556 62.7385 22.7407 62.7385 20.3111C62.7385 18.4444 62.3024 16.9333 61.4302 15.7778C60.558 14.5926 59.4055 14 57.9726 14C55.3249 14 53.0355 15.5852 51.1042 18.7556C49.2041 21.8963 47.7557 25.7185 46.7589 30.2222C45.7621 34.6963 45.2637 38.8444 45.2637 42.6667C45.2637 44.3055 45.3643 45.7977 45.5655 47.1431C44.3991 48.4396 43.4404 49.4067 42.6895 50.0444C41.8485 50.7556 41.1165 51.1111 40.4935 51.1111C39.5902 51.1111 39.1385 50.5185 39.1385 49.3333C39.1385 48.5037 39.4344 46.8 40.0263 44.2222C40.7116 41.2 41.0542 39.1111 41.0542 37.9556C41.0542 36.0296 40.0419 35.0667 38.0172 35.0667C36.9892 35.0667 35.8523 35.4074 34.6063 36.0889C33.3915 36.7704 32.1455 37.9111 30.8684 39.5111C29.5913 41.1111 28.4388 43.1852 27.4108 45.7333C27.5354 44.4296 27.6912 43.3333 27.8781 42.4444C28.065 41.5556 28.3142 40.5185 28.6257 39.3333C29.0929 37.6741 29.3265 36.6074 29.3265 36.1333C29.3265 35.7185 29.2019 35.437 28.9527 35.2889C28.7035 35.1407 28.2674 35.0667 27.6445 35.0667C26.4919 35.0667 25.5886 35.2741 24.9345 35.6889C24.3115 36.0741 23.8598 36.6963 23.5795 37.5556ZM11.6342 18.4C11.0113 18.4 10.326 19.2889 9.57839 21.0667C8.86196 22.8148 8.19225 25.2 7.56926 28.2222C6.94628 31.2444 6.47904 34.5481 6.16755 38.1333C8.2234 34.5481 9.85873 31.3926 11.0736 28.6667C12.3195 25.9111 12.9425 23.4667 12.9425 21.3333C12.9425 20.3852 12.8179 19.6593 12.5687 19.1556C12.3507 18.6519 12.0392 18.4 11.6342 18.4ZM9.2046 51.2889C10.1702 51.2889 11.0268 50.9037 11.7744 50.1333C12.522 49.363 13.0204 48.2519 13.2696 46.8C12.3039 46.1778 11.5564 45.363 11.0268 44.3556C10.5284 43.3481 10.2792 42.2815 10.2792 41.1556C10.2792 40.7407 10.3415 40.1778 10.4661 39.4667H10.326C9.04885 39.4667 7.97421 40.0741 7.10203 41.2889C6.261 42.4741 5.84048 44.0741 5.84048 46.0889C5.84048 47.7778 6.16755 49.0667 6.82168 49.9556C7.50697 50.8444 8.30127 51.2889 9.2046 51.2889ZM56.3373 28.6667C55.1225 31.3926 53.4871 34.5481 51.4313 38.1333C51.7428 34.5481 52.21 31.2444 52.833 28.2222C53.456 25.2 54.1257 22.8148 54.8421 21.0667C55.5897 19.2889 56.275 18.4 56.898 18.4C57.3029 18.4 57.6144 18.6519 57.8325 19.1556C58.0816 19.6593 58.2062 20.3852 58.2062 21.3333C58.2062 23.4667 57.5833 25.9111 56.3373 28.6667ZM57.0381 49.5556C56.3217 50.6519 55.434 51.2 54.3749 51.2C53.4404 51.2 52.6617 50.8 52.0387 50C51.4157 49.1704 51.1042 47.8667 51.1042 46.0889C51.1042 44.0444 51.478 42.4889 52.2256 41.4222C52.9732 40.3556 53.8921 39.8222 54.9823 39.8222C55.8545 39.8222 56.6021 40.237 57.225 41.0667C57.848 41.8963 58.1595 43.1259 58.1595 44.7556C58.1595 46.8593 57.7857 48.4593 57.0381 49.5556Z"/>
                     </svg>
                     `
+            },
+            mining: {
+                icon: `<svg class="icon" width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path fill-rule="evenodd" clip-rule="evenodd" d="M22.0861 14.6534C22.3924 14.3472 22.7898 14.1486 23.2186 14.0876L44.6946 11.0319C45.2676 10.9504 45.8455 11.1432 46.2547 11.5524C47.2381 12.5358 46.8168 14.2128 45.4853 14.6146L28.6869 19.6843C28.3711 19.7796 28.0838 19.9515 27.8505 20.1848L27.0092 21.0261L28.3236 22.3404C29.0306 23.0475 29.0976 24.1522 28.5245 24.9346L52.2562 48.6662C53.0372 49.4473 53.0372 50.7136 52.2562 51.4946L51.4947 52.2561C50.7137 53.0372 49.4473 53.0372 48.6663 52.2561L24.9346 28.5245C24.1522 29.0976 23.0475 29.0306 22.3404 28.3236L21.0261 27.0092L20.1848 27.8505C19.9515 28.0838 19.7796 28.3711 19.6843 28.6869L14.6146 45.4853C14.2128 46.8168 12.5358 47.2381 11.5524 46.2547C11.1432 45.8455 10.9504 45.2675 11.0319 44.6946L14.0876 23.2186C14.1486 22.7898 14.3472 22.3924 14.6534 22.0861L15.3949 21.3447C14.8777 20.6386 14.8818 19.67 15.4072 18.9681C14.8209 18.1848 14.8837 17.0693 15.5958 16.3572L16.3573 15.5958C17.0694 14.8837 18.1848 14.8208 18.9681 15.4072C19.6701 14.8818 20.6386 14.8777 21.3447 15.3949L22.0861 14.6534Z"/>
+                    </svg>`
             }
         }
 
         function formatAmount(amount) {
-            return amount.toLocaleString(`en-IN`, { style: 'currency', currency: 'INR' })
+            return amount.toLocaleString(`en-IN`, { style: 'currency', currency: 'INR', maximumFractionDigits: 5 })
         }
         const render = {
             listedAsset(name, rate) {
@@ -1139,7 +1144,7 @@
             const selectedAsset = pagesData.params.asset
             getRef('get_price').setAttribute('placeholder', tradeType === 'buy' ? 'Max price' : 'Min price')
             getRef('trade_button').textContent = `${tradeType} ${selectedAsset}`
-            getRef('quantity_type').textContent = tradeType === 'buy' ? formatAmount(allTokens.rupee.net) : `${parseFloat(allTokens[selectedAsset].net.toFixed(3))} ${selectedAsset}`
+            getRef('quantity_type').textContent = tradeType === 'buy' ? formatAmount(allTokens.rupee.net) : `${parseFloat(allTokens[selectedAsset].net.toFixed(4))} ${selectedAsset}`
 
             getRef('quantity_selector').querySelectorAll('.button').forEach(button => {
                 if (tradeType === 'buy') {
@@ -1189,11 +1194,11 @@
                 const fraction = parseFloat(target.value)
                 const selectedAsset = pagesData.params.asset
                 if (tradeType === 'buy') {
-                    console.log(parseFloat((fraction * allTokens['rupee'].net).toFixed(2)), parseFloat(((allTokens['rupee'].net * fraction) / unitValue).toFixed(4)))
-                    getRef('get_total').value = parseFloat((fraction * allTokens['rupee'].net).toFixed(2))
+                    console.log(parseFloat((fraction * allTokens['rupee'].net).toFixed(4)), parseFloat(((allTokens['rupee'].net * fraction) / unitValue).toFixed(4)))
+                    getRef('get_total').value = parseFloat((fraction * allTokens['rupee'].net).toFixed(4))
                     getRef('get_quantity').value = parseFloat(((allTokens['rupee'].net * fraction) / unitValue).toFixed(4))
                 } else {
-                    getRef('get_total').value = parseFloat((fraction * allTokens[selectedAsset].net * floGlobals.exchangeRates[selectedAsset]).toFixed(2))
+                    getRef('get_total').value = parseFloat((fraction * allTokens[selectedAsset].net * floGlobals.exchangeRates[selectedAsset]).toFixed(4))
                     getRef('get_quantity').value = parseFloat((allTokens[selectedAsset].net * fraction).toFixed(4))
                 }
             }
@@ -1201,11 +1206,11 @@
         getRef('get_price').addEventListener('keyup', e => {
             const unitValue = parseFloat(getRef('get_price').value) || floGlobals.exchangeRates[pagesData.params.asset]
             const quantity = parseFloat(getRef('get_quantity').value) || 0
-            getRef('get_total').value = parseFloat((quantity * unitValue).toFixed(2)) || 0
+            getRef('get_total').value = parseFloat((quantity * unitValue).toFixed(4)) || 0
         })
         getRef('get_quantity').addEventListener('keyup', e => {
             const unitValue = parseFloat(getRef('get_price').value)
-            getRef('get_total').value = parseFloat((parseFloat(e.target.value) * unitValue).toFixed(2)) || 0
+            getRef('get_total').value = parseFloat((parseFloat(e.target.value) * unitValue).toFixed(4)) || 0
         })
         getRef('get_total').addEventListener('keyup', e => {
             const unitValue = parseFloat(getRef('get_price').value)
@@ -1222,8 +1227,8 @@
                 getRef('wallet_popup__cta').textContent = `${type} ${asset}`
                 getRef('wallet_popup__cta').setAttribute('value', type)
                 getRef('wallet_popup__title').textContent = `${type} ${asset}`
-                getRef('get_user_amount').setAttribute('step', asset === 'rupee' ? '0.01' : '0.0001')
-                getRef('get_user_amount').setAttribute('min', asset === 'rupee' ? '0.01' : '0.0001')
+                getRef('get_user_amount').setAttribute('step', asset === 'rupee' ? '0.01' : '0.00001')
+                getRef('get_user_amount').setAttribute('min', asset === 'rupee' ? '0.01' : '0.00001')
                 if (type === 'withdraw') {
                     getRef('get_private_key').classList.add('hide')
                     getRef('wallet_quantity_selector').classList.remove('hide')
@@ -1761,7 +1766,7 @@
                         }));
                     })
                 }
-                getRef('get_price').value = parseFloat(parseFloat(rates["FLO"]).toFixed(2))
+                getRef('get_price').value = parseFloat(parseFloat(rates["FLO"]).toFixed(4))
             }).catch(error => console.error(error))
         }
 

From 7e70902971d4bbc72299b41633e525d9b1ccf009 Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Thu, 31 Mar 2022 00:51:10 +0530
Subject: [PATCH 010/168] updating

---
 docs/scripts/floExchangeAPI.js | 10 +++++++
 src/app.js                     |  1 +
 src/coupling.js                |  2 +-
 src/market.js                  | 20 +++++++++++---
 src/price.js                   | 50 ++++++++++++++++++++++++++++++----
 src/request.js                 | 20 ++++++++++++++
 6 files changed, 93 insertions(+), 10 deletions(-)

diff --git a/docs/scripts/floExchangeAPI.js b/docs/scripts/floExchangeAPI.js
index 8fac499..dd40c14 100644
--- a/docs/scripts/floExchangeAPI.js
+++ b/docs/scripts/floExchangeAPI.js
@@ -577,6 +577,16 @@
         });
     }
 
+    exchangeAPI.getRateHistory = function(asset, duration = null) {
+        return new Promise((resolve, reject) => {
+            fetch_api('/rate-history?asset=' + asset + (duration ? '&duration=' + duration : ""))
+                .then(result => responseParse(result)
+                    .then(result => resolve(result))
+                    .catch(error => reject(error)))
+                .catch(error => reject(error));
+        });
+    }
+
     exchangeAPI.getBalance = function(floID = null, token = null) {
         return new Promise((resolve, reject) => {
             if (!floID && !token)
diff --git a/src/app.js b/src/app.js
index ac5ec04..a461304 100644
--- a/src/app.js
+++ b/src/app.js
@@ -75,6 +75,7 @@ module.exports = function App(secret, DB) {
 
     //get rates, balance and tx
     app.get('/get-rates', Request.GetRates);
+    app.get('/rate-history', Request.GetRateHistory);
     app.get('/get-balance', Request.GetBalance);
     app.get('/get-transaction', Request.GetTransaction);
 
diff --git a/src/coupling.js b/src/coupling.js
index ebca484..56a92cb 100644
--- a/src/coupling.js
+++ b/src/coupling.js
@@ -11,7 +11,7 @@ var DB; //container for database
 
 function startCouplingForAsset(asset) {
     price.getRates(asset).then(cur_rate => {
-        cur_rate = cur_rate.toFixed(3);
+        cur_rate = cur_rate.toFixed(8);
         group.getBestPairs(asset, cur_rate)
             .then(bestPairQueue => processCoupling(bestPairQueue))
             .catch(error => console.error("initiateCoupling", error))
diff --git a/src/market.js b/src/market.js
index bd6bd28..d438c7e 100644
--- a/src/market.js
+++ b/src/market.js
@@ -30,6 +30,17 @@ function logout(floID) {
     })
 }
 
+function getRateHistory(asset, duration) {
+    return new Promise((resolve, reject) => {
+        if (!asset || !assetList.includes(asset))
+            reject(INVALID(`Invalid asset(${asset})`));
+        else
+            coupling.price.getHistory(asset, duration)
+            .then(result => resolve(result))
+            .catch(error => reject(error))
+    })
+}
+
 function getBalance(floID, token) {
     return new Promise((resolve, reject) => {
         if (floID && !floCrypto.validateAddr(floID))
@@ -58,7 +69,7 @@ getBalance.floID_token = (floID, token) => new Promise((resolve, reject) => {
     ).then(result => resolve({
         floID,
         token,
-        balance: result[0].balance.toFixed(4)
+        balance: result[0].balance.toFixed(8)
     })).catch(error => reject(error))
 });
 
@@ -71,9 +82,9 @@ getBalance.floID = (floID) => new Promise((resolve, reject) => {
             floID,
             balance: {}
         };
-        response.balance[floGlobals.currency] = result[0][0].balance.toFixed(4);
+        response.balance[floGlobals.currency] = result[0][0].balance.toFixed(8);
         for (let row of result[1])
-            response.balance[row.asset] = row.balance.toFixed(4);
+            response.balance[row.asset] = row.balance.toFixed(8);
         resolve(response);
     }).catch(error => reject(error))
 });
@@ -88,7 +99,7 @@ getBalance.token = (token) => new Promise((resolve, reject) => {
             balance: {}
         };
         for (let row of result)
-            response.balance[row.floID] = row.balance.toFixed(4);
+            response.balance[row.floID] = row.balance.toFixed(8);
         resolve(response);
     }).catch(error => reject(error))
 });
@@ -621,6 +632,7 @@ module.exports = {
     addBuyOrder,
     addSellOrder,
     cancelOrder,
+    getRateHistory,
     getBalance,
     getAccountDetails,
     getTransactionDetails,
diff --git a/src/price.js b/src/price.js
index c2e439d..3c6e91a 100644
--- a/src/price.js
+++ b/src/price.js
@@ -20,14 +20,14 @@ var currentRate = {}, //container for FLO price (from API or by model)
 const updateLastTime = asset => lastTime[asset] = Date.now();
 
 //store FLO price in DB every 1 hr
-function storeRate(asset, rate) {
-    DB.query("INSERT INTO PriceHistory (asset, rate) VALUE (?, ?)", [asset, rate.toFixed(3)])
+function storeHistory(asset, rate) {
+    DB.query("INSERT INTO PriceHistory (asset, rate) VALUE (?, ?)", [asset, rate.toFixed(8)])
         .then(_ => null).catch(error => console.error(error))
 }
 setInterval(() => {
     for (let asset in currentRate)
-        storeRate(asset, currentRate[asset]);
-}, REC_HISTORY_INTERVAL)
+        storeHistory(asset, currentRate[asset]);
+}, REC_HISTORY_INTERVAL);
 
 function getPastRate(asset, hrs = 24) {
     return new Promise((resolve, reject) => {
@@ -37,6 +37,45 @@ function getPastRate(asset, hrs = 24) {
     });
 }
 
+function getHistory(asset, duration) {
+    return new Promise((resolve, reject) => {
+        duration = getHistory.validateDuration(duration);
+        let statement = "SELECT " +
+            (!duration || duration.endsWith("month") || duration.endsWith("year") ? "DATE(rec_time) AS time, AVG(rate) as rate" : "rec_time AS time, rate") +
+            " FROM PriceHistory WHERE asset=?" + (duration ? " AND rec_time >= NOW() - INTERVAL " + duration : "") +
+            (!duration || duration.endsWith("month") || duration.endsWith("year") ? " GROUP BY time" : "") +
+            " ORDER BY time";
+        DB.query(statement, asset)
+            .then(result => resolve(result))
+            .catch(error => reject(error))
+    });
+}
+
+getHistory.validateDuration = duration => {
+    let n = duration.match(/\d+/g),
+        d = duration.match(/\D+/g);
+    n = n ? n[0] || 1 : 1;
+    d = d ? d[0].replace(/[-\s]/g, '') : "";
+    switch (d.toLowerCase()) {
+        case "day":
+        case "days":
+            return n + " day";
+        case "week":
+        case "weeks":
+            return n + " week";
+        case "month":
+        case "months":
+            return n + " month";
+        case "year":
+        case "years":
+            return n + " year";
+        case "alltime":
+            return null;
+        default:
+            return '1 day';
+    }
+}
+
 function loadRate(asset) {
     return new Promise((resolve, reject) => {
         if (typeof currentRate[asset] !== "undefined")
@@ -60,7 +99,7 @@ function fetchRates() {
             fetchRates.USD_INR().then(INR_rate => {
                 let FLO_INR_rate = FLO_rate * INR_rate;
                 console.debug('Rates:', FLO_rate, INR_rate, FLO_INR_rate);
-                storeRate(FLO_INR_rate);
+                storeHistory(FLO_INR_rate);
                 resolve(FLO_INR_rate);
             }).catch(error => reject(error))
         }).catch(error => reject(error))
@@ -153,6 +192,7 @@ function checkForRatedSellers(asset) {
 
 module.exports = {
     getRates,
+    getHistory,
     updateLastTime,
     noOrder(asset, buy, sell) {
         noBuyOrder[asset] = buy;
diff --git a/src/request.js b/src/request.js
index 424ccfb..d9ad6b7 100644
--- a/src/request.js
+++ b/src/request.js
@@ -334,6 +334,25 @@ function GetRates(req, res) {
 
 }
 
+function GetRateHistory(req, res) {
+    if (!serving)
+        res.status(INVALID.e_code).send(INVALID_SERVER_MSG);
+    else {
+        let asset = req.query.asset,
+            duration = req.query.duration || "";
+        market.getRateHistory(asset, duration)
+            .then(result => res.send(result))
+            .catch(error => {
+                if (error instanceof INVALID)
+                    res.status(INVALID.e_code).send(error.message);
+                else {
+                    console.error(error);
+                    res.status(INTERNAL.e_code).send("Unable to process! Try again later!");
+                }
+            });
+    }
+}
+
 function GetTransaction(req, res) {
     if (!serving)
         res.status(INVALID.e_code).send(INVALID_SERVER_MSG);
@@ -385,6 +404,7 @@ module.exports = {
     ListBuyOrders,
     ListTradeTransactions,
     GetRates,
+    GetRateHistory,
     GetTransaction,
     GetBalance,
     Account,

From d060d573cfabc3c01e2dfcce6384a149f1597ad8 Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Thu, 31 Mar 2022 18:50:19 +0530
Subject: [PATCH 011/168] Adding charting feature

---
 docs/css/components.js |   3 ++
 docs/css/main.css      |  46 +++++++++++++++---
 docs/css/main.min.css  |   2 +-
 docs/css/main.scss     |  47 ++++++++++++++----
 docs/index.html        | 106 ++++++++++++++++++++++++++++++++++++++---
 5 files changed, 182 insertions(+), 22 deletions(-)

diff --git a/docs/css/components.js b/docs/css/components.js
index ab48ccc..9753e20 100644
--- a/docs/css/components.js
+++ b/docs/css/components.js
@@ -1544,6 +1544,9 @@ class ThemeToggle extends HTMLElement {
     static get observedAttributes() {
         return ['checked'];
     }
+    get theme() {
+        return this.hasTheme;
+    }
 
     daylight() {
         this.hasTheme = 'light';
diff --git a/docs/css/main.css b/docs/css/main.css
index 26865fb..a9ac69e 100644
--- a/docs/css/main.css
+++ b/docs/css/main.css
@@ -457,8 +457,8 @@ details[open] > summary .icon {
 
 strip-select {
   --gap: 0;
-  background-color: var(--accent-color--light);
-  border-radius: 0.3rem;
+  background-color: rgba(var(--text-color), 0.06);
+  border-radius: 0.2rem;
 }
 
 strip-option {
@@ -469,10 +469,10 @@ strip-option {
   --active-option-background-color: var(--accent-color);
 }
 strip-option:first-of-type {
-  --border-radius: 0.3rem 0 0 0.3rem;
+  --border-radius: 0.2rem 0 0 0.2rem;
 }
 strip-option:last-of-type {
-  --border-radius: 0 0.3rem 0.3rem 0;
+  --border-radius: 0 0.2rem 0.2rem 0;
 }
 
 sm-select,
@@ -1049,9 +1049,9 @@ sm-checkbox {
 
   #home {
     display: grid;
-    grid-template-columns: 12rem 1fr;
+    grid-template-columns: auto 1fr;
     grid-template-rows: auto 1fr;
-    grid-template-areas: "header header" "nav .";
+    grid-template-areas: "header header" "nav pages";
   }
 
   #main_header {
@@ -1084,13 +1084,33 @@ sm-checkbox {
     background-color: rgba(var(--text-color), 0.06);
   }
 
+  #pages_container {
+    grid-area: pages;
+  }
+
+  .is-signed-in #exchange {
+    display: flex;
+    width: 100%;
+  }
   .is-signed-in #exchange_wrapper {
     display: grid;
+    width: 100%;
+    height: 100%;
     gap: 1.5rem;
-    grid-template-columns: 16rem 1fr;
+    grid-template-columns: 16rem minmax(0, 1fr);
     align-items: flex-start;
   }
 
+  #price_history_chart {
+    overflow: hidden;
+    border-radius: 0.5rem;
+    height: 20rem;
+  }
+
+  #asset_list_wrapper {
+    grid-row: 1/3;
+  }
+
   .listed-asset {
     padding: 1rem;
   }
@@ -1107,10 +1127,22 @@ sm-checkbox {
     background-color: var(--accent-color);
   }
 }
+@media screen and (max-width: 64rem) and (min-width: 40rem) {
+  .main_navbar__item .icon {
+    margin-right: 0;
+  }
+  .main_navbar__item .item__title {
+    display: none;
+  }
+}
 @media screen and (min-width: 72rem) {
   .page-layout {
     grid-template-columns: 1fr 80vw 1fr;
   }
+
+  .is-signed-in #exchange_wrapper {
+    grid-template-columns: 16rem minmax(0, 1fr) 20rem;
+  }
 }
 @media screen and (min-width: 120rem) {
   .page-layout {
diff --git a/docs/css/main.min.css b/docs/css/main.min.css
index 85b8b28..12a084b 100644
--- a/docs/css/main.min.css
+++ b/docs/css/main.min.css
@@ -1 +1 @@
-*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #504dff;--text-color: 20, 20, 20;--background-color: 240, 240, 240;--foreground-color: 250, 250, 250;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a3a1ff;--text-color: 220, 220, 220;--background-color: 10, 10, 10;--foreground-color: 24, 24, 24;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{color:var(--accent-color)}button,.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;cursor:pointer;transition:transform .3s;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.button{white-space:nowrap;padding:.6rem 1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.06);color:rgba(var(--text-color), 0.8);justify-content:center}.button--primary{background-color:var(--accent-color);color:rgba(var(--background-color), 1)}button:disabled{opacity:.5}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}ul{list-style:none}.flex{display:flex}.grid{display:grid}.hide{opacity:0;pointer-events:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.breakable{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.h1{font-size:1.5rem}.h2{font-size:1.2rem}.h3{font-size:1rem}.h4{font-size:.9rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.empty-state{display:grid;justify-content:center;text-align:center;width:100%;max-width:none;padding:1.5rem}.observe-empty-state:empty{display:none}.observe-empty-state:not(:empty)+.empty-state{display:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.button__icon--left{margin-right:.5rem}.button__icon--right{margin-left:.5rem}.icon-only{padding:.6rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem 0 .5rem;align-items:center;grid-template-columns:auto 1fr auto}.popup__header__close{padding:.5rem;cursor:pointer}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;width:100%;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:1rem}.logo h4{text-transform:capitalize;font-size:.9rem;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}details[open]>summary{margin-bottom:1rem}details[open]>summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:var(--accent-color--light);border-radius:.3rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.3rem 0 0 0.3rem}strip-option:last-of-type{--border-radius: 0 0.3rem 0.3rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up sm-copy{font-size:.9rem;--button-border-radius: 0.5rem}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:grid;gap:1rem;padding:1.5rem;width:100%;align-items:center;grid-template-columns:1fr auto auto;grid-column:1/-1}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto;padding:0 1.5rem}#pages_container>*{width:min(42rem,100%)}.listed-asset{position:relative;grid-template-columns:auto 1fr auto;gap:.5rem;padding:1rem 0;border-radius:.5rem;opacity:.8;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit}.listed-asset__icon{display:flex}.listed-asset__icon .icon{height:1.5rem;width:1.5rem}#flo_rate{font-weight:700}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#my_orders,#market{width:min(42rem,100%);grid-template-rows:auto 1fr}#my_orders .icon,#market .icon{height:1.2rem;width:1.2rem}#orders_section__header--primary sm-tab-header{--gap: 1.5rem}#orders_section__header--primary sm-tab{font-size:.9rem;--padding: 0.8rem 0}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:.5rem 1.5rem .5rem .5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{padding:1rem;cursor:pointer}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.transaction-card{grid-template-columns:repeat(3, 1fr) 2rem}.transaction-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type{color:var(--green)}.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type{color:var(--danger-color)}.transaction-card__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.transaction-card__quantity,.transaction-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}#market_orders_list .list__header{font-size:.8rem;font-weight:500}#market_orders_list .list__header div{padding:.5rem 0}#market_orders_list .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}#wallet{gap:1.5rem;align-content:flex-start;width:min(24rem,100%)}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}.balance-card{display:grid;align-items:center;gap:.3rem .5rem;border-radius:.5rem}.balance-card.is-locked{grid-template-columns:auto 1fr;gap:1rem}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:span 2;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.hide-on-mobile{display:none}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.h1{font-size:2rem}.h2{font-size:1.8rem}.h3{font-size:1.3rem}.h4{font-size:1rem}.popup__header{padding:1rem 1.5rem 0 .5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.hide-on-desktop{display:none}#home{display:grid;grid-template-columns:12rem 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav ."}#main_header{grid-area:header}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding:0 .5rem}.main_navbar__item{padding:1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}.is-signed-in #exchange_wrapper{display:grid;gap:1.5rem;grid-template-columns:16rem 1fr;align-items:flex-start}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{opacity:0;transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}.transaction-card button{opacity:0;transition:opacity .3s}.transaction-card:hover button{opacity:1}}
\ No newline at end of file
+*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #504dff;--text-color: 20, 20, 20;--background-color: 240, 240, 240;--foreground-color: 250, 250, 250;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a3a1ff;--text-color: 220, 220, 220;--background-color: 10, 10, 10;--foreground-color: 24, 24, 24;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{color:var(--accent-color)}button,.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;cursor:pointer;transition:transform .3s;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.button{white-space:nowrap;padding:.6rem 1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.06);color:rgba(var(--text-color), 0.8);justify-content:center}.button--primary{background-color:var(--accent-color);color:rgba(var(--background-color), 1)}button:disabled{opacity:.5}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}ul{list-style:none}.flex{display:flex}.grid{display:grid}.hide{opacity:0;pointer-events:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.breakable{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.h1{font-size:1.5rem}.h2{font-size:1.2rem}.h3{font-size:1rem}.h4{font-size:.9rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.empty-state{display:grid;justify-content:center;text-align:center;width:100%;max-width:none;padding:1.5rem}.observe-empty-state:empty{display:none}.observe-empty-state:not(:empty)+.empty-state{display:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.button__icon--left{margin-right:.5rem}.button__icon--right{margin-left:.5rem}.icon-only{padding:.6rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem 0 .5rem;align-items:center;grid-template-columns:auto 1fr auto}.popup__header__close{padding:.5rem;cursor:pointer}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;width:100%;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:1rem}.logo h4{text-transform:capitalize;font-size:.9rem;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}details[open]>summary{margin-bottom:1rem}details[open]>summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up sm-copy{font-size:.9rem;--button-border-radius: 0.5rem}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:grid;gap:1rem;padding:1.5rem;width:100%;align-items:center;grid-template-columns:1fr auto auto;grid-column:1/-1}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto;padding:0 1.5rem}#pages_container>*{width:min(42rem,100%)}.listed-asset{position:relative;grid-template-columns:auto 1fr auto;gap:.5rem;padding:1rem 0;border-radius:.5rem;opacity:.8;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit}.listed-asset__icon{display:flex}.listed-asset__icon .icon{height:1.5rem;width:1.5rem}#flo_rate{font-weight:700}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#my_orders,#market{width:min(42rem,100%);grid-template-rows:auto 1fr}#my_orders .icon,#market .icon{height:1.2rem;width:1.2rem}#orders_section__header--primary sm-tab-header{--gap: 1.5rem}#orders_section__header--primary sm-tab{font-size:.9rem;--padding: 0.8rem 0}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:.5rem 1.5rem .5rem .5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{padding:1rem;cursor:pointer}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.transaction-card{grid-template-columns:repeat(3, 1fr) 2rem}.transaction-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type{color:var(--green)}.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type{color:var(--danger-color)}.transaction-card__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.transaction-card__quantity,.transaction-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}#market_orders_list .list__header{font-size:.8rem;font-weight:500}#market_orders_list .list__header div{padding:.5rem 0}#market_orders_list .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}#wallet{gap:1.5rem;align-content:flex-start;width:min(24rem,100%)}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}.balance-card{display:grid;align-items:center;gap:.3rem .5rem;border-radius:.5rem}.balance-card.is-locked{grid-template-columns:auto 1fr;gap:1rem}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:span 2;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.hide-on-mobile{display:none}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.h1{font-size:2rem}.h2{font-size:1.8rem}.h3{font-size:1.3rem}.h4{font-size:1rem}.popup__header{padding:1rem 1.5rem 0 .5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.hide-on-desktop{display:none}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding:0 .5rem}.main_navbar__item{padding:1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:16rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{overflow:hidden;border-radius:.5rem;height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (max-width: 64rem)and (min-width: 40rem){.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}.is-signed-in #exchange_wrapper{grid-template-columns:16rem minmax(0, 1fr) 20rem}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{opacity:0;transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}.transaction-card button{opacity:0;transition:opacity .3s}.transaction-card:hover button{opacity:1}}
\ No newline at end of file
diff --git a/docs/css/main.scss b/docs/css/main.scss
index f02235f..76b73f0 100644
--- a/docs/css/main.scss
+++ b/docs/css/main.scss
@@ -443,8 +443,8 @@ details {
 }
 strip-select {
   --gap: 0;
-  background-color: var(--accent-color--light);
-  border-radius: 0.3rem;
+  background-color: rgba(var(--text-color), 0.06);
+  border-radius: 0.2rem;
 }
 strip-option {
   font-weight: 500;
@@ -453,10 +453,10 @@ strip-option {
   --active-option-color: rgba(var(--background-color), 1);
   --active-option-background-color: var(--accent-color);
   &:first-of-type {
-    --border-radius: 0.3rem 0 0 0.3rem;
+    --border-radius: 0.2rem 0 0 0.2rem;
   }
   &:last-of-type {
-    --border-radius: 0 0.3rem 0.3rem 0;
+    --border-radius: 0 0.2rem 0.2rem 0;
   }
 }
 sm-select,
@@ -973,9 +973,9 @@ sm-checkbox {
   }
   #home {
     display: grid;
-    grid-template-columns: 12rem 1fr;
+    grid-template-columns: auto 1fr;
     grid-template-rows: auto 1fr;
-    grid-template-areas: "header header" "nav .";
+    grid-template-areas: "header header" "nav pages";
   }
   #main_header {
     grid-area: header;
@@ -1004,14 +1004,32 @@ sm-checkbox {
       background-color: rgba(var(--text-color), 0.06);
     }
   }
+  #pages_container {
+    grid-area: pages;
+  }
   .is-signed-in {
+    #exchange {
+      display: flex;
+      width: 100%;
+    }
     #exchange_wrapper {
       display: grid;
+      width: 100%;
+      height: 100%;
       gap: 1.5rem;
-      grid-template-columns: 16rem 1fr;
+      grid-template-columns: 16rem minmax(0, 1fr);
       align-items: flex-start;
     }
   }
+  #price_history_chart {
+    overflow: hidden;
+    border-radius: 0.5rem;
+    height: 20rem;
+    // grid-column: 1/-1;
+  }
+  #asset_list_wrapper {
+    grid-row: 1/3;
+  }
   .listed-asset {
     padding: 1rem;
     &--active {
@@ -1028,12 +1046,25 @@ sm-checkbox {
     }
   }
 }
-@media screen and (max-width: 64rem) {
+@media screen and (max-width: 64rem) and (min-width: 40rem) {
+  .main_navbar__item {
+    .icon {
+      margin-right: 0;
+    }
+    .item__title {
+      display: none;
+    }
+  }
 }
 @media screen and (min-width: 72rem) {
   .page-layout {
     grid-template-columns: 1fr 80vw 1fr;
   }
+  .is-signed-in {
+    #exchange_wrapper {
+      grid-template-columns: 16rem minmax(0, 1fr) 20rem;
+    }
+  }
 }
 @media screen and (min-width: 120rem) {
   .page-layout {
diff --git a/docs/index.html b/docs/index.html
index 026b1d7..2f1eb02 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -18,6 +18,7 @@
     <script src="scripts/floBlockchainAPI.js"></script>
     <script src="scripts/floTokenAPI.js"></script>
     <script src="scripts/floExchangeAPI.js"></script>
+    <script src="https://unpkg.com/lightweight-charts/dist/lightweight-charts.standalone.production.js"></script>
     <script>console.debug(floExchangeAPI);</script>
 </head>
 
@@ -54,7 +55,7 @@
                     <h4>RanchiMall Market</h4>
                 </div>
             </div>
-            <theme-toggle></theme-toggle>
+            <theme-toggle id="theme_toggle"></theme-toggle>
             <button id="user_popup_button" class="hide" onclick="showPopup('user_popup')">
                 <svg xmlns="http://www.w3.org/2000/svg" class="icon" height="24px" viewBox="0 0 24 24" width="24px"
                     fill="#000000">
@@ -93,10 +94,36 @@
                     <sm-button onclick="floExchangeAPI.clearAllLocalData()">clear local data</sm-button>
                 </sm-form>
                 <section id="exchange_wrapper">
-                    <div id="asset_list-wrapper" class="grid gap-1 align-start hide user-content">
+                    <div id="asset_list_wrapper" class="grid gap-1 align-start hide user-content">
                         <h4>Tokens</h4>
                         <ul id="listed_assets" class="user-content hide"></ul>
                     </div>
+                    <div id="price_chart_wrapper" class="flex direction-column gap-0-5">
+                        <div class="flex align-center space-between" style="z-index: 5;">
+                            <h4 id="chart_asset"></h4>
+                            <div class="flex align-center justify-right gap-0-5">
+                                <sm-select>
+                                    <sm-option value="1">1</sm-option>
+                                    <sm-option value="2">2</sm-option>
+                                    <sm-option value="3">3</sm-option>
+                                    <sm-option value="4">4</sm-option>
+                                    <sm-option value="5">5</sm-option>
+                                    <sm-option value="6">6</sm-option>
+                                    <sm-option value="7">7</sm-option>
+                                </sm-select>
+                                <strip-select>
+                                    <strip-option value="day" selected>D</strip-option>
+                                    <strip-option value="week">W</strip-option>
+                                    <strip-option value="month">M</strip-option>
+                                    <strip-option value="year">Y</strip-option>
+                                    <strip-option value="all-time">ALL</strip-option>
+                                </strip-select>
+                            </div>
+                        </div>
+                        <div class="flex" style="position: relative;">
+                            <div id="price_history_chart"></div>
+                        </div>
+                    </div>
                     <sm-form id="trade_form" class="user-content hide hide-on-mobile">
                         <div class="flex space-between align-center">
                             <a href="#/exchange" class="button icon-only hide-on-desktop">
@@ -853,7 +880,48 @@
             lastPage: '',
             params: {}
         }
+        function getChartTheme() {
+            const theme = getRef('theme_toggle').value
+            const textColor = window.getComputedStyle(document.body).getPropertyValue('--text-color')
+            const accentColor = theme === 'dark' ? '#a3a1ff' : '#504dff'
+            return {
+                chart: {
+                    layout: {
+                        backgroundColor: `rgba(${textColor}, 0.01)`,
+                        lineColor: `rgba(${textColor}, 0.1)`,
+                        textColor: `rgba(${textColor}, 0.8)`,
+                    },
+                    watermark: {
+                        color: 'rgba(0, 0, 0, 0)',
+                    },
+                    crosshair: {
+                        color: '#758696',
+                    },
+                    grid: {
+                        vertLines: {
+                            color: '#2B2B43',
+                        },
+                        horzLines: {
+                            color: '#363C4E',
+                        },
+                    },
+                },
+                series: {
+                    color: accentColor
+                }
+            }
+        }
+        function setChartTheme(e) {
+            const themeToApply = getChartTheme()
+            chart.applyOptions(themeToApply.chart);
+            lineSeries.applyOptions(themeToApply.series);
+        }
 
+        document.addEventListener('themechange', setChartTheme)
+
+
+        let chart
+        let lineSeries
         async function showPage(targetPage, options = {}) {
             const { firstLoad, hashChange } = options
             let pageId
@@ -896,6 +964,7 @@
                         if (getRef('listed_assets').querySelector('.listed-asset--active'))
                             getRef('listed_assets').querySelector('.listed-asset--active').classList.remove('listed-asset--active')
                         getRef('listed_assets').querySelector(`[href="#/exchange?asset=${params.asset}"]`).classList.add('listed-asset--active')
+                        getRef('chart_asset').textContent = `${params.asset}/INR`
                         getRef('get_price').value = parseFloat(floGlobals.exchangeRates[params.asset].toFixed(4))
                         getRef('traded_asset').textContent = `Trade ${params.asset}`
                         getRef('trade_button').textContent = `${tradeType} ${params.asset}`
@@ -909,12 +978,37 @@
                         })
                     }
                     if (params.hasOwnProperty('asset') && params.asset !== '') {
-                        getRef('exchange_wrapper').children[0].classList.add('hide-on-mobile')
-                        getRef('exchange_wrapper').children[1].classList.remove('hide-on-mobile')
+                        getRef('asset_list_wrapper').classList.add('hide-on-mobile')
+                        getRef('trade_form').classList.remove('hide-on-mobile')
+
+                        if (firstLoad) {
+                            chart = LightweightCharts.createChart(getRef('price_history_chart'), {
+                                width: 800, height: 600,
+                                timeScale: {
+                                    timeVisible: true,
+                                },
+                            });
+                            lineSeries = chart.addLineSeries();
+                            setChartTheme()
+                        }
+                        floExchangeAPI.getRateHistory(params.asset, '2 weeks').then(data => {
+                            data = data.map(({ time, rate }) => {
+                                return {
+                                    time: new Date(time).getTime() / 1000,
+                                    value: rate
+                                }
+                            })
+                            lineSeries.setData(data);
+                            new ResizeObserver(entries => {
+                                const { width, height } = entries[0].contentRect;
+                                chart.applyOptions({ width, height });
+                            }).observe(getRef('price_history_chart').parentNode);
+                        })
                     } else {
-                        getRef('exchange_wrapper').children[1].classList.add('hide-on-mobile')
-                        getRef('exchange_wrapper').children[0].classList.remove('hide-on-mobile')
+                        getRef('asset_list_wrapper').classList.remove('hide-on-mobile')
+                        getRef('trade_form').classList.add('hide-on-mobile')
                     }
+
                     break;
                 case 'my_orders':
                     break;

From 883a69824895ae0fd3efdb10d108fc2dceede44a Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Thu, 31 Mar 2022 22:51:09 +0530
Subject: [PATCH 012/168] Added dynamic asset balance rendering

---
 docs/css/main.css     |   5 ++
 docs/css/main.min.css |   2 +-
 docs/css/main.scss    |   5 ++
 docs/index.html       | 154 ++++++++++++++++++++----------------------
 4 files changed, 83 insertions(+), 83 deletions(-)

diff --git a/docs/css/main.css b/docs/css/main.css
index a9ac69e..426c93c 100644
--- a/docs/css/main.css
+++ b/docs/css/main.css
@@ -1135,6 +1135,11 @@ sm-checkbox {
     display: none;
   }
 }
+@media screen and (min-width: 64rem) {
+  #home {
+    grid-template-columns: 10rem 1fr;
+  }
+}
 @media screen and (min-width: 72rem) {
   .page-layout {
     grid-template-columns: 1fr 80vw 1fr;
diff --git a/docs/css/main.min.css b/docs/css/main.min.css
index 12a084b..bcf73e1 100644
--- a/docs/css/main.min.css
+++ b/docs/css/main.min.css
@@ -1 +1 @@
-*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #504dff;--text-color: 20, 20, 20;--background-color: 240, 240, 240;--foreground-color: 250, 250, 250;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a3a1ff;--text-color: 220, 220, 220;--background-color: 10, 10, 10;--foreground-color: 24, 24, 24;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{color:var(--accent-color)}button,.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;cursor:pointer;transition:transform .3s;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.button{white-space:nowrap;padding:.6rem 1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.06);color:rgba(var(--text-color), 0.8);justify-content:center}.button--primary{background-color:var(--accent-color);color:rgba(var(--background-color), 1)}button:disabled{opacity:.5}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}ul{list-style:none}.flex{display:flex}.grid{display:grid}.hide{opacity:0;pointer-events:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.breakable{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.h1{font-size:1.5rem}.h2{font-size:1.2rem}.h3{font-size:1rem}.h4{font-size:.9rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.empty-state{display:grid;justify-content:center;text-align:center;width:100%;max-width:none;padding:1.5rem}.observe-empty-state:empty{display:none}.observe-empty-state:not(:empty)+.empty-state{display:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.button__icon--left{margin-right:.5rem}.button__icon--right{margin-left:.5rem}.icon-only{padding:.6rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem 0 .5rem;align-items:center;grid-template-columns:auto 1fr auto}.popup__header__close{padding:.5rem;cursor:pointer}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;width:100%;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:1rem}.logo h4{text-transform:capitalize;font-size:.9rem;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}details[open]>summary{margin-bottom:1rem}details[open]>summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up sm-copy{font-size:.9rem;--button-border-radius: 0.5rem}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:grid;gap:1rem;padding:1.5rem;width:100%;align-items:center;grid-template-columns:1fr auto auto;grid-column:1/-1}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto;padding:0 1.5rem}#pages_container>*{width:min(42rem,100%)}.listed-asset{position:relative;grid-template-columns:auto 1fr auto;gap:.5rem;padding:1rem 0;border-radius:.5rem;opacity:.8;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit}.listed-asset__icon{display:flex}.listed-asset__icon .icon{height:1.5rem;width:1.5rem}#flo_rate{font-weight:700}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#my_orders,#market{width:min(42rem,100%);grid-template-rows:auto 1fr}#my_orders .icon,#market .icon{height:1.2rem;width:1.2rem}#orders_section__header--primary sm-tab-header{--gap: 1.5rem}#orders_section__header--primary sm-tab{font-size:.9rem;--padding: 0.8rem 0}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:.5rem 1.5rem .5rem .5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{padding:1rem;cursor:pointer}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.transaction-card{grid-template-columns:repeat(3, 1fr) 2rem}.transaction-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type{color:var(--green)}.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type{color:var(--danger-color)}.transaction-card__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.transaction-card__quantity,.transaction-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}#market_orders_list .list__header{font-size:.8rem;font-weight:500}#market_orders_list .list__header div{padding:.5rem 0}#market_orders_list .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}#wallet{gap:1.5rem;align-content:flex-start;width:min(24rem,100%)}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}.balance-card{display:grid;align-items:center;gap:.3rem .5rem;border-radius:.5rem}.balance-card.is-locked{grid-template-columns:auto 1fr;gap:1rem}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:span 2;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.hide-on-mobile{display:none}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.h1{font-size:2rem}.h2{font-size:1.8rem}.h3{font-size:1.3rem}.h4{font-size:1rem}.popup__header{padding:1rem 1.5rem 0 .5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.hide-on-desktop{display:none}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding:0 .5rem}.main_navbar__item{padding:1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:16rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{overflow:hidden;border-radius:.5rem;height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (max-width: 64rem)and (min-width: 40rem){.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}.is-signed-in #exchange_wrapper{grid-template-columns:16rem minmax(0, 1fr) 20rem}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{opacity:0;transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}.transaction-card button{opacity:0;transition:opacity .3s}.transaction-card:hover button{opacity:1}}
\ No newline at end of file
+*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #504dff;--text-color: 20, 20, 20;--background-color: 240, 240, 240;--foreground-color: 250, 250, 250;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a3a1ff;--text-color: 220, 220, 220;--background-color: 10, 10, 10;--foreground-color: 24, 24, 24;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{color:var(--accent-color)}button,.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;cursor:pointer;transition:transform .3s;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.button{white-space:nowrap;padding:.6rem 1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.06);color:rgba(var(--text-color), 0.8);justify-content:center}.button--primary{background-color:var(--accent-color);color:rgba(var(--background-color), 1)}button:disabled{opacity:.5}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}ul{list-style:none}.flex{display:flex}.grid{display:grid}.hide{opacity:0;pointer-events:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.breakable{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.h1{font-size:1.5rem}.h2{font-size:1.2rem}.h3{font-size:1rem}.h4{font-size:.9rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.empty-state{display:grid;justify-content:center;text-align:center;width:100%;max-width:none;padding:1.5rem}.observe-empty-state:empty{display:none}.observe-empty-state:not(:empty)+.empty-state{display:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.button__icon--left{margin-right:.5rem}.button__icon--right{margin-left:.5rem}.icon-only{padding:.6rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem 0 .5rem;align-items:center;grid-template-columns:auto 1fr auto}.popup__header__close{padding:.5rem;cursor:pointer}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;width:100%;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:1rem}.logo h4{text-transform:capitalize;font-size:.9rem;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}details[open]>summary{margin-bottom:1rem}details[open]>summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up sm-copy{font-size:.9rem;--button-border-radius: 0.5rem}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:grid;gap:1rem;padding:1.5rem;width:100%;align-items:center;grid-template-columns:1fr auto auto;grid-column:1/-1}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto;padding:0 1.5rem}#pages_container>*{width:min(42rem,100%)}.listed-asset{position:relative;grid-template-columns:auto 1fr auto;gap:.5rem;padding:1rem 0;border-radius:.5rem;opacity:.8;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit}.listed-asset__icon{display:flex}.listed-asset__icon .icon{height:1.5rem;width:1.5rem}#flo_rate{font-weight:700}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#my_orders,#market{width:min(42rem,100%);grid-template-rows:auto 1fr}#my_orders .icon,#market .icon{height:1.2rem;width:1.2rem}#orders_section__header--primary sm-tab-header{--gap: 1.5rem}#orders_section__header--primary sm-tab{font-size:.9rem;--padding: 0.8rem 0}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:.5rem 1.5rem .5rem .5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{padding:1rem;cursor:pointer}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.transaction-card{grid-template-columns:repeat(3, 1fr) 2rem}.transaction-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type{color:var(--green)}.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type{color:var(--danger-color)}.transaction-card__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.transaction-card__quantity,.transaction-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}#market_orders_list .list__header{font-size:.8rem;font-weight:500}#market_orders_list .list__header div{padding:.5rem 0}#market_orders_list .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}#wallet{gap:1.5rem;align-content:flex-start;width:min(24rem,100%)}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}.balance-card{display:grid;align-items:center;gap:.3rem .5rem;border-radius:.5rem}.balance-card.is-locked{grid-template-columns:auto 1fr;gap:1rem}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:span 2;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.hide-on-mobile{display:none}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.h1{font-size:2rem}.h2{font-size:1.8rem}.h3{font-size:1.3rem}.h4{font-size:1rem}.popup__header{padding:1rem 1.5rem 0 .5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.hide-on-desktop{display:none}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding:0 .5rem}.main_navbar__item{padding:1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:16rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{overflow:hidden;border-radius:.5rem;height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (max-width: 64rem)and (min-width: 40rem){.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none}}@media screen and (min-width: 64rem){#home{grid-template-columns:10rem 1fr}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}.is-signed-in #exchange_wrapper{grid-template-columns:16rem minmax(0, 1fr) 20rem}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{opacity:0;transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}.transaction-card button{opacity:0;transition:opacity .3s}.transaction-card:hover button{opacity:1}}
\ No newline at end of file
diff --git a/docs/css/main.scss b/docs/css/main.scss
index 76b73f0..e4791e4 100644
--- a/docs/css/main.scss
+++ b/docs/css/main.scss
@@ -1056,6 +1056,11 @@ sm-checkbox {
     }
   }
 }
+@media screen and (min-width: 64rem) {
+  #home {
+    grid-template-columns: 10rem 1fr;
+  }
+}
 @media screen and (min-width: 72rem) {
   .page-layout {
     grid-template-columns: 1fr 80vw 1fr;
diff --git a/docs/index.html b/docs/index.html
index 2f1eb02..6ab68f5 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -95,30 +95,18 @@
                 </sm-form>
                 <section id="exchange_wrapper">
                     <div id="asset_list_wrapper" class="grid gap-1 align-start hide user-content">
-                        <h4>Tokens</h4>
                         <ul id="listed_assets" class="user-content hide"></ul>
                     </div>
-                    <div id="price_chart_wrapper" class="flex direction-column gap-0-5">
+                    <div id="price_chart_wrapper" class="flex direction-column gap-0-5 hide user-content">
                         <div class="flex align-center space-between" style="z-index: 5;">
-                            <h4 id="chart_asset"></h4>
-                            <div class="flex align-center justify-right gap-0-5">
-                                <sm-select>
-                                    <sm-option value="1">1</sm-option>
-                                    <sm-option value="2">2</sm-option>
-                                    <sm-option value="3">3</sm-option>
-                                    <sm-option value="4">4</sm-option>
-                                    <sm-option value="5">5</sm-option>
-                                    <sm-option value="6">6</sm-option>
-                                    <sm-option value="7">7</sm-option>
-                                </sm-select>
-                                <strip-select>
-                                    <strip-option value="day" selected>D</strip-option>
-                                    <strip-option value="week">W</strip-option>
-                                    <strip-option value="month">M</strip-option>
-                                    <strip-option value="year">Y</strip-option>
-                                    <strip-option value="all-time">ALL</strip-option>
-                                </strip-select>
-                            </div>
+                            <div id="chart_asset"></div>
+                            <strip-select>
+                                <strip-option value="day" selected>D</strip-option>
+                                <strip-option value="week">W</strip-option>
+                                <strip-option value="month">M</strip-option>
+                                <strip-option value="year">Y</strip-option>
+                                <strip-option value="all-time">ALL</strip-option>
+                            </strip-select>
                         </div>
                         <div class="flex" style="position: relative;">
                             <div id="price_history_chart"></div>
@@ -244,39 +232,7 @@
                 </div>
                 <div class="grid gap-0-5">
                     <h4>Balance</h4>
-                    <div class="grid gap-1">
-                        <div class="balance-card">
-                            <div class="balance-card__icon">
-                                <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-                                    <path
-                                        d="M15.3,4.91a4.78,4.78,0,0,0-.39-.5l3.14,0L18.75,2H6L5.25,4.6H9a4.22,4.22,0,0,1,3.06,1,3.16,3.16,0,0,1,.75,1.24H5.93L5.25,9.22h7.62a3.15,3.15,0,0,1-.34.82,3,3,0,0,1-1.37,1.17,5.34,5.34,0,0,1-2.2.4H5.5l0,1.9,7,8.49h3.56v-.17L9.68,14l.09,0a8.07,8.07,0,0,0,3.65-1,5,5,0,0,0,2-2.09A6.29,6.29,0,0,0,16,9.22h2.1l.69-2.42H15.93A5.93,5.93,0,0,0,15.3,4.91Z" />
-                                </svg>
-                            </div>
-                            <div class="balance-card__token">Rupee</div>
-                            <div id="rupee_balance"></div>
-                        </div>
-                        <div class="balance-card">
-                            <div class="balance-card__icon">
-                                <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-                                    <path
-                                        d="M16.36,15.39c1.83,0,4.26-2.49,4.36-4.74-5.65-.19-4.91.47-7.28,2.39,2.19-2.4,1.42-7.79-1.43-10V6.17c2.33,1.49,2.21,5.14,0,7.15-2.23-2-2.27-5.69,0-7.15V3c-2.83,2.26-3.62,7.66-1.44,10-2.36-1.93-1.63-2.58-7.28-2.39.1,2.26,2.55,4.73,4.36,4.74,0,0-1.93.22-2.74-2.62,2.38-.37,4.29-.14,6.28,2-.79-.11-4.89,1.13-4.38,3.26.53.06,3,.3,3.58-.83-.17.18-1.25.5-1.53.05.38-1.39,2.32-2,2.32-2-1,1.82-.48,4.63.82,5.72,1.31-1.08,1.8-3.95.82-5.72,0,0,1.95.6,2.32,2-.29.46-1.36.12-1.53-.05.58,1.14,3.06.88,3.58.83.49-2.17-3.58-3.36-4.38-3.26,2-2.17,3.92-2.39,6.28-2C18.3,15.62,16.36,15.39,16.36,15.39ZM12,19.46c-.91-.79-.5-3,0-3.59C12.5,16.45,12.91,18.66,12,19.46Z" />
-                                </svg>
-                            </div>
-                            <div class="balance-card__token">FLO</div>
-                            <div id="flo_balance"></div>
-                        </div>
-                        <div class="balance-card">
-                            <div class="balance-card__icon">
-                                <svg class="icon" width="64" height="56" viewBox="0 0 64 56" fill="none"
-                                    xmlns="http://www.w3.org/2000/svg">
-                                    <path fill-rule="evenodd" clip-rule="evenodd"
-                                        d="M37.3261 19.7091C37.2823 19.3891 37.2604 19.0614 37.2604 18.7261C37.2604 17.4352 37.4871 16.2887 37.9405 15.2866C38.4101 14.2675 39.0416 13.4777 39.835 12.9172C40.6284 12.3397 41.519 12.051 42.5067 12.051C43.462 12.051 44.2797 12.3057 44.9598 12.8153C45.6399 13.3079 46.1499 13.9618 46.4899 14.7771C46.83 15.5924 47 16.4671 47 17.4013C47 18.6921 46.7652 19.8471 46.2956 20.8662C45.8261 21.8684 45.1865 22.6582 44.3769 23.2357C43.5835 23.7962 42.701 24.0764 41.7295 24.0764C40.7741 24.0764 39.9564 23.8302 39.2763 23.3376C38.8283 22.9937 38.454 22.5802 38.1535 22.0971C37.7343 22.518 37.2952 22.8891 36.8359 23.2102C36.0263 23.7877 35.1034 24.0764 34.0671 24.0764C32.966 24.0764 32.0835 23.6603 31.4197 22.828C30.7558 21.9788 30.3024 20.8323 30.0595 19.3885C29.509 19.5414 28.9261 19.6178 28.3108 19.6178C27.7764 19.6178 27.1854 19.5754 26.5377 19.4904C26.7644 20.5605 26.9506 21.758 27.0963 23.0828C27.2421 24.4076 27.3149 25.4947 27.3149 26.344C27.3149 28.1783 27.0316 29.5796 26.4649 30.5478C25.8981 31.5159 25.1533 32 24.2303 32C23.0645 32 22.2306 31.1338 21.7286 29.4013C21.2429 27.6688 21 25.0531 21 21.5541C21 18.293 21.3319 14.9894 21.9958 11.6433C22.6759 8.28026 23.5988 5.50318 24.7647 3.3121C25.9467 1.10403 27.2421 0 28.6508 0C29.4118 0 30.0028 0.356688 30.4238 1.07006C30.861 1.78344 31.0796 2.7431 31.0796 3.94905C31.0796 7.94055 28.8046 12.2887 24.2546 16.9936C24.0927 18.6582 24.0117 20.1189 24.0117 21.3758C24.0117 23.1253 24.0684 24.9172 24.1818 26.7516C24.2951 28.603 24.4813 29.5287 24.7404 29.5287C25.2262 29.5287 25.469 28.6454 25.469 26.879C25.469 25.5541 25.38 24.2718 25.2019 23.0318C25.0399 21.7919 24.8133 20.4841 24.5218 19.1083C24.5056 18.8875 24.5704 18.6072 24.7161 18.2675C24.878 17.9278 25.0723 17.6306 25.299 17.3758C25.5257 17.121 25.7281 16.9936 25.9062 16.9936C26.1167 16.9936 26.4487 17.0106 26.902 17.0446C27.4202 17.0786 27.8088 17.0955 28.0679 17.0955C28.6508 17.0955 29.2499 17.0106 29.8652 16.8408V16.7643C29.8652 14.6921 30.1162 12.3312 30.6181 9.68153C31.1363 7.03185 31.8892 4.75584 32.877 2.8535C33.8809 0.951168 35.071 0 36.4473 0C37.2246 0 37.8318 0.382166 38.2689 1.1465C38.7223 1.89384 38.949 2.9724 38.949 4.38217C38.949 5.75796 38.7061 7.3206 38.2204 9.07006C37.7346 10.8195 37.0302 12.5011 36.1073 14.1147C35.1843 15.7113 34.0995 16.9936 32.8527 17.9618C32.9174 19.1677 33.0875 20.0255 33.3627 20.535C33.638 21.0276 34.0428 21.2739 34.5771 21.2739C35.241 21.2739 35.8239 21.0786 36.3259 20.6879C36.614 20.4539 36.9474 20.1277 37.3261 19.7091ZM27.0478 4.07643C27.485 3.04034 27.8493 2.52229 28.1407 2.52229C28.5455 2.52229 28.748 3.04034 28.748 4.07643C28.7318 5.53716 28.3755 7.10828 27.6793 8.78981C26.983 10.4544 25.9872 12.0594 24.6918 13.6051C24.9995 11.7028 25.3638 9.90234 25.7848 8.20382C26.2058 6.48832 26.6268 5.11253 27.0478 4.07643ZM34.7229 4.43312C35.1762 3.15924 35.573 2.52229 35.913 2.52229C36.3664 2.52229 36.5931 3.16773 36.5931 4.4586C36.5931 5.49469 36.4554 6.65817 36.1802 7.94905C35.9211 9.22293 35.5082 10.4883 34.9415 11.7452C34.3747 12.9851 33.6866 14.0382 32.877 14.9045C32.9579 13.0531 33.1765 11.1592 33.5327 9.22293C33.889 7.28663 34.2857 5.69002 34.7229 4.43312ZM43.3811 20.3822C43.0086 21.0106 42.5472 21.3248 41.9966 21.3248C41.5109 21.3248 41.1061 21.0955 40.7822 20.6369C40.4584 20.1783 40.2964 19.465 40.2964 18.4968C40.2964 17.2739 40.4827 16.3567 40.8551 15.7452C41.2437 15.1168 41.7295 14.8025 42.3124 14.8025C42.7658 14.8025 43.1544 15.0403 43.4782 15.5159C43.802 15.9915 43.964 16.6964 43.964 17.6306C43.964 18.8365 43.7697 19.7537 43.3811 20.3822ZM23.5795 37.5556C23.0372 39.1867 22.6225 40.8605 22.3354 42.5769C20.9523 42.8675 19.7215 43.0456 18.6428 43.1111C18.3936 40.9185 17.6149 39.0815 16.3066 37.6C14.9984 36.0889 13.3007 35.2593 11.2137 35.1111C13.4565 32.4741 15.0607 29.9556 16.0263 27.5556C16.9919 25.1556 17.4747 22.7407 17.4747 20.3111C17.4747 18.4444 17.0386 16.9333 16.1665 15.7778C15.2943 14.5926 14.1418 14 12.7089 14C10.0612 14 7.77173 15.5852 5.84048 18.7556C3.94038 21.8963 2.49194 25.7185 1.49516 30.2222C0.498388 34.6963 0 38.8444 0 42.6667C0 46.9926 0.716432 50.2963 2.1493 52.5778C3.58216 54.8593 5.87163 56 9.0177 56C11.1047 56 13.0048 55.2444 14.718 53.7333C16.4624 52.2222 17.646 50.237 18.269 47.7778C19.5276 47.7279 20.7273 47.594 21.8682 47.3762C21.8565 47.76 21.8507 48.1457 21.8507 48.5333C21.8507 51.1407 22.0843 53.037 22.5516 54.2222C23.0499 55.4074 23.891 56 25.0746 56C26.0403 56 26.7411 55.763 27.1772 55.2889C27.6445 54.7852 28.0494 53.837 28.392 52.4444C28.8593 50.637 29.4667 48.9185 30.2143 47.2889C30.993 45.6593 31.7406 44.3556 32.457 43.3778C33.2046 42.3704 33.7809 41.8667 34.1858 41.8667C34.5284 41.8667 34.6998 42.1037 34.6998 42.5778C34.6998 43.2889 34.4973 44.5778 34.0924 46.4444C33.6563 48.5778 33.4382 50.0593 33.4382 50.8889C33.4382 52.5481 33.8432 53.8222 34.653 54.7111C35.4629 55.5704 36.6622 56 38.2508 56C40.2132 56 41.9575 55.4963 43.4838 54.4889C44.678 53.7165 45.808 52.7786 46.874 51.6753C47.0272 51.9921 47.1913 52.2929 47.3663 52.5778C48.7992 54.8593 51.0731 56 54.188 56C55.9012 56 57.5054 55.5111 59.0005 54.5333C60.4957 53.5259 61.695 52.1333 62.5983 50.3556C63.5328 48.5778 64 46.5778 64 44.3556C64 42.7556 63.6885 41.2741 63.0655 39.9111C62.4737 38.5481 61.6015 37.437 60.449 36.5778C59.3276 35.7185 58.0038 35.2296 56.4775 35.1111C58.7202 32.4741 60.3244 29.9556 61.29 27.5556C62.2556 25.1556 62.7385 22.7407 62.7385 20.3111C62.7385 18.4444 62.3024 16.9333 61.4302 15.7778C60.558 14.5926 59.4055 14 57.9726 14C55.3249 14 53.0355 15.5852 51.1042 18.7556C49.2041 21.8963 47.7557 25.7185 46.7589 30.2222C45.7621 34.6963 45.2637 38.8444 45.2637 42.6667C45.2637 44.3055 45.3643 45.7977 45.5655 47.1431C44.3991 48.4396 43.4404 49.4067 42.6895 50.0444C41.8485 50.7556 41.1165 51.1111 40.4935 51.1111C39.5902 51.1111 39.1385 50.5185 39.1385 49.3333C39.1385 48.5037 39.4344 46.8 40.0263 44.2222C40.7116 41.2 41.0542 39.1111 41.0542 37.9556C41.0542 36.0296 40.0419 35.0667 38.0172 35.0667C36.9892 35.0667 35.8523 35.4074 34.6063 36.0889C33.3915 36.7704 32.1455 37.9111 30.8684 39.5111C29.5913 41.1111 28.4388 43.1852 27.4108 45.7333C27.5354 44.4296 27.6912 43.3333 27.8781 42.4444C28.065 41.5556 28.3142 40.5185 28.6257 39.3333C29.0929 37.6741 29.3265 36.6074 29.3265 36.1333C29.3265 35.7185 29.2019 35.437 28.9527 35.2889C28.7035 35.1407 28.2674 35.0667 27.6445 35.0667C26.4919 35.0667 25.5886 35.2741 24.9345 35.6889C24.3115 36.0741 23.8598 36.6963 23.5795 37.5556ZM11.6342 18.4C11.0113 18.4 10.326 19.2889 9.57839 21.0667C8.86196 22.8148 8.19225 25.2 7.56926 28.2222C6.94628 31.2444 6.47904 34.5481 6.16755 38.1333C8.2234 34.5481 9.85873 31.3926 11.0736 28.6667C12.3195 25.9111 12.9425 23.4667 12.9425 21.3333C12.9425 20.3852 12.8179 19.6593 12.5687 19.1556C12.3507 18.6519 12.0392 18.4 11.6342 18.4ZM9.2046 51.2889C10.1702 51.2889 11.0268 50.9037 11.7744 50.1333C12.522 49.363 13.0204 48.2519 13.2696 46.8C12.3039 46.1778 11.5564 45.363 11.0268 44.3556C10.5284 43.3481 10.2792 42.2815 10.2792 41.1556C10.2792 40.7407 10.3415 40.1778 10.4661 39.4667H10.326C9.04885 39.4667 7.97421 40.0741 7.10203 41.2889C6.261 42.4741 5.84048 44.0741 5.84048 46.0889C5.84048 47.7778 6.16755 49.0667 6.82168 49.9556C7.50697 50.8444 8.30127 51.2889 9.2046 51.2889ZM56.3373 28.6667C55.1225 31.3926 53.4871 34.5481 51.4313 38.1333C51.7428 34.5481 52.21 31.2444 52.833 28.2222C53.456 25.2 54.1257 22.8148 54.8421 21.0667C55.5897 19.2889 56.275 18.4 56.898 18.4C57.3029 18.4 57.6144 18.6519 57.8325 19.1556C58.0816 19.6593 58.2062 20.3852 58.2062 21.3333C58.2062 23.4667 57.5833 25.9111 56.3373 28.6667ZM57.0381 49.5556C56.3217 50.6519 55.434 51.2 54.3749 51.2C53.4404 51.2 52.6617 50.8 52.0387 50C51.4157 49.1704 51.1042 47.8667 51.1042 46.0889C51.1042 44.0444 51.478 42.4889 52.2256 41.4222C52.9732 40.3556 53.8921 39.8222 54.9823 39.8222C55.8545 39.8222 56.6021 40.237 57.225 41.0667C57.848 41.8963 58.1595 43.1259 58.1595 44.7556C58.1595 46.8593 57.7857 48.4593 57.0381 49.5556Z" />
-                                </svg>
-                            </div>
-                            <div class="balance-card__token">flobnb</div>
-                            <div id="flobnb_balance"></div>
-                        </div>
-                    </div>
+                    <ul id="my_assets" class="grid gap-1"></ul>
                 </div>
             </section>
         </section>
@@ -488,18 +444,25 @@
             </a>
         </li>
     </template>
-
+    <template id="asset_balance_card_template">
+        <li class="balance-card">
+            <div class="balance-card__icon"></div>
+            <h4 class="balance-card__token"></h4>
+        </li>
+    </template>
     <template id="net_balance_template">
         <span class="available-balance"></span>
     </template>
     <template id="locked_balance_template">
-        <div class="grid">
-            <span class="label">Locked</span>
-            <span class="locked-balance"></span>
-        </div>
-        <div class="grid">
-            <span class="label">Available</span>
-            <span class="available-balance"></span>
+        <div class="grid balance-card__amount-wrapper">
+            <div class="grid">
+                <span class="label">Locked</span>
+                <span class="locked-balance"></span>
+            </div>
+            <div class="grid">
+                <span class="label">Available</span>
+                <span class="available-balance"></span>
+            </div>
         </div>
     </template>
     <template id="order_template">
@@ -964,7 +927,7 @@
                         if (getRef('listed_assets').querySelector('.listed-asset--active'))
                             getRef('listed_assets').querySelector('.listed-asset--active').classList.remove('listed-asset--active')
                         getRef('listed_assets').querySelector(`[href="#/exchange?asset=${params.asset}"]`).classList.add('listed-asset--active')
-                        getRef('chart_asset').textContent = `${params.asset}/INR`
+                        getRef('chart_asset').innerHTML = `<h4> ${params.asset}/INR</h4><p>${formatAmount(floGlobals.exchangeRates[params.asset])}</p>`
                         getRef('get_price').value = parseFloat(floGlobals.exchangeRates[params.asset].toFixed(4))
                         getRef('traded_asset').textContent = `Trade ${params.asset}`
                         getRef('trade_button').textContent = `${tradeType} ${params.asset}`
@@ -981,7 +944,7 @@
                         getRef('asset_list_wrapper').classList.add('hide-on-mobile')
                         getRef('trade_form').classList.remove('hide-on-mobile')
 
-                        if (firstLoad) {
+                        if (!chart) {
                             chart = LightweightCharts.createChart(getRef('price_history_chart'), {
                                 width: 800, height: 600,
                                 timeScale: {
@@ -999,16 +962,30 @@
                                 }
                             })
                             lineSeries.setData(data);
+                            let width
+                            let height
                             new ResizeObserver(entries => {
-                                const { width, height } = entries[0].contentRect;
+                                height = entries[0].contentRect.height;
+                                width = entries[0].contentRect.width;
                                 chart.applyOptions({ width, height });
                             }).observe(getRef('price_history_chart').parentNode);
+                            function setLastBarText() {
+                                getRef('chart_asset').innerHTML = `<h4> ${params.asset}/INR</h4><p>${formatAmount(data[data.length - 1].value)}</p>`;
+                            }
+                            setLastBarText();
+                            chart.subscribeCrosshairMove(function (param) {
+                                if (param === undefined || param.time === undefined || param.point.x < 0 || param.point.x > width || param.point.y < 0 || param.point.y > height) {
+                                    setLastBarText();
+                                } else {
+                                    const price = param.seriesPrices.get(lineSeries);
+                                    getRef('chart_asset').innerHTML = `<h4> ${params.asset}/INR</h4><p>${formatAmount(price)}</p>`;
+                                }
+                            });
                         })
                     } else {
                         getRef('asset_list_wrapper').classList.remove('hide-on-mobile')
                         getRef('trade_form').classList.add('hide-on-mobile')
                     }
-
                     break;
                 case 'my_orders':
                     break;
@@ -1136,6 +1113,11 @@
     </script>
     <script>
         const listedAssets = {
+            rupee: {
+                icon: `<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+                                    <path
+                                        d="M15.3,4.91a4.78,4.78,0,0,0-.39-.5l3.14,0L18.75,2H6L5.25,4.6H9a4.22,4.22,0,0,1,3.06,1,3.16,3.16,0,0,1,.75,1.24H5.93L5.25,9.22h7.62a3.15,3.15,0,0,1-.34.82,3,3,0,0,1-1.37,1.17,5.34,5.34,0,0,1-2.2.4H5.5l0,1.9,7,8.49h3.56v-.17L9.68,14l.09,0a8.07,8.07,0,0,0,3.65-1,5,5,0,0,0,2-2.09A6.29,6.29,0,0,0,16,9.22h2.1l.69-2.42H15.93A5.93,5.93,0,0,0,15.3,4.91Z" />
+                                </svg>`},
             FLO: {
                 icon: `<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                     <path
@@ -1220,6 +1202,21 @@
                 card.querySelector('.more-info').dataset.seller = seller
                 return card
             },
+            assetBalanceCard(asset) {
+                const { net, locked } = allTokens[asset]
+                const card = getRef('asset_balance_card_template').content.cloneNode(true).firstElementChild
+                card.className = `balance-card ${locked ? 'is-locked' : ''}`
+                card.querySelector('.balance-card__token').textContent = asset
+                card.querySelector('.balance-card__icon').innerHTML = listedAssets[asset] ? listedAssets[asset].icon : ''
+                const templateToClone = locked ? 'locked_balance_template' : 'net_balance_template';
+                const assetBalance = getRef(templateToClone).content.cloneNode(true)
+                assetBalance.querySelector('.available-balance').textContent = asset === 'rupee' ? formatAmount(net) : parseFloat(net.toFixed(4))
+                if (locked) {
+                    assetBalance.querySelector('.locked-balance').textContent = asset === 'rupee' ? formatAmount(locked) : parseFloat(locked.toFixed(4))
+                }
+                card.appendChild(assetBalance)
+                return card
+            },
         }
 
         function showProcess(id) {
@@ -1884,19 +1881,6 @@
                 account();
         }
 
-        function showBalance(type, availableBalance = 0, lockedBalance = 0) {
-            getRef(`${type}_balance`).innerHTML = ''
-            const templateToClone = lockedBalance ? 'locked_balance_template' : 'net_balance_template';
-            const card = getRef(templateToClone).content.cloneNode(true)
-            card.querySelector('.available-balance').textContent = type === 'rupee' ? formatAmount(availableBalance) : parseFloat(availableBalance.toFixed(4))
-            if (lockedBalance) {
-                card.querySelector('.locked-balance').textContent = type === 'rupee' ? formatAmount(lockedBalance) : parseFloat(lockedBalance.toFixed(4))
-            }
-            getRef(`${type}_balance`).className = lockedBalance ? 'grid balance-card__amount-wrapper' : ''
-            getRef(`${type}_balance`).parentNode.className = `balance-card ${lockedBalance ? 'is-locked' : ''}`
-            getRef(`${type}_balance`).append(card)
-        }
-
         let accountDetails = {}
         const allTokens = {}
         async function account() {
@@ -1928,9 +1912,7 @@
                     allTokens[asset].net = allTokens[asset].total - allTokens[asset].locked
                 }
                 console.debug("FLO", allTokens['FLO']);
-                showBalance("flo", allTokens['FLO'].net, allTokens['FLO'].locked)
                 console.log(await floExchangeAPI.getBalance(acc.floID))
-                showBalance("flobnb", allTokens['flobnb'].net, allTokens['flobnb'].locked)
 
                 //Rupee Balance
                 allTokens['rupee'] = {
@@ -1939,7 +1921,15 @@
                 }
                 allTokens['rupee'].net = allTokens['rupee'].total - allTokens['rupee'].locked
                 console.debug("RUPEE", allTokens['rupee']);
-                showBalance("rupee", allTokens['rupee'].net, allTokens['rupee'].locked)
+
+                // render all assets in wallet
+                const frag = document.createDocumentFragment();
+                for (const asset in allTokens) {
+                    frag.append(render.assetBalanceCard(asset))
+                }
+                getRef('my_assets').innerHTML = ''
+                getRef('my_assets').append(frag)
+
                 //My orders
                 renderUserOrders();
                 proxy.secret.then(_ => null).catch(_ => null);

From 0df9290e154732b289486df8aa94a985f14ee61c Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Sat, 2 Apr 2022 18:26:47 +0530
Subject: [PATCH 013/168] Making exchange mobile friendly

---
 docs/css/main.css     |  73 ++++++++++++-----
 docs/css/main.min.css |   2 +-
 docs/css/main.scss    |  71 +++++++++++-----
 docs/index.html       | 182 ++++++++++++++++++++++++------------------
 4 files changed, 213 insertions(+), 115 deletions(-)

diff --git a/docs/css/main.css b/docs/css/main.css
index 426c93c..27509f0 100644
--- a/docs/css/main.css
+++ b/docs/css/main.css
@@ -332,11 +332,11 @@ ul {
 }
 
 .observe-empty-state:empty {
-  display: none;
+  display: none !important;
 }
 
 .observe-empty-state:not(:empty) + .empty-state {
-  display: none;
+  display: none !important;
 }
 
 .icon {
@@ -664,6 +664,37 @@ sm-checkbox {
   min-width: 8ch;
 }
 
+#exchange_wrapper {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+
+#asset_page {
+  height: 100%;
+}
+#asset_page nav {
+  padding: 1rem 0;
+}
+#asset_page nav .icon-only {
+  margin-left: -0.7rem;
+}
+
+#trade_form {
+  height: 100%;
+}
+#trade_form::part(form) {
+  display: flex;
+  flex-direction: column;
+  gap: 0;
+}
+#trade_form > * {
+  margin-bottom: 1rem;
+}
+#trade_form > :last-child {
+  margin-top: auto;
+}
+
 #my_orders,
 #market {
   width: min(42rem, 100%);
@@ -675,14 +706,6 @@ sm-checkbox {
   width: 1.2rem;
 }
 
-#orders_section__header--primary sm-tab-header {
-  --gap: 1.5rem;
-}
-#orders_section__header--primary sm-tab {
-  font-size: 0.9rem;
-  --padding: 0.8rem 0;
-}
-
 .list__item {
   padding: 0.5rem 0;
   display: grid;
@@ -990,7 +1013,7 @@ sm-checkbox {
 }
 @media screen and (max-width: 40rem) and (any-hover: none) {
   .cancel-order span {
-    display: none;
+    display: none !important;
   }
 }
 @media screen and (max-width: 40rem) {
@@ -1007,7 +1030,16 @@ sm-checkbox {
   }
 
   .hide-on-mobile {
-    display: none;
+    display: none !important;
+  }
+
+  #asset_page {
+    display: flex;
+    flex-direction: column;
+  }
+
+  #price_chart_wrapper {
+    flex: 1;
   }
 }
 @media screen and (min-width: 40rem) {
@@ -1044,7 +1076,7 @@ sm-checkbox {
   }
 
   .hide-on-desktop {
-    display: none;
+    display: none !important;
   }
 
   #home {
@@ -1132,22 +1164,27 @@ sm-checkbox {
     margin-right: 0;
   }
   .main_navbar__item .item__title {
-    display: none;
+    display: none !important;
   }
 }
 @media screen and (min-width: 64rem) {
   #home {
     grid-template-columns: 10rem 1fr;
   }
+
+  #asset_page {
+    display: grid;
+    gap: 1.5rem;
+    grid-template-columns: minmax(0, 1fr) 20rem;
+  }
+  #asset_page nav {
+    grid-column: 1/-1;
+  }
 }
 @media screen and (min-width: 72rem) {
   .page-layout {
     grid-template-columns: 1fr 80vw 1fr;
   }
-
-  .is-signed-in #exchange_wrapper {
-    grid-template-columns: 16rem minmax(0, 1fr) 20rem;
-  }
 }
 @media screen and (min-width: 120rem) {
   .page-layout {
diff --git a/docs/css/main.min.css b/docs/css/main.min.css
index bcf73e1..59eb201 100644
--- a/docs/css/main.min.css
+++ b/docs/css/main.min.css
@@ -1 +1 @@
-*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #504dff;--text-color: 20, 20, 20;--background-color: 240, 240, 240;--foreground-color: 250, 250, 250;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a3a1ff;--text-color: 220, 220, 220;--background-color: 10, 10, 10;--foreground-color: 24, 24, 24;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{color:var(--accent-color)}button,.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;cursor:pointer;transition:transform .3s;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.button{white-space:nowrap;padding:.6rem 1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.06);color:rgba(var(--text-color), 0.8);justify-content:center}.button--primary{background-color:var(--accent-color);color:rgba(var(--background-color), 1)}button:disabled{opacity:.5}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}ul{list-style:none}.flex{display:flex}.grid{display:grid}.hide{opacity:0;pointer-events:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.breakable{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.h1{font-size:1.5rem}.h2{font-size:1.2rem}.h3{font-size:1rem}.h4{font-size:.9rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.empty-state{display:grid;justify-content:center;text-align:center;width:100%;max-width:none;padding:1.5rem}.observe-empty-state:empty{display:none}.observe-empty-state:not(:empty)+.empty-state{display:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.button__icon--left{margin-right:.5rem}.button__icon--right{margin-left:.5rem}.icon-only{padding:.6rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem 0 .5rem;align-items:center;grid-template-columns:auto 1fr auto}.popup__header__close{padding:.5rem;cursor:pointer}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;width:100%;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:1rem}.logo h4{text-transform:capitalize;font-size:.9rem;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}details[open]>summary{margin-bottom:1rem}details[open]>summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up sm-copy{font-size:.9rem;--button-border-radius: 0.5rem}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:grid;gap:1rem;padding:1.5rem;width:100%;align-items:center;grid-template-columns:1fr auto auto;grid-column:1/-1}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto;padding:0 1.5rem}#pages_container>*{width:min(42rem,100%)}.listed-asset{position:relative;grid-template-columns:auto 1fr auto;gap:.5rem;padding:1rem 0;border-radius:.5rem;opacity:.8;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit}.listed-asset__icon{display:flex}.listed-asset__icon .icon{height:1.5rem;width:1.5rem}#flo_rate{font-weight:700}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#my_orders,#market{width:min(42rem,100%);grid-template-rows:auto 1fr}#my_orders .icon,#market .icon{height:1.2rem;width:1.2rem}#orders_section__header--primary sm-tab-header{--gap: 1.5rem}#orders_section__header--primary sm-tab{font-size:.9rem;--padding: 0.8rem 0}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:.5rem 1.5rem .5rem .5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{padding:1rem;cursor:pointer}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.transaction-card{grid-template-columns:repeat(3, 1fr) 2rem}.transaction-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type{color:var(--green)}.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type{color:var(--danger-color)}.transaction-card__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.transaction-card__quantity,.transaction-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}#market_orders_list .list__header{font-size:.8rem;font-weight:500}#market_orders_list .list__header div{padding:.5rem 0}#market_orders_list .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}#wallet{gap:1.5rem;align-content:flex-start;width:min(24rem,100%)}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}.balance-card{display:grid;align-items:center;gap:.3rem .5rem;border-radius:.5rem}.balance-card.is-locked{grid-template-columns:auto 1fr;gap:1rem}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:span 2;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.hide-on-mobile{display:none}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.h1{font-size:2rem}.h2{font-size:1.8rem}.h3{font-size:1.3rem}.h4{font-size:1rem}.popup__header{padding:1rem 1.5rem 0 .5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.hide-on-desktop{display:none}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding:0 .5rem}.main_navbar__item{padding:1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:16rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{overflow:hidden;border-radius:.5rem;height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (max-width: 64rem)and (min-width: 40rem){.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none}}@media screen and (min-width: 64rem){#home{grid-template-columns:10rem 1fr}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}.is-signed-in #exchange_wrapper{grid-template-columns:16rem minmax(0, 1fr) 20rem}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{opacity:0;transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}.transaction-card button{opacity:0;transition:opacity .3s}.transaction-card:hover button{opacity:1}}
\ No newline at end of file
+*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #504dff;--text-color: 20, 20, 20;--background-color: 240, 240, 240;--foreground-color: 250, 250, 250;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a3a1ff;--text-color: 220, 220, 220;--background-color: 10, 10, 10;--foreground-color: 24, 24, 24;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{color:var(--accent-color)}button,.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;cursor:pointer;transition:transform .3s;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.button{white-space:nowrap;padding:.6rem 1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.06);color:rgba(var(--text-color), 0.8);justify-content:center}.button--primary{background-color:var(--accent-color);color:rgba(var(--background-color), 1)}button:disabled{opacity:.5}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}ul{list-style:none}.flex{display:flex}.grid{display:grid}.hide{opacity:0;pointer-events:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.breakable{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.h1{font-size:1.5rem}.h2{font-size:1.2rem}.h3{font-size:1rem}.h4{font-size:.9rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.empty-state{display:grid;justify-content:center;text-align:center;width:100%;max-width:none;padding:1.5rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.button__icon--left{margin-right:.5rem}.button__icon--right{margin-left:.5rem}.icon-only{padding:.6rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem 0 .5rem;align-items:center;grid-template-columns:auto 1fr auto}.popup__header__close{padding:.5rem;cursor:pointer}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;width:100%;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:1rem}.logo h4{text-transform:capitalize;font-size:.9rem;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}details[open]>summary{margin-bottom:1rem}details[open]>summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up sm-copy{font-size:.9rem;--button-border-radius: 0.5rem}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:grid;gap:1rem;padding:1.5rem;width:100%;align-items:center;grid-template-columns:1fr auto auto;grid-column:1/-1}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto;padding:0 1.5rem}#pages_container>*{width:min(42rem,100%)}.listed-asset{position:relative;grid-template-columns:auto 1fr auto;gap:.5rem;padding:1rem 0;border-radius:.5rem;opacity:.8;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit}.listed-asset__icon{display:flex}.listed-asset__icon .icon{height:1.5rem;width:1.5rem}#flo_rate{font-weight:700}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{height:100%}#asset_page nav{padding:1rem 0}#asset_page nav .icon-only{margin-left:-0.7rem}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(42rem,100%);grid-template-rows:auto 1fr}#my_orders .icon,#market .icon{height:1.2rem;width:1.2rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:.5rem 1.5rem .5rem .5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{padding:1rem;cursor:pointer}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.transaction-card{grid-template-columns:repeat(3, 1fr) 2rem}.transaction-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type{color:var(--green)}.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type{color:var(--danger-color)}.transaction-card__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.transaction-card__quantity,.transaction-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}#market_orders_list .list__header{font-size:.8rem;font-weight:500}#market_orders_list .list__header div{padding:.5rem 0}#market_orders_list .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}#wallet{gap:1.5rem;align-content:flex-start;width:min(24rem,100%)}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}.balance-card{display:grid;align-items:center;gap:.3rem .5rem;border-radius:.5rem}.balance-card.is-locked{grid-template-columns:auto 1fr;gap:1rem}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:span 2;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.hide-on-mobile{display:none !important}#asset_page{display:flex;flex-direction:column}#price_chart_wrapper{flex:1}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.h1{font-size:2rem}.h2{font-size:1.8rem}.h3{font-size:1.3rem}.h4{font-size:1rem}.popup__header{padding:1rem 1.5rem 0 .5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding:0 .5rem}.main_navbar__item{padding:1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:16rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{overflow:hidden;border-radius:.5rem;height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (max-width: 64rem)and (min-width: 40rem){.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 64rem){#home{grid-template-columns:10rem 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#asset_page nav{grid-column:1/-1}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{opacity:0;transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}.transaction-card button{opacity:0;transition:opacity .3s}.transaction-card:hover button{opacity:1}}
\ No newline at end of file
diff --git a/docs/css/main.scss b/docs/css/main.scss
index e4791e4..4c9739f 100644
--- a/docs/css/main.scss
+++ b/docs/css/main.scss
@@ -325,11 +325,11 @@ ul {
 }
 
 .observe-empty-state:empty {
-  display: none;
+  display: none !important;
 }
 
 .observe-empty-state:not(:empty) + .empty-state {
-  display: none;
+  display: none !important;
 }
 
 .icon {
@@ -633,6 +633,36 @@ sm-checkbox {
   font-weight: 500;
   min-width: 8ch;
 }
+
+#exchange_wrapper {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+#asset_page {
+  height: 100%;
+  nav {
+    padding: 1rem 0;
+    .icon-only {
+      margin-left: -0.7rem;
+    }
+  }
+}
+#trade_form {
+  height: 100%;
+  &::part(form) {
+    display: flex;
+    flex-direction: column;
+    gap: 0;
+  }
+  & > * {
+    margin-bottom: 1rem;
+  }
+  & > :last-child {
+    margin-top: auto;
+  }
+}
+
 #my_orders,
 #market {
   width: min(42rem, 100%);
@@ -642,15 +672,6 @@ sm-checkbox {
     width: 1.2rem;
   }
 }
-#orders_section__header--primary {
-  sm-tab-header {
-    --gap: 1.5rem;
-  }
-  sm-tab {
-    font-size: 0.9rem;
-    --padding: 0.8rem 0;
-  }
-}
 
 .list__item {
   padding: 0.5rem 0;
@@ -919,7 +940,7 @@ sm-checkbox {
 @media screen and (max-width: 40rem) and (any-hover: none) {
   .cancel-order {
     span {
-      display: none;
+      display: none !important;
     }
   }
 }
@@ -937,7 +958,14 @@ sm-checkbox {
     }
   }
   .hide-on-mobile {
-    display: none;
+    display: none !important;
+  }
+  #asset_page {
+    display: flex;
+    flex-direction: column;
+  }
+  #price_chart_wrapper {
+    flex: 1;
   }
 }
 @media screen and (min-width: 40rem) {
@@ -969,7 +997,7 @@ sm-checkbox {
     grid-template-columns: 1fr 90vw 1fr;
   }
   .hide-on-desktop {
-    display: none;
+    display: none !important;
   }
   #home {
     display: grid;
@@ -1052,7 +1080,7 @@ sm-checkbox {
       margin-right: 0;
     }
     .item__title {
-      display: none;
+      display: none !important;
     }
   }
 }
@@ -1060,16 +1088,19 @@ sm-checkbox {
   #home {
     grid-template-columns: 10rem 1fr;
   }
+  #asset_page {
+    display: grid;
+    gap: 1.5rem;
+    grid-template-columns: minmax(0, 1fr) 20rem;
+    nav {
+      grid-column: 1/-1;
+    }
+  }
 }
 @media screen and (min-width: 72rem) {
   .page-layout {
     grid-template-columns: 1fr 80vw 1fr;
   }
-  .is-signed-in {
-    #exchange_wrapper {
-      grid-template-columns: 16rem minmax(0, 1fr) 20rem;
-    }
-  }
 }
 @media screen and (min-width: 120rem) {
   .page-layout {
diff --git a/docs/index.html b/docs/index.html
index 6ab68f5..89c99c3 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -93,62 +93,73 @@
                     </div>
                     <sm-button onclick="floExchangeAPI.clearAllLocalData()">clear local data</sm-button>
                 </sm-form>
-                <section id="exchange_wrapper">
-                    <div id="asset_list_wrapper" class="grid gap-1 align-start hide user-content">
+                <section id="exchange_wrapper" class="hide user-content">
+                    <div id="asset_list_wrapper" class="grid gap-1 align-start">
                         <ul id="listed_assets" class="user-content hide"></ul>
                     </div>
-                    <div id="price_chart_wrapper" class="flex direction-column gap-0-5 hide user-content">
-                        <div class="flex align-center space-between" style="z-index: 5;">
-                            <div id="chart_asset"></div>
-                            <strip-select>
-                                <strip-option value="day" selected>D</strip-option>
-                                <strip-option value="week">W</strip-option>
-                                <strip-option value="month">M</strip-option>
-                                <strip-option value="year">Y</strip-option>
-                                <strip-option value="all-time">ALL</strip-option>
-                            </strip-select>
-                        </div>
-                        <div class="flex" style="position: relative;">
-                            <div id="price_history_chart"></div>
-                        </div>
-                    </div>
-                    <sm-form id="trade_form" class="user-content hide hide-on-mobile">
-                        <div class="flex space-between align-center">
-                            <a href="#/exchange" class="button icon-only hide-on-desktop">
+                    <div id="asset_page" class="hide-on-mobile">
+                        <nav class="flex align-center space-between hide-on-desktop">
+                            <a href="#/exchange" class="button icon-only">
                                 <svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24"
                                     width="24px" fill="#000000">
                                     <path d="M0 0h24v24H0V0z" fill="none" />
                                     <path d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z" />
                                 </svg>
                             </a>
-                            <h4 id="traded_asset">Trade FLO</h4>
-                            <strip-select id="trade_type_selector" class="tab">
-                                <strip-option value="buy" selected>Buy</strip-option>
-                                <strip-option value="sell">Sell</strip-option>
+                            <strip-select id="trading_view_switcher">
+                                <strip-option value="trade" selected>Trade</strip-option>
+                                <strip-option value="chart">Chart</strip-option>
                             </strip-select>
+                        </nav>
+                        <div id="price_chart_wrapper" class="flex direction-column gap-0-5 hide-on-mobile">
+                            <div class="flex align-center space-between">
+                                <div id="chart_asset"></div>
+                                <strip-select id="price_duration_selector">
+                                    <strip-option value="hour" title="1 Hour price interval" selected>H</strip-option>
+                                    <strip-option value="day" title="1 Day price interval">D</strip-option>
+                                </strip-select>
+                            </div>
+                            <div class="flex" style="position: relative; flex: 1">
+                                <div id="price_history_chart"></div>
+                            </div>
                         </div>
-                        <sm-input id="get_price" placeholder="Max price (₹)" type="number" step="0.01" required animate>
-                        </sm-input>
-                        <sm-input id="get_quantity" placeholder="Quantity" type="number" step="0.0001" required animate>
-                        </sm-input>
-                        </sm-input>
-                        <sm-input id="get_total" placeholder="Total (₹)" type="number" min="0.01" step="0.01" required
-                            animate>
-                        </sm-input>
-                        <div id="quantity_selector" class="flex align-center quantity-selector">
-                            <span id="quantity_type">Rupee</span>
-                            <button class="button" value="0.25" title="Buy FLO worth 25% of total rupee">25%</button>
-                            <button class="button" value="0.5" title="Buy FLO worth 50% of total rupee">50%</button>
-                            <button class="button" value="0.75" title="Buy FLO worth 75% of total rupee">75%</button>
-                            <button class="button" value="1" title="Buy FLO worth 100% of total rupee">100%</button>
-                        </div>
-                        <div id="trade_button_wrapper" class="stateful-button-wrapper flex align-center justify-center">
-                            <sm-button id="trade_button" class="uppercase w-100" variant="primary" onclick="tradeFlo()">
-                                BUY
-                                FLO
-                            </sm-button>
-                        </div>
-                    </sm-form>
+                        <sm-form id="trade_form">
+                            <div class="flex space-between align-center">
+                                <h4 id="traded_asset">Trade FLO</h4>
+                                <strip-select id="trade_type_selector" class="tab">
+                                    <strip-option value="buy" selected>Buy</strip-option>
+                                    <strip-option value="sell">Sell</strip-option>
+                                </strip-select>
+                            </div>
+                            <sm-input id="get_price" placeholder="Max price (₹)" type="number" step="0.01" required
+                                animate>
+                            </sm-input>
+                            <sm-input id="get_quantity" placeholder="Quantity" type="number" step="0.0001" required
+                                animate>
+                            </sm-input>
+                            </sm-input>
+                            <sm-input id="get_total" placeholder="Total (₹)" type="number" min="0.01" step="0.01"
+                                required animate>
+                            </sm-input>
+                            <div id="quantity_selector" class="flex align-center quantity-selector">
+                                <span id="quantity_type">Rupee</span>
+                                <button class="button" value="0.25"
+                                    title="Buy FLO worth 25% of total rupee">25%</button>
+                                <button class="button" value="0.5" title="Buy FLO worth 50% of total rupee">50%</button>
+                                <button class="button" value="0.75"
+                                    title="Buy FLO worth 75% of total rupee">75%</button>
+                                <button class="button" value="1" title="Buy FLO worth 100% of total rupee">100%</button>
+                            </div>
+                            <div id="trade_button_wrapper"
+                                class="stateful-button-wrapper flex align-center justify-center">
+                                <sm-button id="trade_button" class="uppercase w-100" variant="primary"
+                                    onclick="tradeFlo()">
+                                    BUY
+                                    FLO
+                                </sm-button>
+                            </div>
+                        </sm-form>
+                    </div>
                 </section>
             </section>
             <section id="my_orders" class="grid gap-1 hide mobile-page">
@@ -942,7 +953,8 @@
                     }
                     if (params.hasOwnProperty('asset') && params.asset !== '') {
                         getRef('asset_list_wrapper').classList.add('hide-on-mobile')
-                        getRef('trade_form').classList.remove('hide-on-mobile')
+                        getRef('main_header').classList.add('hide-on-mobile')
+                        getRef('asset_page').classList.remove('hide-on-mobile')
 
                         if (!chart) {
                             chart = LightweightCharts.createChart(getRef('price_history_chart'), {
@@ -954,37 +966,11 @@
                             lineSeries = chart.addLineSeries();
                             setChartTheme()
                         }
-                        floExchangeAPI.getRateHistory(params.asset, '2 weeks').then(data => {
-                            data = data.map(({ time, rate }) => {
-                                return {
-                                    time: new Date(time).getTime() / 1000,
-                                    value: rate
-                                }
-                            })
-                            lineSeries.setData(data);
-                            let width
-                            let height
-                            new ResizeObserver(entries => {
-                                height = entries[0].contentRect.height;
-                                width = entries[0].contentRect.width;
-                                chart.applyOptions({ width, height });
-                            }).observe(getRef('price_history_chart').parentNode);
-                            function setLastBarText() {
-                                getRef('chart_asset').innerHTML = `<h4> ${params.asset}/INR</h4><p>${formatAmount(data[data.length - 1].value)}</p>`;
-                            }
-                            setLastBarText();
-                            chart.subscribeCrosshairMove(function (param) {
-                                if (param === undefined || param.time === undefined || param.point.x < 0 || param.point.x > width || param.point.y < 0 || param.point.y > height) {
-                                    setLastBarText();
-                                } else {
-                                    const price = param.seriesPrices.get(lineSeries);
-                                    getRef('chart_asset').innerHTML = `<h4> ${params.asset}/INR</h4><p>${formatAmount(price)}</p>`;
-                                }
-                            });
-                        })
+                        render.chart(params.asset)
                     } else {
+                        getRef('main_header').classList.remove('hide-on-mobile')
                         getRef('asset_list_wrapper').classList.remove('hide-on-mobile')
-                        getRef('trade_form').classList.add('hide-on-mobile')
+                        getRef('asset_page').classList.add('hide-on-mobile')
                     }
                     break;
                 case 'my_orders':
@@ -1217,6 +1203,36 @@
                 card.appendChild(assetBalance)
                 return card
             },
+            chart(asset, duration = '48 weeks') {
+                floExchangeAPI.getRateHistory(asset, duration).then(data => {
+                    data = data.map(({ time, rate }) => {
+                        return {
+                            time: new Date(time).getTime() / 1000,
+                            value: rate
+                        }
+                    })
+                    lineSeries.setData(data);
+                    let width
+                    let height
+                    new ResizeObserver(entries => {
+                        height = entries[0].contentRect.height;
+                        width = entries[0].contentRect.width;
+                        chart.applyOptions({ width, height });
+                    }).observe(getRef('price_history_chart').parentNode);
+                    function setLastBarText() {
+                        getRef('chart_asset').innerHTML = `<h4> ${asset}/INR</h4><p>${formatAmount(data[data.length - 1].value)}</p>`;
+                    }
+                    setLastBarText();
+                    chart.subscribeCrosshairMove(function (param) {
+                        if (param === undefined || param.time === undefined || param.point.x < 0 || param.point.x > width || param.point.y < 0 || param.point.y > height) {
+                            setLastBarText();
+                        } else {
+                            const price = param.seriesPrices.get(lineSeries);
+                            getRef('chart_asset').innerHTML = `<h4> ${asset}/INR</h4><p>${formatAmount(price)}</p>`;
+                        }
+                    });
+                })
+            }
         }
 
         function showProcess(id) {
@@ -1229,6 +1245,17 @@
             getRef(id).children[0].disabled = false
             getRef(id).querySelector('sm-spinner')?.remove()
         }
+
+        getRef('trading_view_switcher').addEventListener('change', e => {
+            if (e.target.value === 'trade') {
+                getRef('price_chart_wrapper').classList.add('hide-on-mobile')
+                getRef('trade_form').classList.remove('hide-on-mobile')
+            } else {
+                getRef('trade_form').classList.add('hide-on-mobile')
+                getRef('price_chart_wrapper').classList.remove('hide-on-mobile')
+            }
+        })
+
         let tradeType = 'buy'
         getRef('trade_type_selector').addEventListener('change', e => {
             tradeType = e.detail.value
@@ -1245,6 +1272,9 @@
                 }
             })
         })
+        getRef('price_duration_selector').addEventListener('change', e => {
+            render.chart(pagesData.params.asset, e.detail.value === 'hour' ? '48 weeks' : 'all-time')
+        })
         async function tradeFlo() {
             const asset = pagesData.params.asset;
             const quantity = parseFloat(getRef('get_quantity').value)

From 559ea933c9b3ce9890bc36557fb817ad79d95bab Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Sun, 3 Apr 2022 01:32:00 +0530
Subject: [PATCH 014/168] Feature and UX update

---
 docs/css/main.css     |   5 +
 docs/css/main.min.css |   2 +-
 docs/css/main.scss    |   4 +
 docs/index.html       | 489 +++++++++++++++++++++++-------------------
 4 files changed, 280 insertions(+), 220 deletions(-)

diff --git a/docs/css/main.css b/docs/css/main.css
index 27509f0..392f41f 100644
--- a/docs/css/main.css
+++ b/docs/css/main.css
@@ -1038,6 +1038,11 @@ sm-checkbox {
     flex-direction: column;
   }
 
+  .listed-asset {
+    border-radius: 0;
+    border-bottom: solid thin rgba(var(--text-color), 0.1);
+  }
+
   #price_chart_wrapper {
     flex: 1;
   }
diff --git a/docs/css/main.min.css b/docs/css/main.min.css
index 59eb201..c1411b0 100644
--- a/docs/css/main.min.css
+++ b/docs/css/main.min.css
@@ -1 +1 @@
-*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #504dff;--text-color: 20, 20, 20;--background-color: 240, 240, 240;--foreground-color: 250, 250, 250;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a3a1ff;--text-color: 220, 220, 220;--background-color: 10, 10, 10;--foreground-color: 24, 24, 24;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{color:var(--accent-color)}button,.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;cursor:pointer;transition:transform .3s;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.button{white-space:nowrap;padding:.6rem 1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.06);color:rgba(var(--text-color), 0.8);justify-content:center}.button--primary{background-color:var(--accent-color);color:rgba(var(--background-color), 1)}button:disabled{opacity:.5}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}ul{list-style:none}.flex{display:flex}.grid{display:grid}.hide{opacity:0;pointer-events:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.breakable{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.h1{font-size:1.5rem}.h2{font-size:1.2rem}.h3{font-size:1rem}.h4{font-size:.9rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.empty-state{display:grid;justify-content:center;text-align:center;width:100%;max-width:none;padding:1.5rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.button__icon--left{margin-right:.5rem}.button__icon--right{margin-left:.5rem}.icon-only{padding:.6rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem 0 .5rem;align-items:center;grid-template-columns:auto 1fr auto}.popup__header__close{padding:.5rem;cursor:pointer}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;width:100%;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:1rem}.logo h4{text-transform:capitalize;font-size:.9rem;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}details[open]>summary{margin-bottom:1rem}details[open]>summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up sm-copy{font-size:.9rem;--button-border-radius: 0.5rem}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:grid;gap:1rem;padding:1.5rem;width:100%;align-items:center;grid-template-columns:1fr auto auto;grid-column:1/-1}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto;padding:0 1.5rem}#pages_container>*{width:min(42rem,100%)}.listed-asset{position:relative;grid-template-columns:auto 1fr auto;gap:.5rem;padding:1rem 0;border-radius:.5rem;opacity:.8;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit}.listed-asset__icon{display:flex}.listed-asset__icon .icon{height:1.5rem;width:1.5rem}#flo_rate{font-weight:700}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{height:100%}#asset_page nav{padding:1rem 0}#asset_page nav .icon-only{margin-left:-0.7rem}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(42rem,100%);grid-template-rows:auto 1fr}#my_orders .icon,#market .icon{height:1.2rem;width:1.2rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:.5rem 1.5rem .5rem .5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{padding:1rem;cursor:pointer}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.transaction-card{grid-template-columns:repeat(3, 1fr) 2rem}.transaction-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type{color:var(--green)}.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type{color:var(--danger-color)}.transaction-card__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.transaction-card__quantity,.transaction-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}#market_orders_list .list__header{font-size:.8rem;font-weight:500}#market_orders_list .list__header div{padding:.5rem 0}#market_orders_list .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}#wallet{gap:1.5rem;align-content:flex-start;width:min(24rem,100%)}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}.balance-card{display:grid;align-items:center;gap:.3rem .5rem;border-radius:.5rem}.balance-card.is-locked{grid-template-columns:auto 1fr;gap:1rem}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:span 2;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.hide-on-mobile{display:none !important}#asset_page{display:flex;flex-direction:column}#price_chart_wrapper{flex:1}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.h1{font-size:2rem}.h2{font-size:1.8rem}.h3{font-size:1.3rem}.h4{font-size:1rem}.popup__header{padding:1rem 1.5rem 0 .5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding:0 .5rem}.main_navbar__item{padding:1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:16rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{overflow:hidden;border-radius:.5rem;height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (max-width: 64rem)and (min-width: 40rem){.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 64rem){#home{grid-template-columns:10rem 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#asset_page nav{grid-column:1/-1}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{opacity:0;transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}.transaction-card button{opacity:0;transition:opacity .3s}.transaction-card:hover button{opacity:1}}
\ No newline at end of file
+*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #504dff;--text-color: 20, 20, 20;--background-color: 240, 240, 240;--foreground-color: 250, 250, 250;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a3a1ff;--text-color: 220, 220, 220;--background-color: 10, 10, 10;--foreground-color: 24, 24, 24;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{color:var(--accent-color)}button,.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;cursor:pointer;transition:transform .3s;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.button{white-space:nowrap;padding:.6rem 1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.06);color:rgba(var(--text-color), 0.8);justify-content:center}.button--primary{background-color:var(--accent-color);color:rgba(var(--background-color), 1)}button:disabled{opacity:.5}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}ul{list-style:none}.flex{display:flex}.grid{display:grid}.hide{opacity:0;pointer-events:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.breakable{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.h1{font-size:1.5rem}.h2{font-size:1.2rem}.h3{font-size:1rem}.h4{font-size:.9rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.empty-state{display:grid;justify-content:center;text-align:center;width:100%;max-width:none;padding:1.5rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.button__icon--left{margin-right:.5rem}.button__icon--right{margin-left:.5rem}.icon-only{padding:.6rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem 0 .5rem;align-items:center;grid-template-columns:auto 1fr auto}.popup__header__close{padding:.5rem;cursor:pointer}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;width:100%;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:1rem}.logo h4{text-transform:capitalize;font-size:.9rem;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}details[open]>summary{margin-bottom:1rem}details[open]>summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up sm-copy{font-size:.9rem;--button-border-radius: 0.5rem}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:grid;gap:1rem;padding:1.5rem;width:100%;align-items:center;grid-template-columns:1fr auto auto;grid-column:1/-1}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto;padding:0 1.5rem}#pages_container>*{width:min(42rem,100%)}.listed-asset{position:relative;grid-template-columns:auto 1fr auto;gap:.5rem;padding:1rem 0;border-radius:.5rem;opacity:.8;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit}.listed-asset__icon{display:flex}.listed-asset__icon .icon{height:1.5rem;width:1.5rem}#flo_rate{font-weight:700}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{height:100%}#asset_page nav{padding:1rem 0}#asset_page nav .icon-only{margin-left:-0.7rem}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(42rem,100%);grid-template-rows:auto 1fr}#my_orders .icon,#market .icon{height:1.2rem;width:1.2rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:.5rem 1.5rem .5rem .5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{padding:1rem;cursor:pointer}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.transaction-card{grid-template-columns:repeat(3, 1fr) 2rem}.transaction-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type{color:var(--green)}.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type{color:var(--danger-color)}.transaction-card__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.transaction-card__quantity,.transaction-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}#market_orders_list .list__header{font-size:.8rem;font-weight:500}#market_orders_list .list__header div{padding:.5rem 0}#market_orders_list .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}#wallet{gap:1.5rem;align-content:flex-start;width:min(24rem,100%)}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}.balance-card{display:grid;align-items:center;gap:.3rem .5rem;border-radius:.5rem}.balance-card.is-locked{grid-template-columns:auto 1fr;gap:1rem}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:span 2;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.hide-on-mobile{display:none !important}#asset_page{display:flex;flex-direction:column}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#price_chart_wrapper{flex:1}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.h1{font-size:2rem}.h2{font-size:1.8rem}.h3{font-size:1.3rem}.h4{font-size:1rem}.popup__header{padding:1rem 1.5rem 0 .5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding:0 .5rem}.main_navbar__item{padding:1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:16rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{overflow:hidden;border-radius:.5rem;height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (max-width: 64rem)and (min-width: 40rem){.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 64rem){#home{grid-template-columns:10rem 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#asset_page nav{grid-column:1/-1}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{opacity:0;transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}.transaction-card button{opacity:0;transition:opacity .3s}.transaction-card:hover button{opacity:1}}
\ No newline at end of file
diff --git a/docs/css/main.scss b/docs/css/main.scss
index 4c9739f..4d1ce0a 100644
--- a/docs/css/main.scss
+++ b/docs/css/main.scss
@@ -964,6 +964,10 @@ sm-checkbox {
     display: flex;
     flex-direction: column;
   }
+  .listed-asset {
+    border-radius: 0;
+    border-bottom: solid thin rgba(var(--text-color), 0.1);
+  }
   #price_chart_wrapper {
     flex: 1;
   }
diff --git a/docs/index.html b/docs/index.html
index 89c99c3..a4e2167 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -66,10 +66,10 @@
             </button>
         </header>
         <section id="pages_container">
-            <section id="exchange" class="mobile-page">
+            <section id="exchange" class="mobile-page hide">
                 <sm-form id="login_form">
                     <div class="grid gap-0-5">
-                        <h4>Login</h4>
+                        <h2>Login</h2>
                         <p>Please login for exchange.</p>
                     </div>
                     <sm-input type="password" id="login_form__priv_key" placeholder="Private key" animate required>
@@ -95,6 +95,7 @@
                 </sm-form>
                 <section id="exchange_wrapper" class="hide user-content">
                     <div id="asset_list_wrapper" class="grid gap-1 align-start">
+                        <h5>ASSETS</h5>
                         <ul id="listed_assets" class="user-content hide"></ul>
                     </div>
                     <div id="asset_page" class="hide-on-mobile">
@@ -115,8 +116,9 @@
                             <div class="flex align-center space-between">
                                 <div id="chart_asset"></div>
                                 <strip-select id="price_duration_selector">
-                                    <strip-option value="hour" title="1 Hour price interval" selected>H</strip-option>
-                                    <strip-option value="day" title="1 Day price interval">D</strip-option>
+                                    <strip-option value="hour" title="1 Hour price interval" selected>Hour
+                                    </strip-option>
+                                    <strip-option value="day" title="1 Day price interval">Day</strip-option>
                                 </strip-select>
                             </div>
                             <div class="flex" style="position: relative; flex: 1">
@@ -415,7 +417,6 @@
                 <h4 id="wallet_result__title"></h4>
                 <p id="wallet_result__description"></p>
             </div>
-            <button class="button" onclick="hideWalletResult()">Go back</button>
         </div>
     </sm-popup>
     <sm-popup id="transaction_info_popup">
@@ -806,6 +807,7 @@
 
         window.addEventListener('hashchange', e => showPage(window.location.hash))
         window.addEventListener("load", () => {
+            showPage(window.location.hash, { firstLoad: true });
             document.body.classList.remove('hide')
             document.querySelectorAll('sm-input[data-private-key]').forEach(input => input.customValidation = floCrypto.getPubKeyHex)
             document.addEventListener('keyup', (e) => {
@@ -854,48 +856,6 @@
             lastPage: '',
             params: {}
         }
-        function getChartTheme() {
-            const theme = getRef('theme_toggle').value
-            const textColor = window.getComputedStyle(document.body).getPropertyValue('--text-color')
-            const accentColor = theme === 'dark' ? '#a3a1ff' : '#504dff'
-            return {
-                chart: {
-                    layout: {
-                        backgroundColor: `rgba(${textColor}, 0.01)`,
-                        lineColor: `rgba(${textColor}, 0.1)`,
-                        textColor: `rgba(${textColor}, 0.8)`,
-                    },
-                    watermark: {
-                        color: 'rgba(0, 0, 0, 0)',
-                    },
-                    crosshair: {
-                        color: '#758696',
-                    },
-                    grid: {
-                        vertLines: {
-                            color: '#2B2B43',
-                        },
-                        horzLines: {
-                            color: '#363C4E',
-                        },
-                    },
-                },
-                series: {
-                    color: accentColor
-                }
-            }
-        }
-        function setChartTheme(e) {
-            const themeToApply = getChartTheme()
-            chart.applyOptions(themeToApply.chart);
-            lineSeries.applyOptions(themeToApply.series);
-        }
-
-        document.addEventListener('themechange', setChartTheme)
-
-
-        let chart
-        let lineSeries
         async function showPage(targetPage, options = {}) {
             const { firstLoad, hashChange } = options
             let pageId
@@ -904,10 +864,6 @@
             let searchParams
             if (targetPage === '') {
                 pageId = 'exchange'
-                // if (typeof proxy.userID === "undefined") {
-                //     pageId = 'landing'
-                // } else {
-                // }
             } else {
                 if (targetPage.includes('/')) {
                     if (targetPage.includes('?')) {
@@ -929,74 +885,112 @@
                 const urlSearchParams = new URLSearchParams('?' + searchParams);
                 params = Object.fromEntries(urlSearchParams.entries());
             }
-            switch (pageId) {
-                case 'exchange':
-                    if (!isMobileView && !params.hasOwnProperty('asset') || params.asset === '') {
-                        params.asset = 'FLO'
-                    }
-                    if (params.hasOwnProperty('asset') && params.asset !== '') {
-                        if (getRef('listed_assets').querySelector('.listed-asset--active'))
-                            getRef('listed_assets').querySelector('.listed-asset--active').classList.remove('listed-asset--active')
-                        getRef('listed_assets').querySelector(`[href="#/exchange?asset=${params.asset}"]`).classList.add('listed-asset--active')
-                        getRef('chart_asset').innerHTML = `<h4> ${params.asset}/INR</h4><p>${formatAmount(floGlobals.exchangeRates[params.asset])}</p>`
-                        getRef('get_price').value = parseFloat(floGlobals.exchangeRates[params.asset].toFixed(4))
-                        getRef('traded_asset').textContent = `Trade ${params.asset}`
-                        getRef('trade_button').textContent = `${tradeType} ${params.asset}`
-                        getRef('quantity_type').textContent = tradeType === 'buy' ? formatAmount(allTokens.rupee.net) : `${parseFloat(allTokens[params.asset].net.toFixed(4))} ${params.asset}`
-                        getRef('quantity_selector').querySelectorAll('.button').forEach(button => {
-                            if (tradeType === 'buy') {
-                                button.title = `Buy ${params.asset} worth ${button.textContent} of total rupee`
-                            } else {
-                                button.title = `Sell ${button.textContent} of total ${params.asset}`
-                            }
-                        })
-                    }
-                    if (params.hasOwnProperty('asset') && params.asset !== '') {
-                        getRef('asset_list_wrapper').classList.add('hide-on-mobile')
-                        getRef('main_header').classList.add('hide-on-mobile')
-                        getRef('asset_page').classList.remove('hide-on-mobile')
-
-                        if (!chart) {
-                            chart = LightweightCharts.createChart(getRef('price_history_chart'), {
-                                width: 800, height: 600,
-                                timeScale: {
-                                    timeVisible: true,
-                                },
-                            });
-                            lineSeries = chart.addLineSeries();
-                            setChartTheme()
-                        }
-                        render.chart(params.asset)
-                    } else {
-                        getRef('main_header').classList.remove('hide-on-mobile')
-                        getRef('asset_list_wrapper').classList.remove('hide-on-mobile')
-                        getRef('asset_page').classList.add('hide-on-mobile')
-                    }
-                    break;
-                case 'my_orders':
-                    break;
-                case 'market':
-                    break;
-                case 'wallet':
-                    break;
+            if (typeof proxy.userID === "undefined" && !['exchange', 'market'].includes(pageId)) {
+                pageId = 'exchange'
+                history.replaceState(null, null, '#/exchange')
             }
+            if (!firstLoad)
+                switch (pageId) {
+                    case 'exchange':
+                        if (!isMobileView && !params.hasOwnProperty('asset') || params.asset === '') {
+                            params.asset = 'FLO'
+                        }
+                        if (params.hasOwnProperty('asset') && params.asset !== '') {
+                            if (getRef('listed_assets').querySelector('.listed-asset--active'))
+                                getRef('listed_assets').querySelector('.listed-asset--active').classList.remove('listed-asset--active')
+                            getRef('listed_assets').querySelector(`[href="#/exchange?asset=${params.asset}"]`).classList.add('listed-asset--active')
+                            getRef('chart_asset').innerHTML = `<h4> ${params.asset}/INR</h4><p>${formatAmount(floGlobals.exchangeRates[params.asset])}</p>`
+                            getRef('get_price').value = parseFloat(floGlobals.exchangeRates[params.asset].toFixed(4))
+                            getRef('traded_asset').textContent = `Trade ${params.asset}`
+                            getRef('trade_button').textContent = `${tradeType} ${params.asset}`
+                            getRef('quantity_type').textContent = tradeType === 'buy' ? formatAmount(allTokens.rupee.net) : `${parseFloat(allTokens[params.asset].net.toFixed(4))} ${params.asset}`
+                            getRef('quantity_selector').querySelectorAll('.button').forEach(button => {
+                                if (tradeType === 'buy') {
+                                    button.title = `Buy ${params.asset} worth ${button.textContent} of total rupee`
+                                } else {
+                                    button.title = `Sell ${button.textContent} of total ${params.asset}`
+                                }
+                            })
+                        }
+                        const animOptions = {
+                            duration: 150,
+                            easing: 'ease',
+                            fill: 'forwards',
+                        }
+                        if (params.hasOwnProperty('asset') && params.asset !== '') {
+                            if (isMobileView) {
+                                if (!getRef('asset_list_wrapper').classList.contains('hide-on-mobile')) {
+                                    animateTo(getRef('main_header'), slideOutLeft, animOptions)
+                                    animateTo(getRef('asset_list_wrapper'), slideOutLeft, animOptions).onfinish = () => {
+                                        getRef('main_header').classList.add('hide-on-mobile')
+                                        getRef('asset_list_wrapper').classList.add('hide-on-mobile')
+                                        getRef('asset_page').classList.remove('hide-on-mobile')
+                                        animateTo(getRef('asset_page'), slideInLeft, animOptions)
+                                    }
+                                }
+                            } else {
+                                getRef('main_header').classList.add('hide-on-mobile')
+                                getRef('asset_list_wrapper').classList.add('hide-on-mobile')
+                                getRef('asset_page').classList.remove('hide-on-mobile')
+                            }
+
+                            if (!chart) {
+                                chart = LightweightCharts.createChart(getRef('price_history_chart'), {
+                                    width: 800, height: 600,
+                                    timeScale: {
+                                        timeVisible: true,
+                                    },
+                                });
+                                lineSeries = chart.addLineSeries();
+                                setChartTheme()
+                            }
+                            render.chart(params.asset)
+                        } else {
+                            if (isMobileView) {
+                                if (!getRef('asset_page').classList.contains('hide-on-mobile')) {
+                                    animateTo(getRef('asset_page'), slideOutRight, animOptions).onfinish = () => {
+                                        getRef('asset_page').classList.add('hide-on-mobile')
+                                        getRef('asset_list_wrapper').classList.remove('hide-on-mobile')
+                                        animateTo(getRef('asset_list_wrapper'), slideInRight, animOptions)
+                                        getRef('main_header').classList.remove('hide-on-mobile')
+                                        animateTo(getRef('main_header'), slideInRight, animOptions)
+                                    }
+                                }
+                            } else {
+                                getRef('asset_page').classList.add('hide-on-mobile')
+                                getRef('asset_list_wrapper').classList.remove('hide-on-mobile')
+                            }
+                        }
+                        break;
+                    case 'my_orders':
+                        break;
+                    case 'market':
+                        break;
+                    case 'wallet':
+                        break;
+                }
             if (pagesData.lastPage !== pageId) {
                 document.querySelectorAll('.mobile-page').forEach(elem => elem.classList.add('hide'))
                 getRef(pageId).classList.remove('hide')
                 document.querySelectorAll('.main_navbar__item').forEach(elem => elem.classList.remove('main_navbar__item--active'))
                 document.querySelector(`.main_navbar__item[href="#/${pageId}"]`).classList.add('main_navbar__item--active')
-                // getRef(pageId)?.animate([
-                //     {
-                //         opacity: 0,
-                //     },
-                //     {
-                //         opacity: 1,
-                //     },
-                // ],
-                //     {
-                //         duration: 150,
-                //         easing: 'ease'
-                //     })
+                getRef('pages_container').style.overflowY = "hidden";
+                getRef(pageId).animate([
+                    {
+                        opacity: 0,
+                        transform: 'translateY(1rem)'
+                    },
+                    {
+                        opacity: 1,
+                        transform: 'translateY(0)'
+                    },
+                ],
+                    {
+                        duration: 150,
+                        easing: 'cubic-bezier(0.175, 0.885, 0.32, 1.275)'
+                    }).onfinish = () => {
+                        getRef('pages_container').style.overflowY = "";
+                    }
                 pagesData.lastPage = pageId
             }
             pagesData.params = params
@@ -1089,8 +1083,9 @@
         function handleMobileChange(e) {
             isMobileView = e.matches
             if (!isMobileView) {
-                getRef('exchange_wrapper').children[0].style = ''
-                getRef('exchange_wrapper').children[1].style = ''
+                getRef('main_header').style = ''
+                getRef('asset_list_wrapper').style = ''
+                getRef('asset_page').style = ''
             }
         }
         mobileQuery.addEventListener('change', handleMobileChange)
@@ -1131,6 +1126,7 @@
             listedAsset(name, rate) {
                 const clone = getRef('listed_asset_template').content.cloneNode(true).firstElementChild.firstElementChild
                 clone.href = `#/exchange?asset=${name}`
+                clone.dataset.listedAsset = name
                 clone.querySelector('.listed-asset__icon').innerHTML = listedAssets[name] ? listedAssets[name].icon : ''
                 clone.querySelector('.listed-asset__rate').textContent = rate
                 clone.querySelector('.listed-asset__name').textContent = name
@@ -1232,6 +1228,100 @@
                         }
                     });
                 })
+            },
+            userOrders() {
+                let { buyOrders, sellOrders, transactions } = accountDetails
+                getRef('orders_list').innerHTML = '';
+                const frag = document.createDocumentFragment()
+                const ordersType = getRef('my_orders_category_selector').value
+                if (ordersType === 'open') {
+                    const allOpenOrders = [...buyOrders, ...sellOrders].sort((a, b) => new Date(b.time_placed).getTime() - new Date(a.time_placed).getTime())
+                    allOpenOrders.forEach(order => {
+                        const { id, asset, quantity, minPrice = undefined, maxPrice = undefined, time_placed } = order
+                        const orderDetails = {
+                            id,
+                            asset,
+                            quantity,
+                            type: minPrice ? 'sell' : 'buy',
+                            price: minPrice || maxPrice,
+                            time: time_placed
+                        }
+                        frag.append(render.orderCard(orderDetails))
+                    })
+                } else {
+                    transactions.forEach(transaction => {
+                        const { asset, quantity, unitValue, tx_time, buyer, seller } = transaction
+                        let type, other;
+                        if (seller === proxy.userID) {
+                            type = 'Sold';
+                            other = buyer === proxy.userID ? 'MySelf' : buyer;
+                        } else if (buyer === proxy.userID) {
+                            type = 'Bought';
+                            other = seller;
+                        } else
+                            return;
+                        const transactionDetails = {
+                            buyer,
+                            seller,
+                            type,
+                            other,
+                            asset,
+                            quantity,
+                            unitValue,
+                            time: tx_time
+                        }
+                        frag.append(render.transactionCard(transactionDetails))
+                    });
+                }
+                getRef('orders_list').append(frag)
+            },
+            async marketOrders() {
+                const frag = document.createDocumentFragment()
+                getRef('market_orders_list').innerHTML = '';
+                const ordersType = getRef('market_orders_category_selector').value
+                if (ordersType === 'open') {
+                    try {
+                        const [buyOrders, sellOrders] = await Promise.all([floExchangeAPI.getBuyList(), floExchangeAPI.getSellList()])
+                        const allOpenOrders = [...buyOrders, ...sellOrders].sort((a, b) => new Date(b.time_placed).getTime() - new Date(a.time_placed).getTime())
+                        allOpenOrders.forEach(order => {
+                            const { floID, asset, quantity, minPrice = undefined, maxPrice = undefined, time_placed } = order
+                            const orderDetails = {
+                                floID,
+                                asset,
+                                quantity,
+                                type: minPrice ? 'sell' : 'buy',
+                                unitValue: minPrice || maxPrice,
+                                time: time_placed
+                            }
+                            frag.append(render.marketOrderCard(orderDetails))
+                        })
+                    }
+                    catch (err) {
+                        notify(err.data, 'error')
+                    }
+                } else {
+                    try {
+                        const marketTransactions = await floExchangeAPI.getTradeList()
+                        marketTransactions.forEach(transaction => {
+                            const { seller, buyer, asset, quantity, unitValue, tx_time } = transaction
+                            const transactionDetails = {
+                                buyer,
+                                seller,
+                                asset,
+                                quantity,
+                                unitValue,
+                                time: tx_time
+                            }
+                            frag.append(render.marketTransactionCard(transactionDetails))
+                        })
+                        const marketTransactionList = getRef('market_transaction_list_template').content.cloneNode(true)
+                        getRef('market_orders_list').append(marketTransactionList)
+                    }
+                    catch (err) {
+                        notify(err.data, 'error')
+                    }
+                }
+                getRef('market_orders_list').append(frag)
             }
         }
 
@@ -1246,6 +1336,47 @@
             getRef(id).querySelector('sm-spinner')?.remove()
         }
 
+        let chart
+        let lineSeries
+        function getChartTheme() {
+            const theme = getRef('theme_toggle').value
+            const textColor = window.getComputedStyle(document.body).getPropertyValue('--text-color')
+            const accentColor = theme === 'dark' ? '#a3a1ff' : '#504dff'
+            return {
+                chart: {
+                    layout: {
+                        backgroundColor: `rgba(${textColor}, 0.01)`,
+                        lineColor: `rgba(${textColor}, 0.1)`,
+                        textColor: `rgba(${textColor}, 0.8)`,
+                    },
+                    watermark: {
+                        color: 'rgba(0, 0, 0, 0)',
+                    },
+                    crosshair: {
+                        color: '#758696',
+                    },
+                    grid: {
+                        vertLines: {
+                            color: '#2B2B43',
+                        },
+                        horzLines: {
+                            color: '#363C4E',
+                        },
+                    },
+                },
+                series: {
+                    color: accentColor
+                }
+            }
+        }
+        function setChartTheme(e) {
+            const themeToApply = getChartTheme()
+            chart.applyOptions(themeToApply.chart);
+            lineSeries.applyOptions(themeToApply.series);
+        }
+
+        document.addEventListener('themechange', setChartTheme)
+
         getRef('trading_view_switcher').addEventListener('change', e => {
             if (e.target.value === 'trade') {
                 getRef('price_chart_wrapper').classList.add('hide-on-mobile')
@@ -1644,103 +1775,9 @@
             })
         }
 
-        function renderUserOrders() {
-            let { buyOrders, sellOrders, transactions } = accountDetails
-            getRef('orders_list').innerHTML = '';
-            const frag = document.createDocumentFragment()
-            const ordersType = getRef('my_orders_category_selector').value
-            if (ordersType === 'open') {
-                const allOpenOrders = [...buyOrders, ...sellOrders].sort((a, b) => new Date(b.time_placed).getTime() - new Date(a.time_placed).getTime())
-                allOpenOrders.forEach(order => {
-                    const { id, asset, quantity, minPrice = undefined, maxPrice = undefined, time_placed } = order
-                    const orderDetails = {
-                        id,
-                        asset,
-                        quantity,
-                        type: minPrice ? 'sell' : 'buy',
-                        price: minPrice || maxPrice,
-                        time: time_placed
-                    }
-                    frag.append(render.orderCard(orderDetails))
-                })
-            } else {
-                transactions.forEach(transaction => {
-                    const { asset, quantity, unitValue, tx_time, buyer, seller } = transaction
-                    let type, other;
-                    if (seller === proxy.userID) {
-                        type = 'Sold';
-                        other = buyer === proxy.userID ? 'MySelf' : buyer;
-                    } else if (buyer === proxy.userID) {
-                        type = 'Bought';
-                        other = seller;
-                    } else
-                        return;
-                    const transactionDetails = {
-                        buyer,
-                        seller,
-                        type,
-                        other,
-                        asset,
-                        quantity,
-                        unitValue,
-                        time: tx_time
-                    }
-                    frag.append(render.transactionCard(transactionDetails))
-                });
-            }
-            getRef('orders_list').append(frag)
-        }
-        getRef('my_orders_category_selector').addEventListener('change', renderUserOrders)
+        getRef('my_orders_category_selector').addEventListener('change', render.userOrders)
 
-        getRef('market_orders_category_selector').addEventListener('change', renderMarketOrders)
-        async function renderMarketOrders() {
-            const frag = document.createDocumentFragment()
-            getRef('market_orders_list').innerHTML = '';
-            const ordersType = getRef('market_orders_category_selector').value
-            if (ordersType === 'open') {
-                try {
-                    const [buyOrders, sellOrders] = await Promise.all([floExchangeAPI.getBuyList(), floExchangeAPI.getSellList()])
-                    const allOpenOrders = [...buyOrders, ...sellOrders].sort((a, b) => new Date(b.time_placed).getTime() - new Date(a.time_placed).getTime())
-                    allOpenOrders.forEach(order => {
-                        const { floID, asset, quantity, minPrice = undefined, maxPrice = undefined, time_placed } = order
-                        const orderDetails = {
-                            floID,
-                            asset,
-                            quantity,
-                            type: minPrice ? 'sell' : 'buy',
-                            unitValue: minPrice || maxPrice,
-                            time: time_placed
-                        }
-                        frag.append(render.marketOrderCard(orderDetails))
-                    })
-                }
-                catch (err) {
-                    notify(err.data, 'error')
-                }
-            } else {
-                try {
-                    const marketTransactions = await floExchangeAPI.getTradeList()
-                    marketTransactions.forEach(transaction => {
-                        const { seller, buyer, asset, quantity, unitValue, tx_time } = transaction
-                        const transactionDetails = {
-                            buyer,
-                            seller,
-                            asset,
-                            quantity,
-                            unitValue,
-                            time: tx_time
-                        }
-                        frag.append(render.marketTransactionCard(transactionDetails))
-                    })
-                    const marketTransactionList = getRef('market_transaction_list_template').content.cloneNode(true)
-                    getRef('market_orders_list').append(marketTransactionList)
-                }
-                catch (err) {
-                    notify(err.data, 'error')
-                }
-            }
-            getRef('market_orders_list').append(frag)
-        }
+        getRef('market_orders_category_selector').addEventListener('change', render.marketOrders)
         getRef('market_orders_list').addEventListener('click', e => {
             if (e.target.closest('.more-info')) {
                 showMoreDetails(e)
@@ -1880,14 +1917,25 @@
                                 net: 0
                             }
                         }
+                        // dynamically render listed assets if not already rendered
                         getRef('listed_assets').append(render.listedAsset(asset, formatAmount(parseFloat(rate))));
                         getRef('wallet_asset_selector').append(createElement('sm-option', {
                             textContent: asset,
                             attributes: { value: asset },
                         }));
                     })
+                } else {
+                    // update rates in UI
+                    for (const asset in rates) {
+                        const rate = rates[asset]
+                        const listedAsset = getRef(`listed_assets`).querySelector(`[data-listed-asset="${asset}"]`)
+                        if (listedAsset) {
+                            listedAsset.querySelector('.listed-asset__rate').textContent = formatAmount(parseFloat(rate))
+                        }
+                    }
                 }
-                getRef('get_price').value = parseFloat(parseFloat(rates["FLO"]).toFixed(4))
+                if (pagesData.params.hasOwnProperty('asset' && pagesData.params.asset !== ''))
+                    getRef('get_price').value = parseFloat(parseFloat(rates[pagesData.params.asset]).toFixed(4))
             }).catch(error => console.error(error))
         }
 
@@ -1906,7 +1954,7 @@
             } else
                 console.info("refresh");
             updateRate(init);
-            renderMarketOrders();
+            render.marketOrders();
             if (proxy.userID)
                 account();
         }
@@ -1961,10 +2009,13 @@
                 getRef('my_assets').append(frag)
 
                 //My orders
-                renderUserOrders();
+                render.userOrders();
                 proxy.secret.then(_ => null).catch(_ => null);
-                showPage(window.location.hash, { firstLoad: true });
+                showPage(window.location.hash);
             }).catch(error => console.error(error))
+                .finally(() => {
+                    hideProcess('login_button_wrapper')
+                })
         };
 
         const UI_evt = {
@@ -2010,10 +2061,10 @@
                     getRef('sign_in_code').value = null;
                     getRef('sign_in_hash').value = null;
                     account();
-                }).catch(error => notify(error.data, 'error'))
-                    .finally(() => {
-                        hideProcess('login_button_wrapper')
-                    })
+                }).catch(error => {
+                    notify(error.data, 'error')
+                    hideProcess('login_button_wrapper')
+                })
             }
 
         };

From 5170870c8276f7c1bb7522c44d51192a7ee9841a Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Sun, 3 Apr 2022 01:45:46 +0530
Subject: [PATCH 015/168] UI fixes

---
 docs/css/components.js | 40 ++++++++++++++++++++--------------------
 docs/index.html        | 15 +++++++++++----
 2 files changed, 31 insertions(+), 24 deletions(-)

diff --git a/docs/css/components.js b/docs/css/components.js
index 9753e20..55257ee 100644
--- a/docs/css/components.js
+++ b/docs/css/components.js
@@ -140,26 +140,26 @@ customElements.define('sm-button',
     })
 const smForm = document.createElement('template');
 smForm.innerHTML = `
-        <style>
-        *{
-            padding: 0;
-            margin: 0;
-            box-sizing: border-box;
-        }
-        :host{
-            display: flex;
-            width: 100%;
-        }
-        form{
-            display: grid;
-            gap: var(--gap, 1.5rem);
-            width: 100%;
-        }
-        </style>
-        <form part="form" onsubmit="return false">
-            <slot></slot>
-        </form>
-    `;
+            <style>
+            *{
+                padding: 0;
+                margin: 0;
+                box-sizing: border-box;
+            }
+            :host{
+                display: flex;
+                width: 100%;
+            }
+            form{
+                display: grid;
+                gap: var(--gap, 1.5rem);
+                width: 100%;
+            }
+            </style>
+            <form part="form" onsubmit="return false">
+                <slot></slot>
+            </form>
+        `;
 
 customElements.define('sm-form', class extends HTMLElement {
     constructor() {
diff --git a/docs/index.html b/docs/index.html
index a4e2167..fcd670b 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -72,8 +72,8 @@
                         <h2>Login</h2>
                         <p>Please login for exchange.</p>
                     </div>
-                    <sm-input type="password" id="login_form__priv_key" placeholder="Private key" animate required>
-                    </sm-input>
+                    <sm-input type="password" id="login_form__priv_key" placeholder="Private key"
+                        error-text="Invalid private key" data-private-key animate required>
                     </sm-input>
                     <sm-checkbox id="remember_me" checked>
                         <span class="button__icon--right">
@@ -405,7 +405,7 @@
                 <button class="button" value="1">100%</button>
             </div>
             <sm-input id="get_private_key" placeholder="FLO private key" type="password" required
-                error-text="Invalid private key" animate>
+                error-text="Invalid private key" data-private-key="" animate>
             </sm-input>
             <div id="wallet_popup__cta_wrapper" class="stateful-button-wrapper">
                 <sm-button id="wallet_popup__cta" class="uppercase" variant="primary"></sm-button>
@@ -809,6 +809,7 @@
         window.addEventListener("load", () => {
             showPage(window.location.hash, { firstLoad: true });
             document.body.classList.remove('hide')
+            document.querySelectorAll('sm-input[data-flo-id]').forEach(input => input.customValidation = floCrypto.validateAddr)
             document.querySelectorAll('sm-input[data-private-key]').forEach(input => input.customValidation = floCrypto.getPubKeyHex)
             document.addEventListener('keyup', (e) => {
                 if (e.key === 'Escape') {
@@ -921,8 +922,10 @@
                             if (isMobileView) {
                                 if (!getRef('asset_list_wrapper').classList.contains('hide-on-mobile')) {
                                     animateTo(getRef('main_header'), slideOutLeft, animOptions)
+                                    animateTo(getRef('main_navbar'), slideOutLeft, animOptions)
                                     animateTo(getRef('asset_list_wrapper'), slideOutLeft, animOptions).onfinish = () => {
                                         getRef('main_header').classList.add('hide-on-mobile')
+                                        getRef('main_navbar').classList.add('hide-on-mobile')
                                         getRef('asset_list_wrapper').classList.add('hide-on-mobile')
                                         getRef('asset_page').classList.remove('hide-on-mobile')
                                         animateTo(getRef('asset_page'), slideInLeft, animOptions)
@@ -930,6 +933,7 @@
                                 }
                             } else {
                                 getRef('main_header').classList.add('hide-on-mobile')
+                                getRef('main_navbar').classList.add('hide-on-mobile')
                                 getRef('asset_list_wrapper').classList.add('hide-on-mobile')
                                 getRef('asset_page').classList.remove('hide-on-mobile')
                             }
@@ -953,7 +957,9 @@
                                         getRef('asset_list_wrapper').classList.remove('hide-on-mobile')
                                         animateTo(getRef('asset_list_wrapper'), slideInRight, animOptions)
                                         getRef('main_header').classList.remove('hide-on-mobile')
+                                        getRef('main_navbar').classList.remove('hide-on-mobile')
                                         animateTo(getRef('main_header'), slideInRight, animOptions)
+                                        animateTo(getRef('main_navbar'), slideInRight, animOptions)
                                     }
                                 }
                             } else {
@@ -1086,6 +1092,7 @@
                 getRef('main_header').style = ''
                 getRef('asset_list_wrapper').style = ''
                 getRef('asset_page').style = ''
+                getRef('main_navbar').style = ''
             }
         }
         mobileQuery.addEventListener('change', handleMobileChange)
@@ -2012,7 +2019,7 @@
                 render.userOrders();
                 proxy.secret.then(_ => null).catch(_ => null);
                 showPage(window.location.hash);
-            }).catch(error => console.error(error))
+            }).catch(error => notify(error.data, 'error'))
                 .finally(() => {
                     hideProcess('login_button_wrapper')
                 })

From dbf71f250670e4258fe5785416ad9066444774f0 Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Sun, 3 Apr 2022 16:02:11 +0530
Subject: [PATCH 016/168] UI fixes

---
 docs/css/main.css     | 27 ++++++++++++++++++++++-----
 docs/css/main.min.css |  2 +-
 docs/css/main.scss    | 33 ++++++++++++++++++++++-----------
 docs/index.html       | 39 ++++++++++++++++++++++++++-------------
 4 files changed, 71 insertions(+), 30 deletions(-)

diff --git a/docs/css/main.css b/docs/css/main.css
index 392f41f..8dab656 100644
--- a/docs/css/main.css
+++ b/docs/css/main.css
@@ -613,9 +613,9 @@ sm-checkbox {
   width: 100%;
   justify-content: center;
   overflow-y: auto;
-  padding: 0 1.5rem;
 }
 #pages_container > * {
+  padding: 0 1.5rem;
   width: min(42rem, 100%);
 }
 
@@ -664,6 +664,10 @@ sm-checkbox {
   min-width: 8ch;
 }
 
+#exchange {
+  padding: 0;
+}
+
 #exchange_wrapper {
   display: flex;
   flex-direction: column;
@@ -673,10 +677,11 @@ sm-checkbox {
 #asset_page {
   height: 100%;
 }
-#asset_page nav {
+
+#asset_page__nav {
   padding: 1rem 0;
 }
-#asset_page nav .icon-only {
+#asset_page__nav .icon-only {
   margin-left: -0.7rem;
 }
 
@@ -1033,6 +1038,16 @@ sm-checkbox {
     display: none !important;
   }
 
+  #asset_page__nav {
+    padding: 1rem 1.5rem 1.5rem 1.5rem;
+  }
+
+  #trade_form,
+#asset_list_wrapper,
+#chart_header {
+    padding: 0 1.5rem;
+  }
+
   #asset_page {
     display: flex;
     flex-direction: column;
@@ -1043,7 +1058,7 @@ sm-checkbox {
     border-bottom: solid thin rgba(var(--text-color), 0.1);
   }
 
-  #price_chart_wrapper {
+  #price_chart_container {
     flex: 1;
   }
 }
@@ -1128,6 +1143,7 @@ sm-checkbox {
   .is-signed-in #exchange {
     display: flex;
     width: 100%;
+    padding: 0 1.5rem;
   }
   .is-signed-in #exchange_wrapper {
     display: grid;
@@ -1182,7 +1198,8 @@ sm-checkbox {
     gap: 1.5rem;
     grid-template-columns: minmax(0, 1fr) 20rem;
   }
-  #asset_page nav {
+
+  #asset_page__nav {
     grid-column: 1/-1;
   }
 }
diff --git a/docs/css/main.min.css b/docs/css/main.min.css
index c1411b0..ff90cd3 100644
--- a/docs/css/main.min.css
+++ b/docs/css/main.min.css
@@ -1 +1 @@
-*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #504dff;--text-color: 20, 20, 20;--background-color: 240, 240, 240;--foreground-color: 250, 250, 250;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a3a1ff;--text-color: 220, 220, 220;--background-color: 10, 10, 10;--foreground-color: 24, 24, 24;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{color:var(--accent-color)}button,.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;cursor:pointer;transition:transform .3s;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.button{white-space:nowrap;padding:.6rem 1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.06);color:rgba(var(--text-color), 0.8);justify-content:center}.button--primary{background-color:var(--accent-color);color:rgba(var(--background-color), 1)}button:disabled{opacity:.5}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}ul{list-style:none}.flex{display:flex}.grid{display:grid}.hide{opacity:0;pointer-events:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.breakable{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.h1{font-size:1.5rem}.h2{font-size:1.2rem}.h3{font-size:1rem}.h4{font-size:.9rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.empty-state{display:grid;justify-content:center;text-align:center;width:100%;max-width:none;padding:1.5rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.button__icon--left{margin-right:.5rem}.button__icon--right{margin-left:.5rem}.icon-only{padding:.6rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem 0 .5rem;align-items:center;grid-template-columns:auto 1fr auto}.popup__header__close{padding:.5rem;cursor:pointer}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;width:100%;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:1rem}.logo h4{text-transform:capitalize;font-size:.9rem;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}details[open]>summary{margin-bottom:1rem}details[open]>summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up sm-copy{font-size:.9rem;--button-border-radius: 0.5rem}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:grid;gap:1rem;padding:1.5rem;width:100%;align-items:center;grid-template-columns:1fr auto auto;grid-column:1/-1}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto;padding:0 1.5rem}#pages_container>*{width:min(42rem,100%)}.listed-asset{position:relative;grid-template-columns:auto 1fr auto;gap:.5rem;padding:1rem 0;border-radius:.5rem;opacity:.8;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit}.listed-asset__icon{display:flex}.listed-asset__icon .icon{height:1.5rem;width:1.5rem}#flo_rate{font-weight:700}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{height:100%}#asset_page nav{padding:1rem 0}#asset_page nav .icon-only{margin-left:-0.7rem}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(42rem,100%);grid-template-rows:auto 1fr}#my_orders .icon,#market .icon{height:1.2rem;width:1.2rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:.5rem 1.5rem .5rem .5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{padding:1rem;cursor:pointer}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.transaction-card{grid-template-columns:repeat(3, 1fr) 2rem}.transaction-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type{color:var(--green)}.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type{color:var(--danger-color)}.transaction-card__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.transaction-card__quantity,.transaction-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}#market_orders_list .list__header{font-size:.8rem;font-weight:500}#market_orders_list .list__header div{padding:.5rem 0}#market_orders_list .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}#wallet{gap:1.5rem;align-content:flex-start;width:min(24rem,100%)}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}.balance-card{display:grid;align-items:center;gap:.3rem .5rem;border-radius:.5rem}.balance-card.is-locked{grid-template-columns:auto 1fr;gap:1rem}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:span 2;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.hide-on-mobile{display:none !important}#asset_page{display:flex;flex-direction:column}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#price_chart_wrapper{flex:1}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.h1{font-size:2rem}.h2{font-size:1.8rem}.h3{font-size:1.3rem}.h4{font-size:1rem}.popup__header{padding:1rem 1.5rem 0 .5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding:0 .5rem}.main_navbar__item{padding:1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:16rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{overflow:hidden;border-radius:.5rem;height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (max-width: 64rem)and (min-width: 40rem){.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 64rem){#home{grid-template-columns:10rem 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#asset_page nav{grid-column:1/-1}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{opacity:0;transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}.transaction-card button{opacity:0;transition:opacity .3s}.transaction-card:hover button{opacity:1}}
\ No newline at end of file
+*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #504dff;--text-color: 20, 20, 20;--background-color: 240, 240, 240;--foreground-color: 250, 250, 250;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a3a1ff;--text-color: 220, 220, 220;--background-color: 10, 10, 10;--foreground-color: 24, 24, 24;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{color:var(--accent-color)}button,.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;cursor:pointer;transition:transform .3s;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.button{white-space:nowrap;padding:.6rem 1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.06);color:rgba(var(--text-color), 0.8);justify-content:center}.button--primary{background-color:var(--accent-color);color:rgba(var(--background-color), 1)}button:disabled{opacity:.5}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}ul{list-style:none}.flex{display:flex}.grid{display:grid}.hide{opacity:0;pointer-events:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.breakable{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.h1{font-size:1.5rem}.h2{font-size:1.2rem}.h3{font-size:1rem}.h4{font-size:.9rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.empty-state{display:grid;justify-content:center;text-align:center;width:100%;max-width:none;padding:1.5rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.button__icon--left{margin-right:.5rem}.button__icon--right{margin-left:.5rem}.icon-only{padding:.6rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem 0 .5rem;align-items:center;grid-template-columns:auto 1fr auto}.popup__header__close{padding:.5rem;cursor:pointer}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;width:100%;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:1rem}.logo h4{text-transform:capitalize;font-size:.9rem;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}details[open]>summary{margin-bottom:1rem}details[open]>summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up sm-copy{font-size:.9rem;--button-border-radius: 0.5rem}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:grid;gap:1rem;padding:1.5rem;width:100%;align-items:center;grid-template-columns:1fr auto auto;grid-column:1/-1}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto}#pages_container>*{padding:0 1.5rem;width:min(42rem,100%)}.listed-asset{position:relative;grid-template-columns:auto 1fr auto;gap:.5rem;padding:1rem 0;border-radius:.5rem;opacity:.8;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit}.listed-asset__icon{display:flex}.listed-asset__icon .icon{height:1.5rem;width:1.5rem}#flo_rate{font-weight:700}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange{padding:0}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{height:100%}#asset_page__nav{padding:1rem 0}#asset_page__nav .icon-only{margin-left:-0.7rem}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(42rem,100%);grid-template-rows:auto 1fr}#my_orders .icon,#market .icon{height:1.2rem;width:1.2rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:.5rem 1.5rem .5rem .5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{padding:1rem;cursor:pointer}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.transaction-card{grid-template-columns:repeat(3, 1fr) 2rem}.transaction-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type{color:var(--green)}.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type{color:var(--danger-color)}.transaction-card__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.transaction-card__quantity,.transaction-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}#market_orders_list .list__header{font-size:.8rem;font-weight:500}#market_orders_list .list__header div{padding:.5rem 0}#market_orders_list .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}#wallet{gap:1.5rem;align-content:flex-start;width:min(24rem,100%)}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}.balance-card{display:grid;align-items:center;gap:.3rem .5rem;border-radius:.5rem}.balance-card.is-locked{grid-template-columns:auto 1fr;gap:1rem}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:span 2;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.hide-on-mobile{display:none !important}#asset_page__nav{padding:1rem 1.5rem 1.5rem 1.5rem}#trade_form,#asset_list_wrapper,#chart_header{padding:0 1.5rem}#asset_page{display:flex;flex-direction:column}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#price_chart_container{flex:1}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.h1{font-size:2rem}.h2{font-size:1.8rem}.h3{font-size:1.3rem}.h4{font-size:1rem}.popup__header{padding:1rem 1.5rem 0 .5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding:0 .5rem}.main_navbar__item{padding:1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}.is-signed-in #exchange{display:flex;width:100%;padding:0 1.5rem}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:16rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{overflow:hidden;border-radius:.5rem;height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (max-width: 64rem)and (min-width: 40rem){.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 64rem){#home{grid-template-columns:10rem 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#asset_page__nav{grid-column:1/-1}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{opacity:0;transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}.transaction-card button{opacity:0;transition:opacity .3s}.transaction-card:hover button{opacity:1}}
\ No newline at end of file
diff --git a/docs/css/main.scss b/docs/css/main.scss
index 4d1ce0a..a95e518 100644
--- a/docs/css/main.scss
+++ b/docs/css/main.scss
@@ -588,8 +588,8 @@ sm-checkbox {
   width: 100%;
   justify-content: center;
   overflow-y: auto;
-  padding: 0 1.5rem;
   & > * {
+    padding: 0 1.5rem;
     width: min(42rem, 100%);
   }
 }
@@ -633,7 +633,9 @@ sm-checkbox {
   font-weight: 500;
   min-width: 8ch;
 }
-
+#exchange {
+  padding: 0;
+}
 #exchange_wrapper {
   display: flex;
   flex-direction: column;
@@ -641,11 +643,11 @@ sm-checkbox {
 }
 #asset_page {
   height: 100%;
-  nav {
-    padding: 1rem 0;
-    .icon-only {
-      margin-left: -0.7rem;
-    }
+}
+#asset_page__nav {
+  padding: 1rem 0;
+  .icon-only {
+    margin-left: -0.7rem;
   }
 }
 #trade_form {
@@ -960,6 +962,14 @@ sm-checkbox {
   .hide-on-mobile {
     display: none !important;
   }
+  #asset_page__nav {
+    padding: 1rem 1.5rem 1.5rem 1.5rem;
+  }
+  #trade_form,
+  #asset_list_wrapper,
+  #chart_header {
+    padding: 0 1.5rem;
+  }
   #asset_page {
     display: flex;
     flex-direction: column;
@@ -968,7 +978,7 @@ sm-checkbox {
     border-radius: 0;
     border-bottom: solid thin rgba(var(--text-color), 0.1);
   }
-  #price_chart_wrapper {
+  #price_chart_container {
     flex: 1;
   }
 }
@@ -1043,6 +1053,7 @@ sm-checkbox {
     #exchange {
       display: flex;
       width: 100%;
+      padding: 0 1.5rem;
     }
     #exchange_wrapper {
       display: grid;
@@ -1096,9 +1107,9 @@ sm-checkbox {
     display: grid;
     gap: 1.5rem;
     grid-template-columns: minmax(0, 1fr) 20rem;
-    nav {
-      grid-column: 1/-1;
-    }
+  }
+  #asset_page__nav {
+    grid-column: 1/-1;
   }
 }
 @media screen and (min-width: 72rem) {
diff --git a/docs/index.html b/docs/index.html
index fcd670b..5fca21b 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -99,7 +99,7 @@
                         <ul id="listed_assets" class="user-content hide"></ul>
                     </div>
                     <div id="asset_page" class="hide-on-mobile">
-                        <nav class="flex align-center space-between hide-on-desktop">
+                        <nav id="asset_page__nav" class="flex align-center space-between hide-on-desktop">
                             <a href="#/exchange" class="button icon-only">
                                 <svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24"
                                     width="24px" fill="#000000">
@@ -112,8 +112,8 @@
                                 <strip-option value="chart">Chart</strip-option>
                             </strip-select>
                         </nav>
-                        <div id="price_chart_wrapper" class="flex direction-column gap-0-5 hide-on-mobile">
-                            <div class="flex align-center space-between">
+                        <div id="price_chart_container" class="flex direction-column gap-0-5 hide-on-mobile">
+                            <div id="chart_header" class="flex align-center space-between">
                                 <div id="chart_asset"></div>
                                 <strip-select id="price_duration_selector">
                                     <strip-option value="hour" title="1 Hour price interval" selected>Hour
@@ -121,7 +121,7 @@
                                     <strip-option value="day" title="1 Day price interval">Day</strip-option>
                                 </strip-select>
                             </div>
-                            <div class="flex" style="position: relative; flex: 1">
+                            <div id="price_chart_wrapper" class="flex" style="position: relative; flex: 1">
                                 <div id="price_history_chart"></div>
                             </div>
                         </div>
@@ -947,6 +947,7 @@
                                 });
                                 lineSeries = chart.addLineSeries();
                                 setChartTheme()
+                                chartObserver.observe(getRef('price_chart_wrapper'))
                             }
                             render.chart(params.asset)
                         } else {
@@ -1129,6 +1130,11 @@
         function formatAmount(amount) {
             return amount.toLocaleString(`en-IN`, { style: 'currency', currency: 'INR', maximumFractionDigits: 5 })
         }
+
+        const chartDimensions = {
+            height: 0,
+            width: 0
+        }
         const render = {
             listedAsset(name, rate) {
                 const clone = getRef('listed_asset_template').content.cloneNode(true).firstElementChild.firstElementChild
@@ -1215,19 +1221,17 @@
                         }
                     })
                     lineSeries.setData(data);
-                    let width
-                    let height
                     new ResizeObserver(entries => {
-                        height = entries[0].contentRect.height;
-                        width = entries[0].contentRect.width;
-                        chart.applyOptions({ width, height });
-                    }).observe(getRef('price_history_chart').parentNode);
+                        chartDimensions.height = entries[0].contentRect.height;
+                        chartDimensions.width = entries[0].contentRect.width;
+                        chart.applyOptions({ width: chartDimensions.width, height: chartDimensions.height });
+                    }).observe(getRef('price_chart_wrapper'));
                     function setLastBarText() {
                         getRef('chart_asset').innerHTML = `<h4> ${asset}/INR</h4><p>${formatAmount(data[data.length - 1].value)}</p>`;
                     }
                     setLastBarText();
                     chart.subscribeCrosshairMove(function (param) {
-                        if (param === undefined || param.time === undefined || param.point.x < 0 || param.point.x > width || param.point.y < 0 || param.point.y > height) {
+                        if (param === undefined || param.time === undefined || param.point.x < 0 || param.point.x > chartDimensions.width || param.point.y < 0 || param.point.y > chartDimensions.height) {
                             setLastBarText();
                         } else {
                             const price = param.seriesPrices.get(lineSeries);
@@ -1343,6 +1347,15 @@
             getRef(id).querySelector('sm-spinner')?.remove()
         }
 
+        const chartObserver = new IntersectionObserver(entries => {
+            if (entries[0].isIntersecting && chart) {
+                const { width, height } = entries[0].target.getBoundingClientRect()
+                chartDimensions.height = height;
+                chartDimensions.width = width;
+                chart.applyOptions({ width: chartDimensions.width, height: chartDimensions.height });
+            }
+        })
+
         let chart
         let lineSeries
         function getChartTheme() {
@@ -1386,11 +1399,11 @@
 
         getRef('trading_view_switcher').addEventListener('change', e => {
             if (e.target.value === 'trade') {
-                getRef('price_chart_wrapper').classList.add('hide-on-mobile')
+                getRef('price_chart_container').classList.add('hide-on-mobile')
                 getRef('trade_form').classList.remove('hide-on-mobile')
             } else {
                 getRef('trade_form').classList.add('hide-on-mobile')
-                getRef('price_chart_wrapper').classList.remove('hide-on-mobile')
+                getRef('price_chart_container').classList.remove('hide-on-mobile')
             }
         })
 

From 0be15792318174c74d7408ac3a1fb63e593fb109 Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Sun, 3 Apr 2022 16:18:43 +0530
Subject: [PATCH 017/168] minor UI fix

---
 docs/css/main.css     | 4 ++--
 docs/css/main.min.css | 3 +--
 docs/css/main.scss    | 2 +-
 3 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/docs/css/main.css b/docs/css/main.css
index e7d5473..2d3a21e 100644
--- a/docs/css/main.css
+++ b/docs/css/main.css
@@ -624,7 +624,6 @@ sm-checkbox {
   grid-template-columns: auto 1fr auto;
   gap: 0.5rem;
   padding: 1rem 0;
-
   border-radius: 0.5rem;
   opacity: 0.8;
   font-weight: 400;
@@ -1043,7 +1042,8 @@ sm-checkbox {
     padding: 1rem 1.5rem 1.5rem 1.5rem;
   }
 
-  #trade_form,
+  #login_form,
+#trade_form,
 #asset_list_wrapper,
 #chart_header {
     padding: 0 1.5rem;
diff --git a/docs/css/main.min.css b/docs/css/main.min.css
index 3842dc7..eb27a2f 100644
--- a/docs/css/main.min.css
+++ b/docs/css/main.min.css
@@ -1,2 +1 @@
-*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #504dff;--text-color: 20, 20, 20;--background-color: 240, 240, 240;--foreground-color: 250, 250, 250;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a3a1ff;--text-color: 220, 220, 220;--background-color: 10, 10, 10;--foreground-color: 24, 24, 24;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{color:var(--accent-color)}button,.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;cursor:pointer;transition:transform .3s;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.button{white-space:nowrap;padding:.6rem 1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.06);color:rgba(var(--text-color), 0.8);justify-content:center}.button--primary{background-color:var(--accent-color);color:rgba(var(--background-color), 1)}button:disabled{opacity:.5}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}ul{list-style:none}.flex{display:flex}.grid{display:grid}.hide{opacity:0;pointer-events:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.breakable{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.h1{font-size:1.5rem}.h2{font-size:1.2rem}.h3{font-size:1rem}.h4{font-size:.9rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.empty-state{display:grid;justify-content:center;text-align:center;width:100%;max-width:none;padding:1.5rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.button__icon--left{margin-right:.5rem}.button__icon--right{margin-left:.5rem}.icon-only{padding:.6rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem 0 .5rem;align-items:center;grid-template-columns:auto 1fr auto}.popup__header__close{padding:.5rem;cursor:pointer}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;width:100%;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:1rem}.logo h4{text-transform:capitalize;font-size:.9rem;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}details[open]>summary{margin-bottom:1rem}details[open]>summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up sm-copy{font-size:.9rem;--button-border-radius: 0.5rem}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:grid;gap:1rem;padding:1.5rem;width:100%;align-items:center;grid-template-columns:1fr auto auto;grid-column:1/-1}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto}#pages_container>*{padding:0 1.5rem;width:min(42rem,100%)}.listed-asset{position:relative;grid-template-columns:auto 1fr auto;gap:.5rem;padding:1rem 0;border-radius:.5rem;opacity:.8;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit}.listed-asset__icon{display:flex}.listed-asset__icon .icon{height:1.5rem;width:1.5rem}#flo_rate{font-weight:700}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange{padding:0}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{height:100%}#asset_page__nav{padding:1rem 0}#asset_page__nav .icon-only{margin-left:-0.7rem}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(42rem,100%);grid-template-rows:auto 1fr}#my_orders .icon,#market .icon{height:1.2rem;width:1.2rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:.5rem 1.5rem .5rem .5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{padding:1rem;cursor:pointer}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.transaction-card{grid-template-columns:repeat(3, 1fr) 2rem}.transaction-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type{color:var(--green)}.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type{color:var(--danger-color)}.transaction-card__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.transaction-card__quantity,.transaction-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}#market_orders_list .list__header{font-size:.8rem;font-weight:500}#market_orders_list .list__header div{padding:.5rem 0}#market_orders_list .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}#wallet{gap:1.5rem;align-content:flex-start;width:min(24rem,100%)}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}.balance-card{display:grid;align-items:center;gap:.3rem .5rem;border-radius:.5rem}.balance-card.is-locked{grid-template-columns:auto 1fr;gap:1rem}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:span 2;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.hide-on-mobile{display:none !important}#asset_page__nav{padding:1rem 1.5rem 1.5rem 1.5rem}#trade_form,#asset_list_wrapper,#chart_header{padding:0 1.5rem}#asset_page{display:flex;flex-direction:column}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#price_chart_container{flex:1}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.h1{font-size:2rem}.h2{font-size:1.8rem}.h3{font-size:1.3rem}.h4{font-size:1rem}.popup__header{padding:1rem 1.5rem 0 .5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding:0 .5rem}.main_navbar__item{padding:1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}.is-signed-in #exchange{display:flex;width:100%;padding:0 1.5rem}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:16rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{overflow:hidden;border-radius:.5rem;height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (max-width: 64rem)and (min-width: 40rem){.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 64rem){#home{grid-template-columns:10rem 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#asset_page__nav{grid-column:1/-1}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{opacity:0;transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}.transaction-card button{opacity:0;transition:opacity .3s}.transaction-card:hover button{opacity:1}}
-
+*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #504dff;--text-color: 20, 20, 20;--background-color: 240, 240, 240;--foreground-color: 250, 250, 250;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a3a1ff;--text-color: 220, 220, 220;--background-color: 10, 10, 10;--foreground-color: 24, 24, 24;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{color:var(--accent-color)}button,.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;cursor:pointer;transition:transform .3s;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.button{white-space:nowrap;padding:.6rem 1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.06);color:rgba(var(--text-color), 0.8);justify-content:center}.button--primary{background-color:var(--accent-color);color:rgba(var(--background-color), 1)}button:disabled{opacity:.5}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}ul{list-style:none}.flex{display:flex}.grid{display:grid}.hide{opacity:0;pointer-events:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.breakable{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.h1{font-size:1.5rem}.h2{font-size:1.2rem}.h3{font-size:1rem}.h4{font-size:.9rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.empty-state{display:grid;justify-content:center;text-align:center;width:100%;max-width:none;padding:1.5rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.button__icon--left{margin-right:.5rem}.button__icon--right{margin-left:.5rem}.icon-only{padding:.6rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem 0 .5rem;align-items:center;grid-template-columns:auto 1fr auto}.popup__header__close{padding:.5rem;cursor:pointer}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;width:100%;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:1rem}.logo h4{text-transform:capitalize;font-size:.9rem;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}details[open]>summary{margin-bottom:1rem}details[open]>summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up sm-copy{font-size:.9rem;--button-border-radius: 0.5rem}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:grid;gap:1rem;padding:1.5rem;width:100%;align-items:center;grid-template-columns:1fr auto auto;grid-column:1/-1}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto}#pages_container>*{padding:0 1.5rem;width:min(42rem,100%)}.listed-asset{position:relative;grid-template-columns:auto 1fr auto;gap:.5rem;padding:1rem 0;border-radius:.5rem;opacity:.8;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit}.listed-asset__icon{display:flex}.listed-asset__icon .icon{height:1.5rem;width:1.5rem}#flo_rate{font-weight:700}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange{padding:0}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{height:100%}#asset_page__nav{padding:1rem 0}#asset_page__nav .icon-only{margin-left:-0.7rem}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(42rem,100%);grid-template-rows:auto 1fr}#my_orders .icon,#market .icon{height:1.2rem;width:1.2rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:.5rem 1.5rem .5rem .5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{padding:1rem;cursor:pointer}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.transaction-card{grid-template-columns:repeat(3, 1fr) 2rem}.transaction-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type{color:var(--green)}.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type{color:var(--danger-color)}.transaction-card__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.transaction-card__quantity,.transaction-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}#market_orders_list .list__header{font-size:.8rem;font-weight:500}#market_orders_list .list__header div{padding:.5rem 0}#market_orders_list .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}#wallet{gap:1.5rem;align-content:flex-start;width:min(24rem,100%)}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}.balance-card{display:grid;align-items:center;gap:.3rem .5rem;border-radius:.5rem}.balance-card.is-locked{grid-template-columns:auto 1fr;gap:1rem}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:span 2;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.hide-on-mobile{display:none !important}#asset_page__nav{padding:1rem 1.5rem 1.5rem 1.5rem}#login_form,#trade_form,#asset_list_wrapper,#chart_header{padding:0 1.5rem}#asset_page{display:flex;flex-direction:column}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#price_chart_container{flex:1}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.h1{font-size:2rem}.h2{font-size:1.8rem}.h3{font-size:1.3rem}.h4{font-size:1rem}.popup__header{padding:1rem 1.5rem 0 .5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding:0 .5rem}.main_navbar__item{padding:1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}.is-signed-in #exchange{display:flex;width:100%;padding:0 1.5rem}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:16rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{overflow:hidden;border-radius:.5rem;height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (max-width: 64rem)and (min-width: 40rem){.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 64rem){#home{grid-template-columns:10rem 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#asset_page__nav{grid-column:1/-1}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{opacity:0;transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}.transaction-card button{opacity:0;transition:opacity .3s}.transaction-card:hover button{opacity:1}}
\ No newline at end of file
diff --git a/docs/css/main.scss b/docs/css/main.scss
index 465d152..40fe6a8 100644
--- a/docs/css/main.scss
+++ b/docs/css/main.scss
@@ -615,7 +615,6 @@ sm-checkbox {
 }
 #flo_rate {
   font-weight: 700;
-
 }
 .quantity-selector {
   .button {
@@ -967,6 +966,7 @@ sm-checkbox {
   #asset_page__nav {
     padding: 1rem 1.5rem 1.5rem 1.5rem;
   }
+  #login_form,
   #trade_form,
   #asset_list_wrapper,
   #chart_header {

From 317d1eb210db8c51aaf0a6bf6c333bfc5a57c2bf Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Sun, 3 Apr 2022 16:33:01 +0530
Subject: [PATCH 018/168] minor UI fixes

---
 docs/css/main.css     | 23 ++++-------------------
 docs/css/main.min.css |  2 +-
 docs/css/main.scss    | 20 ++++----------------
 docs/index.html       |  4 ++--
 4 files changed, 11 insertions(+), 38 deletions(-)

diff --git a/docs/css/main.css b/docs/css/main.css
index 2d3a21e..a2fbcf4 100644
--- a/docs/css/main.css
+++ b/docs/css/main.css
@@ -613,9 +613,9 @@ sm-checkbox {
   width: 100%;
   justify-content: center;
   overflow-y: auto;
+  padding: 0 1.5rem;
 }
 #pages_container > * {
-  padding: 0 1.5rem;
   width: min(42rem, 100%);
 }
 
@@ -664,10 +664,6 @@ sm-checkbox {
   min-width: 8ch;
 }
 
-#exchange {
-  padding: 0;
-}
-
 #exchange_wrapper {
   display: flex;
   flex-direction: column;
@@ -675,6 +671,7 @@ sm-checkbox {
 }
 
 #asset_page {
+  display: grid;
   height: 100%;
 }
 
@@ -1038,20 +1035,9 @@ sm-checkbox {
     display: none !important;
   }
 
-  #asset_page__nav {
-    padding: 1rem 1.5rem 1.5rem 1.5rem;
-  }
-
-  #login_form,
-#trade_form,
-#asset_list_wrapper,
-#chart_header {
-    padding: 0 1.5rem;
-  }
-
   #asset_page {
-    display: flex;
-    flex-direction: column;
+    grid-template-columns: minmax(0, 1fr);
+    grid-template-rows: auto minmax(0, 1fr);
   }
 
   .listed-asset {
@@ -1144,7 +1130,6 @@ sm-checkbox {
   .is-signed-in #exchange {
     display: flex;
     width: 100%;
-    padding: 0 1.5rem;
   }
   .is-signed-in #exchange_wrapper {
     display: grid;
diff --git a/docs/css/main.min.css b/docs/css/main.min.css
index eb27a2f..28451e1 100644
--- a/docs/css/main.min.css
+++ b/docs/css/main.min.css
@@ -1 +1 @@
-*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #504dff;--text-color: 20, 20, 20;--background-color: 240, 240, 240;--foreground-color: 250, 250, 250;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a3a1ff;--text-color: 220, 220, 220;--background-color: 10, 10, 10;--foreground-color: 24, 24, 24;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{color:var(--accent-color)}button,.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;cursor:pointer;transition:transform .3s;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.button{white-space:nowrap;padding:.6rem 1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.06);color:rgba(var(--text-color), 0.8);justify-content:center}.button--primary{background-color:var(--accent-color);color:rgba(var(--background-color), 1)}button:disabled{opacity:.5}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}ul{list-style:none}.flex{display:flex}.grid{display:grid}.hide{opacity:0;pointer-events:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.breakable{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.h1{font-size:1.5rem}.h2{font-size:1.2rem}.h3{font-size:1rem}.h4{font-size:.9rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.empty-state{display:grid;justify-content:center;text-align:center;width:100%;max-width:none;padding:1.5rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.button__icon--left{margin-right:.5rem}.button__icon--right{margin-left:.5rem}.icon-only{padding:.6rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem 0 .5rem;align-items:center;grid-template-columns:auto 1fr auto}.popup__header__close{padding:.5rem;cursor:pointer}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;width:100%;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:1rem}.logo h4{text-transform:capitalize;font-size:.9rem;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}details[open]>summary{margin-bottom:1rem}details[open]>summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up sm-copy{font-size:.9rem;--button-border-radius: 0.5rem}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:grid;gap:1rem;padding:1.5rem;width:100%;align-items:center;grid-template-columns:1fr auto auto;grid-column:1/-1}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto}#pages_container>*{padding:0 1.5rem;width:min(42rem,100%)}.listed-asset{position:relative;grid-template-columns:auto 1fr auto;gap:.5rem;padding:1rem 0;border-radius:.5rem;opacity:.8;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit}.listed-asset__icon{display:flex}.listed-asset__icon .icon{height:1.5rem;width:1.5rem}#flo_rate{font-weight:700}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange{padding:0}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{height:100%}#asset_page__nav{padding:1rem 0}#asset_page__nav .icon-only{margin-left:-0.7rem}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(42rem,100%);grid-template-rows:auto 1fr}#my_orders .icon,#market .icon{height:1.2rem;width:1.2rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:.5rem 1.5rem .5rem .5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{padding:1rem;cursor:pointer}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.transaction-card{grid-template-columns:repeat(3, 1fr) 2rem}.transaction-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type{color:var(--green)}.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type{color:var(--danger-color)}.transaction-card__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.transaction-card__quantity,.transaction-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}#market_orders_list .list__header{font-size:.8rem;font-weight:500}#market_orders_list .list__header div{padding:.5rem 0}#market_orders_list .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}#wallet{gap:1.5rem;align-content:flex-start;width:min(24rem,100%)}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}.balance-card{display:grid;align-items:center;gap:.3rem .5rem;border-radius:.5rem}.balance-card.is-locked{grid-template-columns:auto 1fr;gap:1rem}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:span 2;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.hide-on-mobile{display:none !important}#asset_page__nav{padding:1rem 1.5rem 1.5rem 1.5rem}#login_form,#trade_form,#asset_list_wrapper,#chart_header{padding:0 1.5rem}#asset_page{display:flex;flex-direction:column}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#price_chart_container{flex:1}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.h1{font-size:2rem}.h2{font-size:1.8rem}.h3{font-size:1.3rem}.h4{font-size:1rem}.popup__header{padding:1rem 1.5rem 0 .5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding:0 .5rem}.main_navbar__item{padding:1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}.is-signed-in #exchange{display:flex;width:100%;padding:0 1.5rem}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:16rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{overflow:hidden;border-radius:.5rem;height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (max-width: 64rem)and (min-width: 40rem){.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 64rem){#home{grid-template-columns:10rem 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#asset_page__nav{grid-column:1/-1}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{opacity:0;transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}.transaction-card button{opacity:0;transition:opacity .3s}.transaction-card:hover button{opacity:1}}
\ No newline at end of file
+*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #504dff;--text-color: 20, 20, 20;--background-color: 240, 240, 240;--foreground-color: 250, 250, 250;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a3a1ff;--text-color: 220, 220, 220;--background-color: 10, 10, 10;--foreground-color: 24, 24, 24;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{color:var(--accent-color)}button,.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;cursor:pointer;transition:transform .3s;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.button{white-space:nowrap;padding:.6rem 1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.06);color:rgba(var(--text-color), 0.8);justify-content:center}.button--primary{background-color:var(--accent-color);color:rgba(var(--background-color), 1)}button:disabled{opacity:.5}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}ul{list-style:none}.flex{display:flex}.grid{display:grid}.hide{opacity:0;pointer-events:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.breakable{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.h1{font-size:1.5rem}.h2{font-size:1.2rem}.h3{font-size:1rem}.h4{font-size:.9rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.empty-state{display:grid;justify-content:center;text-align:center;width:100%;max-width:none;padding:1.5rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.button__icon--left{margin-right:.5rem}.button__icon--right{margin-left:.5rem}.icon-only{padding:.6rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem 0 .5rem;align-items:center;grid-template-columns:auto 1fr auto}.popup__header__close{padding:.5rem;cursor:pointer}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;width:100%;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:1rem}.logo h4{text-transform:capitalize;font-size:.9rem;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}details[open]>summary{margin-bottom:1rem}details[open]>summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up sm-copy{font-size:.9rem;--button-border-radius: 0.5rem}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:grid;gap:1rem;padding:1.5rem;width:100%;align-items:center;grid-template-columns:1fr auto auto;grid-column:1/-1}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto;padding:0 1.5rem}#pages_container>*{width:min(42rem,100%)}.listed-asset{position:relative;grid-template-columns:auto 1fr auto;gap:.5rem;padding:1rem 0;border-radius:.5rem;opacity:.8;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit}.listed-asset__icon{display:flex}.listed-asset__icon .icon{height:1.5rem;width:1.5rem}#flo_rate{font-weight:700}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{display:grid;height:100%}#asset_page__nav{padding:1rem 0}#asset_page__nav .icon-only{margin-left:-0.7rem}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(42rem,100%);grid-template-rows:auto 1fr}#my_orders .icon,#market .icon{height:1.2rem;width:1.2rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:.5rem 1.5rem .5rem .5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{padding:1rem;cursor:pointer}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.transaction-card{grid-template-columns:repeat(3, 1fr) 2rem}.transaction-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type{color:var(--green)}.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type{color:var(--danger-color)}.transaction-card__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.transaction-card__quantity,.transaction-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}#market_orders_list .list__header{font-size:.8rem;font-weight:500}#market_orders_list .list__header div{padding:.5rem 0}#market_orders_list .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}#wallet{gap:1.5rem;align-content:flex-start;width:min(24rem,100%)}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}.balance-card{display:grid;align-items:center;gap:.3rem .5rem;border-radius:.5rem}.balance-card.is-locked{grid-template-columns:auto 1fr;gap:1rem}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:span 2;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.hide-on-mobile{display:none !important}#asset_page{grid-template-columns:minmax(0, 1fr);grid-template-rows:auto minmax(0, 1fr)}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#price_chart_container{flex:1}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.h1{font-size:2rem}.h2{font-size:1.8rem}.h3{font-size:1.3rem}.h4{font-size:1rem}.popup__header{padding:1rem 1.5rem 0 .5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding:0 .5rem}.main_navbar__item{padding:1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:16rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{overflow:hidden;border-radius:.5rem;height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (max-width: 64rem)and (min-width: 40rem){.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 64rem){#home{grid-template-columns:10rem 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#asset_page__nav{grid-column:1/-1}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{opacity:0;transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}.transaction-card button{opacity:0;transition:opacity .3s}.transaction-card:hover button{opacity:1}}
\ No newline at end of file
diff --git a/docs/css/main.scss b/docs/css/main.scss
index 40fe6a8..1ed9183 100644
--- a/docs/css/main.scss
+++ b/docs/css/main.scss
@@ -588,8 +588,8 @@ sm-checkbox {
   width: 100%;
   justify-content: center;
   overflow-y: auto;
+  padding: 0 1.5rem;
   & > * {
-    padding: 0 1.5rem;
     width: min(42rem, 100%);
   }
 }
@@ -634,15 +634,13 @@ sm-checkbox {
   font-weight: 500;
   min-width: 8ch;
 }
-#exchange {
-  padding: 0;
-}
 #exchange_wrapper {
   display: flex;
   flex-direction: column;
   height: 100%;
 }
 #asset_page {
+  display: grid;
   height: 100%;
 }
 #asset_page__nav {
@@ -963,18 +961,9 @@ sm-checkbox {
   .hide-on-mobile {
     display: none !important;
   }
-  #asset_page__nav {
-    padding: 1rem 1.5rem 1.5rem 1.5rem;
-  }
-  #login_form,
-  #trade_form,
-  #asset_list_wrapper,
-  #chart_header {
-    padding: 0 1.5rem;
-  }
   #asset_page {
-    display: flex;
-    flex-direction: column;
+    grid-template-columns: minmax(0, 1fr);
+    grid-template-rows: auto minmax(0, 1fr);
   }
   .listed-asset {
     border-radius: 0;
@@ -1055,7 +1044,6 @@ sm-checkbox {
     #exchange {
       display: flex;
       width: 100%;
-      padding: 0 1.5rem;
     }
     #exchange_wrapper {
       display: grid;
diff --git a/docs/index.html b/docs/index.html
index c47580a..0763a4b 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -1223,7 +1223,7 @@
                     })
                     lineSeries.setData(data);
                     new ResizeObserver(entries => {
-                        chartDimensions.height = entries[0].contentRect.height;
+                        chartDimensions.height = entries[0].contentRect.height - 10;
                         chartDimensions.width = entries[0].contentRect.width;
                         chart.applyOptions({ width: chartDimensions.width, height: chartDimensions.height });
                     }).observe(getRef('price_chart_wrapper'));
@@ -1351,7 +1351,7 @@
         const chartObserver = new IntersectionObserver(entries => {
             if (entries[0].isIntersecting && chart) {
                 const { width, height } = entries[0].target.getBoundingClientRect()
-                chartDimensions.height = height;
+                chartDimensions.height = height - 10;
                 chartDimensions.width = width;
                 chart.applyOptions({ width: chartDimensions.width, height: chartDimensions.height });
             }

From 5c6fcf4685d765c1b63bb57c2d18e684f4005d52 Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Sun, 3 Apr 2022 17:44:01 +0530
Subject: [PATCH 019/168] UI fixes

---
 docs/index.html | 30 +++++++++++++++++++-----------
 1 file changed, 19 insertions(+), 11 deletions(-)

diff --git a/docs/index.html b/docs/index.html
index 0763a4b..74dbbf5 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -244,7 +244,17 @@
                     </div>
                 </div>
                 <div class="grid gap-0-5">
-                    <h4>Balance</h4>
+                    <div class="flex align-center space-between">
+                        <h4>Balance</h4>
+                        <button onclick="refresh();" title="Refresh" style="margin-left: 1rem;">
+                            <svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24"
+                                width="24px" fill="#000000">
+                                <path d="M0 0h24v24H0V0z" fill="none" />
+                                <path
+                                    d="M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z" />
+                            </svg>
+                        </button>
+                    </div>
                     <ul id="my_assets" class="grid gap-1"></ul>
                 </div>
             </section>
@@ -1978,14 +1988,14 @@
                 }
             } else
                 console.info("refresh");
-            updateRate(init);
             render.marketOrders();
+            updateRate(init)
             if (proxy.userID)
                 account();
         }
 
         let accountDetails = {}
-        const allTokens = {}
+        let allTokens = {}
         async function account() {
             floExchangeAPI.getAccount(proxy.userID, await proxy.secret).then(async acc => {
                 document.body.classList.add('is-signed-in');
@@ -1999,12 +2009,10 @@
                 getRef("sink_id").value = acc.sinkID;
                 // token balance
                 acc.vault.forEach(({ asset, quantity }) => {
-                    if (!allTokens.hasOwnProperty(asset)) {
-                        allTokens[asset] = {
-                            total: 0,
-                            locked: 0,
-                            net: 0
-                        }
+                    allTokens[asset] = {
+                        total: 0,
+                        locked: 0,
+                        net: 0
                     }
                     allTokens[asset].total += quantity
                 })
@@ -2027,9 +2035,9 @@
 
                 // render all assets in wallet
                 const frag = document.createDocumentFragment();
-                for (const asset in allTokens) {
+                Object.entries(allTokens).sort((a, b) => b[1].net - a[1].net).forEach(([asset]) => {
                     frag.append(render.assetBalanceCard(asset))
-                }
+                })
                 getRef('my_assets').innerHTML = ''
                 getRef('my_assets').append(frag)
 

From 371c4c5bcd2348cb6273f3c07bf82f55496ef56a Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Sun, 3 Apr 2022 20:21:26 +0530
Subject: [PATCH 020/168] UI fixes

---
 docs/css/main.css     | 23 ++++++++----
 docs/css/main.min.css |  2 +-
 docs/css/main.scss    | 31 ++++++++++------
 docs/index.html       | 84 ++++++++++++++++++++++++++-----------------
 4 files changed, 90 insertions(+), 50 deletions(-)

diff --git a/docs/css/main.css b/docs/css/main.css
index a2fbcf4..415d58c 100644
--- a/docs/css/main.css
+++ b/docs/css/main.css
@@ -345,10 +345,11 @@ ul {
   fill: rgba(var(--text-color), 0.8);
 }
 
-.button__icon--left {
+.margin-right-0-5 {
   margin-right: 0.5rem;
 }
-.button__icon--right {
+
+.margin-left-0-5 {
   margin-left: 0.5rem;
 }
 
@@ -494,6 +495,16 @@ sm-checkbox {
   line-height: 1.5;
 }
 
+.tip {
+  border-radius: 2rem;
+  background-color: rgba(var(--text-color), 0.06);
+  padding: 0.3rem 0.8rem;
+  font-size: 0.85rem;
+}
+.tip .icon {
+  fill: var(--accent-color);
+}
+
 .page-layout {
   display: grid;
   grid-template-columns: 1.5rem minmax(0, 1fr) 1.5rem;
@@ -642,16 +653,16 @@ sm-checkbox {
   width: 1.5rem;
 }
 
-#flo_rate {
-  font-weight: 700;
-}
-
 .quantity-selector .button {
   flex: 1;
   padding: 0.5rem 0.6rem;
   margin-left: 0.5rem;
 }
 
+#quantity_selector_tip::first-letter {
+  text-transform: uppercase;
+}
+
 #quantity_type,
 #wallet_quantity_type {
   font-size: 0.8rem;
diff --git a/docs/css/main.min.css b/docs/css/main.min.css
index 28451e1..6be5d63 100644
--- a/docs/css/main.min.css
+++ b/docs/css/main.min.css
@@ -1 +1 @@
-*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #504dff;--text-color: 20, 20, 20;--background-color: 240, 240, 240;--foreground-color: 250, 250, 250;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a3a1ff;--text-color: 220, 220, 220;--background-color: 10, 10, 10;--foreground-color: 24, 24, 24;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{color:var(--accent-color)}button,.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;cursor:pointer;transition:transform .3s;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.button{white-space:nowrap;padding:.6rem 1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.06);color:rgba(var(--text-color), 0.8);justify-content:center}.button--primary{background-color:var(--accent-color);color:rgba(var(--background-color), 1)}button:disabled{opacity:.5}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}ul{list-style:none}.flex{display:flex}.grid{display:grid}.hide{opacity:0;pointer-events:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.breakable{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.h1{font-size:1.5rem}.h2{font-size:1.2rem}.h3{font-size:1rem}.h4{font-size:.9rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.empty-state{display:grid;justify-content:center;text-align:center;width:100%;max-width:none;padding:1.5rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.button__icon--left{margin-right:.5rem}.button__icon--right{margin-left:.5rem}.icon-only{padding:.6rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem 0 .5rem;align-items:center;grid-template-columns:auto 1fr auto}.popup__header__close{padding:.5rem;cursor:pointer}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;width:100%;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:1rem}.logo h4{text-transform:capitalize;font-size:.9rem;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}details[open]>summary{margin-bottom:1rem}details[open]>summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up sm-copy{font-size:.9rem;--button-border-radius: 0.5rem}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:grid;gap:1rem;padding:1.5rem;width:100%;align-items:center;grid-template-columns:1fr auto auto;grid-column:1/-1}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto;padding:0 1.5rem}#pages_container>*{width:min(42rem,100%)}.listed-asset{position:relative;grid-template-columns:auto 1fr auto;gap:.5rem;padding:1rem 0;border-radius:.5rem;opacity:.8;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit}.listed-asset__icon{display:flex}.listed-asset__icon .icon{height:1.5rem;width:1.5rem}#flo_rate{font-weight:700}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{display:grid;height:100%}#asset_page__nav{padding:1rem 0}#asset_page__nav .icon-only{margin-left:-0.7rem}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(42rem,100%);grid-template-rows:auto 1fr}#my_orders .icon,#market .icon{height:1.2rem;width:1.2rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:.5rem 1.5rem .5rem .5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{padding:1rem;cursor:pointer}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.transaction-card{grid-template-columns:repeat(3, 1fr) 2rem}.transaction-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type{color:var(--green)}.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type{color:var(--danger-color)}.transaction-card__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.transaction-card__quantity,.transaction-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}#market_orders_list .list__header{font-size:.8rem;font-weight:500}#market_orders_list .list__header div{padding:.5rem 0}#market_orders_list .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}#wallet{gap:1.5rem;align-content:flex-start;width:min(24rem,100%)}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}.balance-card{display:grid;align-items:center;gap:.3rem .5rem;border-radius:.5rem}.balance-card.is-locked{grid-template-columns:auto 1fr;gap:1rem}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:span 2;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.hide-on-mobile{display:none !important}#asset_page{grid-template-columns:minmax(0, 1fr);grid-template-rows:auto minmax(0, 1fr)}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#price_chart_container{flex:1}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.h1{font-size:2rem}.h2{font-size:1.8rem}.h3{font-size:1.3rem}.h4{font-size:1rem}.popup__header{padding:1rem 1.5rem 0 .5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding:0 .5rem}.main_navbar__item{padding:1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:16rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{overflow:hidden;border-radius:.5rem;height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (max-width: 64rem)and (min-width: 40rem){.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 64rem){#home{grid-template-columns:10rem 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#asset_page__nav{grid-column:1/-1}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{opacity:0;transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}.transaction-card button{opacity:0;transition:opacity .3s}.transaction-card:hover button{opacity:1}}
\ No newline at end of file
+*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #504dff;--text-color: 20, 20, 20;--background-color: 240, 240, 240;--foreground-color: 250, 250, 250;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a3a1ff;--text-color: 220, 220, 220;--background-color: 10, 10, 10;--foreground-color: 24, 24, 24;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{color:var(--accent-color)}button,.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;cursor:pointer;transition:transform .3s;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.button{white-space:nowrap;padding:.6rem 1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.06);color:rgba(var(--text-color), 0.8);justify-content:center}.button--primary{background-color:var(--accent-color);color:rgba(var(--background-color), 1)}button:disabled{opacity:.5}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}ul{list-style:none}.flex{display:flex}.grid{display:grid}.hide{opacity:0;pointer-events:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.breakable{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.h1{font-size:1.5rem}.h2{font-size:1.2rem}.h3{font-size:1rem}.h4{font-size:.9rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.empty-state{display:grid;justify-content:center;text-align:center;width:100%;max-width:none;padding:1.5rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.6rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem 0 .5rem;align-items:center;grid-template-columns:auto 1fr auto}.popup__header__close{padding:.5rem;cursor:pointer}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;width:100%;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:1rem}.logo h4{text-transform:capitalize;font-size:.9rem;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}details[open]>summary{margin-bottom:1rem}details[open]>summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:2rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color)}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up sm-copy{font-size:.9rem;--button-border-radius: 0.5rem}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:grid;gap:1rem;padding:1.5rem;width:100%;align-items:center;grid-template-columns:1fr auto auto;grid-column:1/-1}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto;padding:0 1.5rem}#pages_container>*{width:min(42rem,100%)}.listed-asset{position:relative;grid-template-columns:auto 1fr auto;gap:.5rem;padding:1rem 0;border-radius:.5rem;opacity:.8;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit}.listed-asset__icon{display:flex}.listed-asset__icon .icon{height:1.5rem;width:1.5rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{display:grid;height:100%}#asset_page__nav{padding:1rem 0}#asset_page__nav .icon-only{margin-left:-0.7rem}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(42rem,100%);grid-template-rows:auto 1fr}#my_orders .icon,#market .icon{height:1.2rem;width:1.2rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:.5rem 1.5rem .5rem .5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{padding:1rem;cursor:pointer}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.transaction-card{grid-template-columns:repeat(3, 1fr) 2rem}.transaction-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type{color:var(--green)}.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type{color:var(--danger-color)}.transaction-card__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.transaction-card__quantity,.transaction-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}#market_orders_list .list__header{font-size:.8rem;font-weight:500}#market_orders_list .list__header div{padding:.5rem 0}#market_orders_list .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}#wallet{gap:1.5rem;align-content:flex-start;width:min(24rem,100%)}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}.balance-card{display:grid;align-items:center;gap:.3rem .5rem;border-radius:.5rem}.balance-card.is-locked{grid-template-columns:auto 1fr;gap:1rem}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:span 2;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.hide-on-mobile{display:none !important}#asset_page{grid-template-columns:minmax(0, 1fr);grid-template-rows:auto minmax(0, 1fr)}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#price_chart_container{flex:1}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.h1{font-size:2rem}.h2{font-size:1.8rem}.h3{font-size:1.3rem}.h4{font-size:1rem}.popup__header{padding:1rem 1.5rem 0 .5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding:0 .5rem}.main_navbar__item{padding:1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:16rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{overflow:hidden;border-radius:.5rem;height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (max-width: 64rem)and (min-width: 40rem){.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 64rem){#home{grid-template-columns:10rem 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#asset_page__nav{grid-column:1/-1}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{opacity:0;transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}.transaction-card button{opacity:0;transition:opacity .3s}.transaction-card:hover button{opacity:1}}
\ No newline at end of file
diff --git a/docs/css/main.scss b/docs/css/main.scss
index 1ed9183..0f7d74c 100644
--- a/docs/css/main.scss
+++ b/docs/css/main.scss
@@ -338,14 +338,11 @@ ul {
   fill: rgba(var(--text-color), 0.8);
 }
 
-.button__icon {
-  &--left {
-    margin-right: 0.5rem;
-  }
-
-  &--right {
-    margin-left: 0.5rem;
-  }
+.margin-right-0-5 {
+  margin-right: 0.5rem;
+}
+.margin-left-0-5 {
+  margin-left: 0.5rem;
 }
 .icon-only {
   padding: 0.6rem;
@@ -475,6 +472,15 @@ sm-checkbox {
   border-radius: 0.5rem;
   line-height: 1.5;
 }
+.tip {
+  border-radius: 2rem;
+  background-color: rgba(var(--text-color), 0.06);
+  padding: 0.3rem 0.8rem;
+  font-size: 0.85rem;
+  .icon {
+    fill: var(--accent-color);
+  }
+}
 .page-layout {
   display: grid;
   grid-template-columns: 1.5rem minmax(0, 1fr) 1.5rem;
@@ -613,9 +619,6 @@ sm-checkbox {
     }
   }
 }
-#flo_rate {
-  font-weight: 700;
-}
 .quantity-selector {
   .button {
     flex: 1;
@@ -623,6 +626,12 @@ sm-checkbox {
     margin-left: 0.5rem;
   }
 }
+#quantity_selector_tip {
+  &::first-letter {
+    text-transform: uppercase;
+  }
+}
+
 #quantity_type,
 #wallet_quantity_type {
   font-size: 0.8rem;
diff --git a/docs/index.html b/docs/index.html
index 74dbbf5..148bacf 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -76,7 +76,7 @@
                         error-text="Invalid private key" data-private-key animate required>
                     </sm-input>
                     <sm-checkbox id="remember_me" checked>
-                        <span class="button__icon--right">
+                        <span class="margin-left-0-5">
                             Remember me
                         </span>
                     </sm-checkbox>
@@ -143,14 +143,30 @@
                             <sm-input id="get_total" placeholder="Total (₹)" type="number" min="0.01" step="0.01"
                                 required animate>
                             </sm-input>
-                            <div id="quantity_selector" class="flex align-center quantity-selector">
-                                <span id="quantity_type">Rupee</span>
-                                <button class="button" value="0.25"
-                                    title="Buy FLO worth 25% of total rupee">25%</button>
-                                <button class="button" value="0.5" title="Buy FLO worth 50% of total rupee">50%</button>
-                                <button class="button" value="0.75"
-                                    title="Buy FLO worth 75% of total rupee">75%</button>
-                                <button class="button" value="1" title="Buy FLO worth 100% of total rupee">100%</button>
+                            <div class="grid gap-0-5">
+                                <div id="quantity_selector" class="flex align-center quantity-selector">
+                                    <span id="quantity_type">Rupee</span>
+                                    <button class="button" value="0.25"
+                                        title="Buy FLO worth 25% of total rupee">25%</button>
+                                    <button class="button" value="0.5"
+                                        title="Buy FLO worth 50% of total rupee">50%</button>
+                                    <button class="button" value="0.75"
+                                        title="Buy FLO worth 75% of total rupee">75%</button>
+                                    <button class="button" value="1"
+                                        title="Buy FLO worth 100% of total rupee">100%</button>
+                                </div>
+                                <div class="flex align-center tip">
+                                    <svg class="icon margin-right-0-5" style="height: 1em; width: 1em;"
+                                        xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24"
+                                        height="24px" viewBox="0 0 24 24" width="24px" fill="#000000">
+                                        <rect fill="none" height="24" width="24" y="0" />
+                                        <path
+                                            d="M7,20h4c0,1.1-0.9,2-2,2S7,21.1,7,20z M5,19h8v-2H5V19z M16.5,9.5c0,3.82-2.66,5.86-3.77,6.5H5.27 C4.16,15.36,1.5,13.32,1.5,9.5C1.5,5.36,4.86,2,9,2S16.5,5.36,16.5,9.5z M14.5,9.5C14.5,6.47,12.03,4,9,4S3.5,6.47,3.5,9.5 c0,2.47,1.49,3.89,2.35,4.5h6.3C13.01,13.39,14.5,11.97,14.5,9.5z M21.37,7.37L20,8l1.37,0.63L22,10l0.63-1.37L24,8l-1.37-0.63L22,6 L21.37,7.37z M19,6l0.94-2.06L22,3l-2.06-0.94L19,0l-0.94,2.06L16,3l2.06,0.94L19,6z" />
+                                    </svg>
+                                    <p id="quantity_selector_tip" style="font-size: inherit;">
+                                        Buy FLO worth of above percentage rupee
+                                    </p>
+                                </div>
                             </div>
                             <div id="trade_button_wrapper"
                                 class="stateful-button-wrapper flex align-center justify-center">
@@ -177,7 +193,7 @@
                     </div>
                     <div id="orders_section__header--secondary" class="flex w-100 align-center space-between hide">
                         <button class="" onclick="clearSelection()" title="Clear all selection">
-                            <svg xmlns="http://www.w3.org/2000/svg" class="icon button__icon--left" height="24px"
+                            <svg xmlns="http://www.w3.org/2000/svg" class="icon margin-right-0-5" height="24px"
                                 viewBox="0 0 24 24" width="24px">
                                 <path d="M0 0h24v24H0V0z" fill="none" />
                                 <path
@@ -222,7 +238,7 @@
             </section>
             <section id="wallet" class="grid mobile-page hide">
                 <h4 class="flex align-center user_section__header">
-                    <svg xmlns="http://www.w3.org/2000/svg" class="icon button__icon--left" height="24px"
+                    <svg xmlns="http://www.w3.org/2000/svg" class="icon margin-right-0-5" height="24px"
                         viewBox="0 0 24 24" width="24px">
                         <path d="M0 0h24v24H0V0z" fill="none" />
                         <path
@@ -591,8 +607,8 @@
         <div class="stateful-result stateful-result--success">
             <div class="result__background result__background--success"></div>
             <div class="icon-wrapper flex align-center">
-                <svg xmlns="http://www.w3.org/2000/svg" class="icon button__icon--left" height="24px"
-                    viewBox="0 0 24 24" width="24px" fill="#000000">
+                <svg xmlns="http://www.w3.org/2000/svg" class="icon margin-right-0-5" height="24px" viewBox="0 0 24 24"
+                    width="24px" fill="#000000">
                     <path d="M0 0h24v24H0V0z" fill="none" />
                     <path d="M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z" />
                 </svg>
@@ -604,8 +620,8 @@
         <div class="stateful-result stateful-result--failure">
             <div class="result__background"></div>
             <div class="icon-wrapper flex align-center">
-                <svg xmlns="http://www.w3.org/2000/svg" class="icon button__icon--left" height="24px"
-                    viewBox="0 0 24 24" width="24px" fill="#000000">
+                <svg xmlns="http://www.w3.org/2000/svg" class="icon margin-right-0-5" height="24px" viewBox="0 0 24 24"
+                    width="24px" fill="#000000">
                     <path
                         d="M11 15h2v2h-2v-2zm0-8h2v6h-2V7zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" />
                 </svg>
@@ -916,13 +932,7 @@
                             getRef('traded_asset').textContent = `Trade ${params.asset}`
                             getRef('trade_button').textContent = `${tradeType} ${params.asset}`
                             getRef('quantity_type').textContent = tradeType === 'buy' ? formatAmount(allTokens.rupee.net) : `${parseFloat(allTokens[params.asset].net.toFixed(4))} ${params.asset}`
-                            getRef('quantity_selector').querySelectorAll('.button').forEach(button => {
-                                if (tradeType === 'buy') {
-                                    button.title = `Buy ${params.asset} worth ${button.textContent} of total rupee`
-                                } else {
-                                    button.title = `Sell ${button.textContent} of total ${params.asset}`
-                                }
-                            })
+                            updateTooltip(params.asset, tradeType)
                         }
                         const animOptions = {
                             duration: 150,
@@ -1135,8 +1145,14 @@
                 icon: `<svg class="icon" width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
                     <path fill-rule="evenodd" clip-rule="evenodd" d="M22.0861 14.6534C22.3924 14.3472 22.7898 14.1486 23.2186 14.0876L44.6946 11.0319C45.2676 10.9504 45.8455 11.1432 46.2547 11.5524C47.2381 12.5358 46.8168 14.2128 45.4853 14.6146L28.6869 19.6843C28.3711 19.7796 28.0838 19.9515 27.8505 20.1848L27.0092 21.0261L28.3236 22.3404C29.0306 23.0475 29.0976 24.1522 28.5245 24.9346L52.2562 48.6662C53.0372 49.4473 53.0372 50.7136 52.2562 51.4946L51.4947 52.2561C50.7137 53.0372 49.4473 53.0372 48.6663 52.2561L24.9346 28.5245C24.1522 29.0976 23.0475 29.0306 22.3404 28.3236L21.0261 27.0092L20.1848 27.8505C19.9515 28.0838 19.7796 28.3711 19.6843 28.6869L14.6146 45.4853C14.2128 46.8168 12.5358 47.2381 11.5524 46.2547C11.1432 45.8455 10.9504 45.2675 11.0319 44.6946L14.0876 23.2186C14.1486 22.7898 14.3472 22.3924 14.6534 22.0861L15.3949 21.3447C14.8777 20.6386 14.8818 19.67 15.4072 18.9681C14.8209 18.1848 14.8837 17.0693 15.5958 16.3572L16.3573 15.5958C17.0694 14.8837 18.1848 14.8208 18.9681 15.4072C19.6701 14.8818 20.6386 14.8777 21.3447 15.3949L22.0861 14.6534Z"/>
                     </svg>`
+            },
+            default: {
+                icon: `<svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M15 4c-4.42 0-8 3.58-8 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8zm0 14c-3.31 0-6-2.69-6-6s2.69-6 6-6 6 2.69 6 6-2.69 6-6 6zM3 12c0-2.61 1.67-4.83 4-5.65V4.26C3.55 5.15 1 8.27 1 12s2.55 6.85 6 7.74v-2.09c-2.33-.82-4-3.04-4-5.65z"/></svg>`
             }
         }
+        function getIcon(asset) {
+            return listedAssets.hasOwnProperty(asset) ? listedAssets[asset].icon : listedAssets.default.icon;
+        }
 
         function formatAmount(amount) {
             return amount.toLocaleString(`en-IN`, { style: 'currency', currency: 'INR', maximumFractionDigits: 5 })
@@ -1151,7 +1167,7 @@
                 const clone = getRef('listed_asset_template').content.cloneNode(true).firstElementChild.firstElementChild
                 clone.href = `#/exchange?asset=${name}`
                 clone.dataset.listedAsset = name
-                clone.querySelector('.listed-asset__icon').innerHTML = listedAssets[name] ? listedAssets[name].icon : ''
+                clone.querySelector('.listed-asset__icon').innerHTML = getIcon(name)
                 clone.querySelector('.listed-asset__rate').textContent = rate
                 clone.querySelector('.listed-asset__name').textContent = name
                 return clone
@@ -1213,7 +1229,7 @@
                 const card = getRef('asset_balance_card_template').content.cloneNode(true).firstElementChild
                 card.className = `balance-card ${locked ? 'is-locked' : ''}`
                 card.querySelector('.balance-card__token').textContent = asset
-                card.querySelector('.balance-card__icon').innerHTML = listedAssets[asset] ? listedAssets[asset].icon : ''
+                card.querySelector('.balance-card__icon').innerHTML = getIcon(asset)
                 const templateToClone = locked ? 'locked_balance_template' : 'net_balance_template';
                 const assetBalance = getRef(templateToClone).content.cloneNode(true)
                 assetBalance.querySelector('.available-balance').textContent = asset === 'rupee' ? formatAmount(net) : parseFloat(net.toFixed(4))
@@ -1418,6 +1434,17 @@
             }
         })
 
+        function updateTooltip(asset, tradeType) {
+            getRef('quantity_selector').querySelectorAll('.button').forEach(button => {
+                if (tradeType === 'buy') {
+                    button.title = `Buy ${asset} worth ${button.textContent} of total rupee`
+                } else {
+                    button.title = `Sell ${button.textContent} of total ${asset}`
+                }
+            })
+            getRef('quantity_selector_tip').textContent = `${tradeType} ${asset} worth of above percentage`
+        }
+
         let tradeType = 'buy'
         getRef('trade_type_selector').addEventListener('change', e => {
             tradeType = e.detail.value
@@ -1425,14 +1452,7 @@
             getRef('get_price').setAttribute('placeholder', tradeType === 'buy' ? 'Max price' : 'Min price')
             getRef('trade_button').textContent = `${tradeType} ${selectedAsset}`
             getRef('quantity_type').textContent = tradeType === 'buy' ? formatAmount(allTokens.rupee.net) : `${parseFloat(allTokens[selectedAsset].net.toFixed(4))} ${selectedAsset}`
-
-            getRef('quantity_selector').querySelectorAll('.button').forEach(button => {
-                if (tradeType === 'buy') {
-                    button.title = `Buy ${selectedAsset} worth ${button.textContent} of total rupee`
-                } else {
-                    button.title = `Sell ${button.textContent} of total ${selectedAsset}`
-                }
-            })
+            updateTooltip(selectedAsset, tradeType)
         })
         getRef('price_duration_selector').addEventListener('change', e => {
             render.chart(pagesData.params.asset, e.detail.value === 'hour' ? '48 weeks' : 'all-time')

From c93f1bf65eb2cbfe47d7bcfe3e09221f080f74ab Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Sun, 3 Apr 2022 20:38:25 +0530
Subject: [PATCH 021/168] bug fixes

---
 docs/css/main.css     | 14 ++++++++------
 docs/css/main.min.css |  2 +-
 docs/css/main.scss    | 13 ++++++++-----
 docs/index.html       | 14 +++++++-------
 4 files changed, 24 insertions(+), 19 deletions(-)

diff --git a/docs/css/main.css b/docs/css/main.css
index 415d58c..db46e98 100644
--- a/docs/css/main.css
+++ b/docs/css/main.css
@@ -682,16 +682,23 @@ sm-checkbox {
 }
 
 #asset_page {
-  display: grid;
+  display: flex;
+  flex-direction: column;
   height: 100%;
 }
 
 #asset_page__nav {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
   padding: 1rem 0;
 }
 #asset_page__nav .icon-only {
   margin-left: -0.7rem;
 }
+#asset_page__nav strip-select {
+  align-self: center;
+}
 
 #trade_form {
   height: 100%;
@@ -1046,11 +1053,6 @@ sm-checkbox {
     display: none !important;
   }
 
-  #asset_page {
-    grid-template-columns: minmax(0, 1fr);
-    grid-template-rows: auto minmax(0, 1fr);
-  }
-
   .listed-asset {
     border-radius: 0;
     border-bottom: solid thin rgba(var(--text-color), 0.1);
diff --git a/docs/css/main.min.css b/docs/css/main.min.css
index 6be5d63..ee1d913 100644
--- a/docs/css/main.min.css
+++ b/docs/css/main.min.css
@@ -1 +1 @@
-*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #504dff;--text-color: 20, 20, 20;--background-color: 240, 240, 240;--foreground-color: 250, 250, 250;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a3a1ff;--text-color: 220, 220, 220;--background-color: 10, 10, 10;--foreground-color: 24, 24, 24;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{color:var(--accent-color)}button,.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;cursor:pointer;transition:transform .3s;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.button{white-space:nowrap;padding:.6rem 1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.06);color:rgba(var(--text-color), 0.8);justify-content:center}.button--primary{background-color:var(--accent-color);color:rgba(var(--background-color), 1)}button:disabled{opacity:.5}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}ul{list-style:none}.flex{display:flex}.grid{display:grid}.hide{opacity:0;pointer-events:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.breakable{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.h1{font-size:1.5rem}.h2{font-size:1.2rem}.h3{font-size:1rem}.h4{font-size:.9rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.empty-state{display:grid;justify-content:center;text-align:center;width:100%;max-width:none;padding:1.5rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.6rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem 0 .5rem;align-items:center;grid-template-columns:auto 1fr auto}.popup__header__close{padding:.5rem;cursor:pointer}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;width:100%;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:1rem}.logo h4{text-transform:capitalize;font-size:.9rem;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}details[open]>summary{margin-bottom:1rem}details[open]>summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:2rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color)}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up sm-copy{font-size:.9rem;--button-border-radius: 0.5rem}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:grid;gap:1rem;padding:1.5rem;width:100%;align-items:center;grid-template-columns:1fr auto auto;grid-column:1/-1}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto;padding:0 1.5rem}#pages_container>*{width:min(42rem,100%)}.listed-asset{position:relative;grid-template-columns:auto 1fr auto;gap:.5rem;padding:1rem 0;border-radius:.5rem;opacity:.8;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit}.listed-asset__icon{display:flex}.listed-asset__icon .icon{height:1.5rem;width:1.5rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{display:grid;height:100%}#asset_page__nav{padding:1rem 0}#asset_page__nav .icon-only{margin-left:-0.7rem}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(42rem,100%);grid-template-rows:auto 1fr}#my_orders .icon,#market .icon{height:1.2rem;width:1.2rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:.5rem 1.5rem .5rem .5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{padding:1rem;cursor:pointer}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.transaction-card{grid-template-columns:repeat(3, 1fr) 2rem}.transaction-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type{color:var(--green)}.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type{color:var(--danger-color)}.transaction-card__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.transaction-card__quantity,.transaction-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}#market_orders_list .list__header{font-size:.8rem;font-weight:500}#market_orders_list .list__header div{padding:.5rem 0}#market_orders_list .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}#wallet{gap:1.5rem;align-content:flex-start;width:min(24rem,100%)}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}.balance-card{display:grid;align-items:center;gap:.3rem .5rem;border-radius:.5rem}.balance-card.is-locked{grid-template-columns:auto 1fr;gap:1rem}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:span 2;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.hide-on-mobile{display:none !important}#asset_page{grid-template-columns:minmax(0, 1fr);grid-template-rows:auto minmax(0, 1fr)}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#price_chart_container{flex:1}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.h1{font-size:2rem}.h2{font-size:1.8rem}.h3{font-size:1.3rem}.h4{font-size:1rem}.popup__header{padding:1rem 1.5rem 0 .5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding:0 .5rem}.main_navbar__item{padding:1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:16rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{overflow:hidden;border-radius:.5rem;height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (max-width: 64rem)and (min-width: 40rem){.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 64rem){#home{grid-template-columns:10rem 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#asset_page__nav{grid-column:1/-1}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{opacity:0;transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}.transaction-card button{opacity:0;transition:opacity .3s}.transaction-card:hover button{opacity:1}}
\ No newline at end of file
+*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #504dff;--text-color: 20, 20, 20;--background-color: 240, 240, 240;--foreground-color: 250, 250, 250;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a3a1ff;--text-color: 220, 220, 220;--background-color: 10, 10, 10;--foreground-color: 24, 24, 24;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{color:var(--accent-color)}button,.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;cursor:pointer;transition:transform .3s;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.button{white-space:nowrap;padding:.6rem 1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.06);color:rgba(var(--text-color), 0.8);justify-content:center}.button--primary{background-color:var(--accent-color);color:rgba(var(--background-color), 1)}button:disabled{opacity:.5}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}ul{list-style:none}.flex{display:flex}.grid{display:grid}.hide{opacity:0;pointer-events:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.breakable{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.h1{font-size:1.5rem}.h2{font-size:1.2rem}.h3{font-size:1rem}.h4{font-size:.9rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.empty-state{display:grid;justify-content:center;text-align:center;width:100%;max-width:none;padding:1.5rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.6rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem 0 .5rem;align-items:center;grid-template-columns:auto 1fr auto}.popup__header__close{padding:.5rem;cursor:pointer}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;width:100%;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:1rem}.logo h4{text-transform:capitalize;font-size:.9rem;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}details[open]>summary{margin-bottom:1rem}details[open]>summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:2rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color)}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up sm-copy{font-size:.9rem;--button-border-radius: 0.5rem}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:grid;gap:1rem;padding:1.5rem;width:100%;align-items:center;grid-template-columns:1fr auto auto;grid-column:1/-1}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto;padding:0 1.5rem}#pages_container>*{width:min(42rem,100%)}.listed-asset{position:relative;grid-template-columns:auto 1fr auto;gap:.5rem;padding:1rem 0;border-radius:.5rem;opacity:.8;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit}.listed-asset__icon{display:flex}.listed-asset__icon .icon{height:1.5rem;width:1.5rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{display:flex;flex-direction:column;height:100%}#asset_page__nav{display:flex;flex-direction:column;align-items:flex-start;padding:1rem 0}#asset_page__nav .icon-only{margin-left:-0.7rem}#asset_page__nav strip-select{align-self:center}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(42rem,100%);grid-template-rows:auto 1fr}#my_orders .icon,#market .icon{height:1.2rem;width:1.2rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:.5rem 1.5rem .5rem .5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{padding:1rem;cursor:pointer}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.transaction-card{grid-template-columns:repeat(3, 1fr) 2rem}.transaction-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type{color:var(--green)}.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type{color:var(--danger-color)}.transaction-card__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.transaction-card__quantity,.transaction-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}#market_orders_list .list__header{font-size:.8rem;font-weight:500}#market_orders_list .list__header div{padding:.5rem 0}#market_orders_list .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}#wallet{gap:1.5rem;align-content:flex-start;width:min(24rem,100%)}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}.balance-card{display:grid;align-items:center;gap:.3rem .5rem;border-radius:.5rem}.balance-card.is-locked{grid-template-columns:auto 1fr;gap:1rem}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:span 2;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.hide-on-mobile{display:none !important}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#price_chart_container{flex:1}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.h1{font-size:2rem}.h2{font-size:1.8rem}.h3{font-size:1.3rem}.h4{font-size:1rem}.popup__header{padding:1rem 1.5rem 0 .5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding:0 .5rem}.main_navbar__item{padding:1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:16rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{overflow:hidden;border-radius:.5rem;height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (max-width: 64rem)and (min-width: 40rem){.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 64rem){#home{grid-template-columns:10rem 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#asset_page__nav{grid-column:1/-1}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{opacity:0;transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}.transaction-card button{opacity:0;transition:opacity .3s}.transaction-card:hover button{opacity:1}}
\ No newline at end of file
diff --git a/docs/css/main.scss b/docs/css/main.scss
index 0f7d74c..b97264d 100644
--- a/docs/css/main.scss
+++ b/docs/css/main.scss
@@ -649,14 +649,21 @@ sm-checkbox {
   height: 100%;
 }
 #asset_page {
-  display: grid;
+  display: flex;
+  flex-direction: column;
   height: 100%;
 }
 #asset_page__nav {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
   padding: 1rem 0;
   .icon-only {
     margin-left: -0.7rem;
   }
+  strip-select {
+    align-self: center;
+  }
 }
 #trade_form {
   height: 100%;
@@ -970,10 +977,6 @@ sm-checkbox {
   .hide-on-mobile {
     display: none !important;
   }
-  #asset_page {
-    grid-template-columns: minmax(0, 1fr);
-    grid-template-rows: auto minmax(0, 1fr);
-  }
   .listed-asset {
     border-radius: 0;
     border-bottom: solid thin rgba(var(--text-color), 0.1);
diff --git a/docs/index.html b/docs/index.html
index 148bacf..228fb55 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -99,7 +99,7 @@
                         <ul id="listed_assets" class="user-content hide"></ul>
                     </div>
                     <div id="asset_page" class="hide-on-mobile">
-                        <nav id="asset_page__nav" class="flex align-center space-between hide-on-desktop">
+                        <nav id="asset_page__nav" class="hide-on-desktop">
                             <a href="#/exchange" class="button icon-only">
                                 <svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24"
                                     width="24px" fill="#000000">
@@ -133,7 +133,7 @@
                                     <strip-option value="sell">Sell</strip-option>
                                 </strip-select>
                             </div>
-                            <sm-input id="get_price" placeholder="Max price (₹)" type="number" step="0.01" required
+                            <sm-input id="get_price" placeholder="Max price (₹)" type="number" step="0.0001" required
                                 animate>
                             </sm-input>
                             <sm-input id="get_quantity" placeholder="Quantity" type="number" step="0.0001" required
@@ -1014,7 +1014,7 @@
                     },
                 ],
                     {
-                        duration: 150,
+                        duration: 300,
                         easing: 'cubic-bezier(0.175, 0.885, 0.32, 1.275)'
                     }).onfinish = () => {
                         getRef('pages_container').style.overflowY = "";
@@ -1497,10 +1497,10 @@
                 const selectedAsset = pagesData.params.asset
                 if (tradeType === 'buy') {
                     console.log(parseFloat((fraction * allTokens['rupee'].net).toFixed(4)), parseFloat(((allTokens['rupee'].net * fraction) / unitValue).toFixed(4)))
-                    getRef('get_total').value = parseFloat((fraction * allTokens['rupee'].net).toFixed(4))
+                    getRef('get_total').value = parseFloat((fraction * allTokens['rupee'].net).toFixed(2))
                     getRef('get_quantity').value = parseFloat(((allTokens['rupee'].net * fraction) / unitValue).toFixed(4))
                 } else {
-                    getRef('get_total').value = parseFloat((fraction * allTokens[selectedAsset].net * floGlobals.exchangeRates[selectedAsset]).toFixed(4))
+                    getRef('get_total').value = parseFloat((fraction * allTokens[selectedAsset].net * floGlobals.exchangeRates[selectedAsset]).toFixed(2))
                     getRef('get_quantity').value = parseFloat((allTokens[selectedAsset].net * fraction).toFixed(4))
 
                 }
@@ -1510,11 +1510,11 @@
             const unitValue = parseFloat(getRef('get_price').value) || floGlobals.exchangeRates[pagesData.params.asset]
 
             const quantity = parseFloat(getRef('get_quantity').value) || 0
-            getRef('get_total').value = parseFloat((quantity * unitValue).toFixed(4)) || 0
+            getRef('get_total').value = parseFloat((quantity * unitValue).toFixed(2)) || 0
         })
         getRef('get_quantity').addEventListener('keyup', e => {
             const unitValue = parseFloat(getRef('get_price').value)
-            getRef('get_total').value = parseFloat((parseFloat(e.target.value) * unitValue).toFixed(4)) || 0
+            getRef('get_total').value = parseFloat((parseFloat(e.target.value) * unitValue).toFixed(2)) || 0
         })
         getRef('get_total').addEventListener('keyup', e => {
             const unitValue = parseFloat(getRef('get_price').value)

From af3bd9e687b313beef183dc369d715da216fd5dc Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Tue, 5 Apr 2022 16:26:38 +0530
Subject: [PATCH 022/168] Added confirmation popup for trading

---
 docs/css/main.css     | 16 ++++-------
 docs/css/main.min.css |  2 +-
 docs/css/main.scss    | 17 ++++-------
 docs/index.html       | 66 +++++++++++++++++++++++++++++++++++++++----
 4 files changed, 74 insertions(+), 27 deletions(-)

diff --git a/docs/css/main.css b/docs/css/main.css
index db46e98..9330c7f 100644
--- a/docs/css/main.css
+++ b/docs/css/main.css
@@ -403,7 +403,7 @@ ul {
   display: grid;
   gap: 0.5rem;
   width: 100%;
-  padding: 0 1.5rem 0 0.5rem;
+  padding: 0 1.5rem 0 0.8rem;
   align-items: center;
   grid-template-columns: auto 1fr auto;
 }
@@ -496,13 +496,14 @@ sm-checkbox {
 }
 
 .tip {
-  border-radius: 2rem;
+  border-radius: 1.5rem;
   background-color: rgba(var(--text-color), 0.06);
   padding: 0.3rem 0.8rem;
   font-size: 0.85rem;
 }
 .tip .icon {
   fill: var(--accent-color);
+  flex-shrink: 0;
 }
 
 .page-layout {
@@ -689,16 +690,13 @@ sm-checkbox {
 
 #asset_page__nav {
   display: flex;
-  flex-direction: column;
-  align-items: flex-start;
+  align-items: center;
+  justify-content: space-between;
   padding: 1rem 0;
 }
 #asset_page__nav .icon-only {
   margin-left: -0.7rem;
 }
-#asset_page__nav strip-select {
-  align-self: center;
-}
 
 #trade_form {
   height: 100%;
@@ -1084,7 +1082,7 @@ sm-checkbox {
   }
 
   .popup__header {
-    padding: 1rem 1.5rem 0 0.5rem;
+    padding: 1rem 1.5rem 0 0.8rem;
   }
 
   #confirmation_popup {
@@ -1154,8 +1152,6 @@ sm-checkbox {
   }
 
   #price_history_chart {
-    overflow: hidden;
-    border-radius: 0.5rem;
     height: 20rem;
   }
 
diff --git a/docs/css/main.min.css b/docs/css/main.min.css
index ee1d913..d37a68a 100644
--- a/docs/css/main.min.css
+++ b/docs/css/main.min.css
@@ -1 +1 @@
-*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #504dff;--text-color: 20, 20, 20;--background-color: 240, 240, 240;--foreground-color: 250, 250, 250;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a3a1ff;--text-color: 220, 220, 220;--background-color: 10, 10, 10;--foreground-color: 24, 24, 24;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{color:var(--accent-color)}button,.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;cursor:pointer;transition:transform .3s;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.button{white-space:nowrap;padding:.6rem 1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.06);color:rgba(var(--text-color), 0.8);justify-content:center}.button--primary{background-color:var(--accent-color);color:rgba(var(--background-color), 1)}button:disabled{opacity:.5}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}ul{list-style:none}.flex{display:flex}.grid{display:grid}.hide{opacity:0;pointer-events:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.breakable{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.h1{font-size:1.5rem}.h2{font-size:1.2rem}.h3{font-size:1rem}.h4{font-size:.9rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.empty-state{display:grid;justify-content:center;text-align:center;width:100%;max-width:none;padding:1.5rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.6rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem 0 .5rem;align-items:center;grid-template-columns:auto 1fr auto}.popup__header__close{padding:.5rem;cursor:pointer}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;width:100%;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:1rem}.logo h4{text-transform:capitalize;font-size:.9rem;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}details[open]>summary{margin-bottom:1rem}details[open]>summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:2rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color)}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up sm-copy{font-size:.9rem;--button-border-radius: 0.5rem}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:grid;gap:1rem;padding:1.5rem;width:100%;align-items:center;grid-template-columns:1fr auto auto;grid-column:1/-1}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto;padding:0 1.5rem}#pages_container>*{width:min(42rem,100%)}.listed-asset{position:relative;grid-template-columns:auto 1fr auto;gap:.5rem;padding:1rem 0;border-radius:.5rem;opacity:.8;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit}.listed-asset__icon{display:flex}.listed-asset__icon .icon{height:1.5rem;width:1.5rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{display:flex;flex-direction:column;height:100%}#asset_page__nav{display:flex;flex-direction:column;align-items:flex-start;padding:1rem 0}#asset_page__nav .icon-only{margin-left:-0.7rem}#asset_page__nav strip-select{align-self:center}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(42rem,100%);grid-template-rows:auto 1fr}#my_orders .icon,#market .icon{height:1.2rem;width:1.2rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:.5rem 1.5rem .5rem .5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{padding:1rem;cursor:pointer}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.transaction-card{grid-template-columns:repeat(3, 1fr) 2rem}.transaction-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type{color:var(--green)}.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type{color:var(--danger-color)}.transaction-card__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.transaction-card__quantity,.transaction-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}#market_orders_list .list__header{font-size:.8rem;font-weight:500}#market_orders_list .list__header div{padding:.5rem 0}#market_orders_list .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}#wallet{gap:1.5rem;align-content:flex-start;width:min(24rem,100%)}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}.balance-card{display:grid;align-items:center;gap:.3rem .5rem;border-radius:.5rem}.balance-card.is-locked{grid-template-columns:auto 1fr;gap:1rem}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:span 2;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.hide-on-mobile{display:none !important}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#price_chart_container{flex:1}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.h1{font-size:2rem}.h2{font-size:1.8rem}.h3{font-size:1.3rem}.h4{font-size:1rem}.popup__header{padding:1rem 1.5rem 0 .5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding:0 .5rem}.main_navbar__item{padding:1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:16rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{overflow:hidden;border-radius:.5rem;height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (max-width: 64rem)and (min-width: 40rem){.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 64rem){#home{grid-template-columns:10rem 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#asset_page__nav{grid-column:1/-1}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{opacity:0;transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}.transaction-card button{opacity:0;transition:opacity .3s}.transaction-card:hover button{opacity:1}}
\ No newline at end of file
+*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #504dff;--text-color: 20, 20, 20;--background-color: 240, 240, 240;--foreground-color: 250, 250, 250;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a3a1ff;--text-color: 220, 220, 220;--background-color: 10, 10, 10;--foreground-color: 24, 24, 24;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{color:var(--accent-color)}button,.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;cursor:pointer;transition:transform .3s;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.button{white-space:nowrap;padding:.6rem 1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.06);color:rgba(var(--text-color), 0.8);justify-content:center}.button--primary{background-color:var(--accent-color);color:rgba(var(--background-color), 1)}button:disabled{opacity:.5}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}ul{list-style:none}.flex{display:flex}.grid{display:grid}.hide{opacity:0;pointer-events:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.breakable{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.h1{font-size:1.5rem}.h2{font-size:1.2rem}.h3{font-size:1rem}.h4{font-size:.9rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.empty-state{display:grid;justify-content:center;text-align:center;width:100%;max-width:none;padding:1.5rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.6rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem 0 .8rem;align-items:center;grid-template-columns:auto 1fr auto}.popup__header__close{padding:.5rem;cursor:pointer}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;width:100%;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:1rem}.logo h4{text-transform:capitalize;font-size:.9rem;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}details[open]>summary{margin-bottom:1rem}details[open]>summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up sm-copy{font-size:.9rem;--button-border-radius: 0.5rem}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:grid;gap:1rem;padding:1.5rem;width:100%;align-items:center;grid-template-columns:1fr auto auto;grid-column:1/-1}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto;padding:0 1.5rem}#pages_container>*{width:min(42rem,100%)}.listed-asset{position:relative;grid-template-columns:auto 1fr auto;gap:.5rem;padding:1rem 0;border-radius:.5rem;opacity:.8;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit}.listed-asset__icon{display:flex}.listed-asset__icon .icon{height:1.5rem;width:1.5rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{display:flex;flex-direction:column;height:100%}#asset_page__nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}#asset_page__nav .icon-only{margin-left:-0.7rem}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(42rem,100%);grid-template-rows:auto 1fr}#my_orders .icon,#market .icon{height:1.2rem;width:1.2rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:.5rem 1.5rem .5rem .5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{padding:1rem;cursor:pointer}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.transaction-card{grid-template-columns:repeat(3, 1fr) 2rem}.transaction-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type{color:var(--green)}.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type{color:var(--danger-color)}.transaction-card__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.transaction-card__quantity,.transaction-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}#market_orders_list .list__header{font-size:.8rem;font-weight:500}#market_orders_list .list__header div{padding:.5rem 0}#market_orders_list .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}#wallet{gap:1.5rem;align-content:flex-start;width:min(24rem,100%)}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}.balance-card{display:grid;align-items:center;gap:.3rem .5rem;border-radius:.5rem}.balance-card.is-locked{grid-template-columns:auto 1fr;gap:1rem}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:span 2;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.hide-on-mobile{display:none !important}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#price_chart_container{flex:1}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.h1{font-size:2rem}.h2{font-size:1.8rem}.h3{font-size:1.3rem}.h4{font-size:1rem}.popup__header{padding:1rem 1.5rem 0 .8rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding:0 .5rem}.main_navbar__item{padding:1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:16rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (max-width: 64rem)and (min-width: 40rem){.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 64rem){#home{grid-template-columns:10rem 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#asset_page__nav{grid-column:1/-1}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{opacity:0;transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}.transaction-card button{opacity:0;transition:opacity .3s}.transaction-card:hover button{opacity:1}}
\ No newline at end of file
diff --git a/docs/css/main.scss b/docs/css/main.scss
index b97264d..ddbd093 100644
--- a/docs/css/main.scss
+++ b/docs/css/main.scss
@@ -385,7 +385,7 @@ ul {
   display: grid;
   gap: 0.5rem;
   width: 100%;
-  padding: 0 1.5rem 0 0.5rem;
+  padding: 0 1.5rem 0 0.8rem;
   align-items: center;
   grid-template-columns: auto 1fr auto;
 }
@@ -473,12 +473,13 @@ sm-checkbox {
   line-height: 1.5;
 }
 .tip {
-  border-radius: 2rem;
+  border-radius: 1.5rem;
   background-color: rgba(var(--text-color), 0.06);
   padding: 0.3rem 0.8rem;
   font-size: 0.85rem;
   .icon {
     fill: var(--accent-color);
+    flex-shrink: 0;
   }
 }
 .page-layout {
@@ -655,15 +656,12 @@ sm-checkbox {
 }
 #asset_page__nav {
   display: flex;
-  flex-direction: column;
-  align-items: flex-start;
+  align-items: center;
+  justify-content: space-between;
   padding: 1rem 0;
   .icon-only {
     margin-left: -0.7rem;
   }
-  strip-select {
-    align-self: center;
-  }
 }
 #trade_form {
   height: 100%;
@@ -1005,7 +1003,7 @@ sm-checkbox {
     font-size: 1rem;
   }
   .popup__header {
-    padding: 1rem 1.5rem 0 0.5rem;
+    padding: 1rem 1.5rem 0 0.8rem;
   }
   #confirmation_popup {
     --width: 24rem;
@@ -1067,10 +1065,7 @@ sm-checkbox {
     }
   }
   #price_history_chart {
-    overflow: hidden;
-    border-radius: 0.5rem;
     height: 20rem;
-    // grid-column: 1/-1;
   }
   #asset_list_wrapper {
     grid-row: 1/3;
diff --git a/docs/index.html b/docs/index.html
index 228fb55..04c2263 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -171,9 +171,7 @@
                             <div id="trade_button_wrapper"
                                 class="stateful-button-wrapper flex align-center justify-center">
                                 <sm-button id="trade_button" class="uppercase w-100" variant="primary"
-                                    onclick="tradeFlo()">
-                                    BUY
-                                    FLO
+                                    onclick="showPopup('confirm_trade_popup')">BUY FLO
                                 </sm-button>
                             </div>
                         </sm-form>
@@ -203,7 +201,7 @@
                         </button>
                         <div class="options">
                             <button class="button" title="Cancel selected orders" onclick="cancelAll()">
-                                Cancel orders
+                                Cancel all
                             </button>
                         </div>
                     </div>
@@ -327,6 +325,45 @@
             </a>
         </nav>
     </article>
+
+    <sm-popup id="confirm_trade_popup">
+        <header slot="header" class="popup__header">
+            <button class="popup__header__close" onclick="hidePopup()">
+                <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
+                    <path fill="none" d="M0 0h24v24H0z" />
+                    <path
+                        d="M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z" />
+                </svg>
+            </button>
+            <h3 id="confirm_trade__title" class="uppercase">BUY</h3>
+        </header>
+        <section class="grid gap-1-5">
+            <div class="grid gap-0-5">
+                <h5 id="confirm_trade__price_type"></h5>
+                <h4 id="confirm_trade__price"></h4>
+            </div>
+            <div class="grid gap-0-5">
+                <h5>Quantity</h5>
+                <h4 id="confirm_trade__quantity"></h4>
+            </div>
+            <div class="grid gap-0-5">
+                <h5>Total</h5>
+                <h4 id="confirm_trade__total"></h4>
+            </div>
+            <div class="flex align-center tip">
+                <svg class="icon margin-right-0-5" style="height: 1em; width: 1em;" xmlns="http://www.w3.org/2000/svg"
+                    enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000">
+                    <rect fill="none" height="24" width="24" y="0" />
+                    <path
+                        d="M7,20h4c0,1.1-0.9,2-2,2S7,21.1,7,20z M5,19h8v-2H5V19z M16.5,9.5c0,3.82-2.66,5.86-3.77,6.5H5.27 C4.16,15.36,1.5,13.32,1.5,9.5C1.5,5.36,4.86,2,9,2S16.5,5.36,16.5,9.5z M14.5,9.5C14.5,6.47,12.03,4,9,4S3.5,6.47,3.5,9.5 c0,2.47,1.49,3.89,2.35,4.5h6.3C13.01,13.39,14.5,11.97,14.5,9.5z M21.37,7.37L20,8l1.37,0.63L22,10l0.63-1.37L24,8l-1.37-0.63L22,6 L21.37,7.37z M19,6l0.94-2.06L22,3l-2.06-0.94L19,0l-0.94,2.06L16,3l2.06,0.94L19,6z" />
+                </svg>
+                <p id="confirm_trade__tip" style="font-size: inherit;">
+                    Buy FLO worth of above percentage rupee
+                </p>
+            </div>
+            <sm-button variant="primary" onclick="tradeAsset()" autofocus>Confirm</sm-button>
+        </section>
+    </sm-popup>
     <sm-popup id="user_popup">
         <header slot="header" class="popup__header">
             <button class="popup__header__close" onclick="hidePopup()">
@@ -1457,7 +1494,8 @@
         getRef('price_duration_selector').addEventListener('change', e => {
             render.chart(pagesData.params.asset, e.detail.value === 'hour' ? '48 weeks' : 'all-time')
         })
-        async function tradeFlo() {
+        async function tradeAsset() {
+            hidePopup()
             const asset = pagesData.params.asset;
             const quantity = parseFloat(getRef('get_quantity').value)
             const price = parseFloat(getRef('get_price').value)
@@ -1848,6 +1886,24 @@
                     getRef('generated_flo_id').value = floID
                     getRef('generated_private_key').value = privKey
                     break;
+                case 'confirm_trade_popup':
+                    const asset = pagesData.params.asset;
+                    const tradeType = getRef('trade_type_selector').value
+                    const quantity = parseFloat(getRef('get_quantity').value)
+                    const price = parseFloat(getRef('get_price').value)
+                    const total = parseFloat(getRef('get_total').value)
+                    getRef('confirm_trade__title').textContent = `${tradeType} ${asset}`
+                    getRef('confirm_trade__price_type').textContent = tradeType === 'buy' ? 'Max price' : 'Min price'
+                    getRef('confirm_trade__price').textContent = formatAmount(price)
+                    getRef('confirm_trade__quantity').textContent = quantity
+                    getRef('confirm_trade__total').textContent = formatAmount(total)
+                    if (price !== floGlobals.exchangeRates[asset]) {
+                        getRef('confirm_trade__tip').textContent = `Trade will only happen at current price of ${asset}. So ${tradeType}ing at ${price > floGlobals.exchangeRates[asset] ? 'higher' : 'lower'} price won't execute until price matches that.`
+                        getRef('confirm_trade__tip').parentNode.classList.remove('hide')
+                    } else {
+                        getRef('confirm_trade__tip').parentNode.classList.add('hide')
+                    }
+                    break;
             }
         })
         document.addEventListener('popupclosed', e => {

From 5425e9efa711f8b4a5413eb158e04e86c50bb4ea Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Tue, 5 Apr 2022 16:30:42 +0530
Subject: [PATCH 023/168] minor UI fixes

---
 docs/index.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/index.html b/docs/index.html
index 04c2263..4018660 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -1441,10 +1441,10 @@
                     },
                     grid: {
                         vertLines: {
-                            color: '#2B2B43',
+                            color: `rgba(${textColor}, 0.2)`,
                         },
                         horzLines: {
-                            color: '#363C4E',
+                            color: `rgba(${textColor}, 0.2)`,
                         },
                     },
                 },

From c93ea8a5b1b8e2ea4cf1865a3628ddaf92910e18 Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Wed, 6 Apr 2022 12:01:08 +0530
Subject: [PATCH 024/168] error handling for multiple device login

---
 docs/index.html | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/docs/index.html b/docs/index.html
index 4018660..3566d48 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -2121,7 +2121,14 @@
                 render.userOrders();
                 proxy.secret.then(_ => null).catch(_ => null);
                 showPage(window.location.hash);
-            }).catch(error => notify(error.data, 'error'))
+            }).catch(error => {
+                if (error.data === 'Invalid request signature! Re-login if this error occurs frequently') {
+                    proxy.clear()
+                    location.reload()
+                }
+                else
+                    notify(error.data, 'error')
+            })
                 .finally(() => {
                     hideProcess('login_button_wrapper')
                 })

From 6c09d65f28c97eab76425383d183d9dec1de7206 Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Wed, 6 Apr 2022 12:19:36 +0530
Subject: [PATCH 025/168] fixing grammatical errors

---
 docs/index.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/docs/index.html b/docs/index.html
index 3566d48..2877e46 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -164,7 +164,7 @@
                                             d="M7,20h4c0,1.1-0.9,2-2,2S7,21.1,7,20z M5,19h8v-2H5V19z M16.5,9.5c0,3.82-2.66,5.86-3.77,6.5H5.27 C4.16,15.36,1.5,13.32,1.5,9.5C1.5,5.36,4.86,2,9,2S16.5,5.36,16.5,9.5z M14.5,9.5C14.5,6.47,12.03,4,9,4S3.5,6.47,3.5,9.5 c0,2.47,1.49,3.89,2.35,4.5h6.3C13.01,13.39,14.5,11.97,14.5,9.5z M21.37,7.37L20,8l1.37,0.63L22,10l0.63-1.37L24,8l-1.37-0.63L22,6 L21.37,7.37z M19,6l0.94-2.06L22,3l-2.06-0.94L19,0l-0.94,2.06L16,3l2.06,0.94L19,6z" />
                                     </svg>
                                     <p id="quantity_selector_tip" style="font-size: inherit;">
-                                        Buy FLO worth of above percentage rupee
+                                        Buy FLO worth of the above percentage rupee
                                     </p>
                                 </div>
                             </div>
@@ -358,7 +358,7 @@
                         d="M7,20h4c0,1.1-0.9,2-2,2S7,21.1,7,20z M5,19h8v-2H5V19z M16.5,9.5c0,3.82-2.66,5.86-3.77,6.5H5.27 C4.16,15.36,1.5,13.32,1.5,9.5C1.5,5.36,4.86,2,9,2S16.5,5.36,16.5,9.5z M14.5,9.5C14.5,6.47,12.03,4,9,4S3.5,6.47,3.5,9.5 c0,2.47,1.49,3.89,2.35,4.5h6.3C13.01,13.39,14.5,11.97,14.5,9.5z M21.37,7.37L20,8l1.37,0.63L22,10l0.63-1.37L24,8l-1.37-0.63L22,6 L21.37,7.37z M19,6l0.94-2.06L22,3l-2.06-0.94L19,0l-0.94,2.06L16,3l2.06,0.94L19,6z" />
                 </svg>
                 <p id="confirm_trade__tip" style="font-size: inherit;">
-                    Buy FLO worth of above percentage rupee
+                    Buy FLO worth of the above percentage rupee
                 </p>
             </div>
             <sm-button variant="primary" onclick="tradeAsset()" autofocus>Confirm</sm-button>
@@ -384,7 +384,7 @@
                 <div class="grid gap-0-5">
                     <h4>Add password lock</h4>
                     <p>
-                        Adding password lock allows to authenticate transactions with custom password instead of
+                        Adding a password lock allows to authenticate transactions with custom a password instead of
                         private key.
                     </p>
                 </div>
@@ -1479,7 +1479,7 @@
                     button.title = `Sell ${button.textContent} of total ${asset}`
                 }
             })
-            getRef('quantity_selector_tip').textContent = `${tradeType} ${asset} worth of above percentage`
+            getRef('quantity_selector_tip').textContent = `${tradeType} ${asset} worth of the above percentage`
         }
 
         let tradeType = 'buy'

From 86e29b6d526772fa746e71c7dbb408823d7b7265 Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Thu, 7 Apr 2022 19:29:25 +0530
Subject: [PATCH 026/168] Added token transfer option to UI

---
 docs/css/main.css     |  4 +--
 docs/css/main.min.css |  2 +-
 docs/css/main.scss    |  4 +--
 docs/index.html       | 79 ++++++++++++++++++++++++++++---------------
 4 files changed, 57 insertions(+), 32 deletions(-)

diff --git a/docs/css/main.css b/docs/css/main.css
index 9330c7f..08251ad 100644
--- a/docs/css/main.css
+++ b/docs/css/main.css
@@ -845,11 +845,11 @@ sm-checkbox {
   border-radius: 0.5rem;
 }
 .balance-card.is-locked {
-  grid-template-columns: auto 1fr;
+  grid-template-columns: auto 1fr auto;
   gap: 1rem;
 }
 .balance-card:not(.is-locked) {
-  grid-template-columns: auto 1fr auto;
+  grid-template-columns: auto 1fr auto auto;
 }
 .balance-card__icon {
   display: flex;
diff --git a/docs/css/main.min.css b/docs/css/main.min.css
index d37a68a..de511c9 100644
--- a/docs/css/main.min.css
+++ b/docs/css/main.min.css
@@ -1 +1 @@
-*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #504dff;--text-color: 20, 20, 20;--background-color: 240, 240, 240;--foreground-color: 250, 250, 250;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a3a1ff;--text-color: 220, 220, 220;--background-color: 10, 10, 10;--foreground-color: 24, 24, 24;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{color:var(--accent-color)}button,.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;cursor:pointer;transition:transform .3s;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.button{white-space:nowrap;padding:.6rem 1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.06);color:rgba(var(--text-color), 0.8);justify-content:center}.button--primary{background-color:var(--accent-color);color:rgba(var(--background-color), 1)}button:disabled{opacity:.5}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}ul{list-style:none}.flex{display:flex}.grid{display:grid}.hide{opacity:0;pointer-events:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.breakable{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.h1{font-size:1.5rem}.h2{font-size:1.2rem}.h3{font-size:1rem}.h4{font-size:.9rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.empty-state{display:grid;justify-content:center;text-align:center;width:100%;max-width:none;padding:1.5rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.6rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem 0 .8rem;align-items:center;grid-template-columns:auto 1fr auto}.popup__header__close{padding:.5rem;cursor:pointer}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;width:100%;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:1rem}.logo h4{text-transform:capitalize;font-size:.9rem;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}details[open]>summary{margin-bottom:1rem}details[open]>summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up sm-copy{font-size:.9rem;--button-border-radius: 0.5rem}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:grid;gap:1rem;padding:1.5rem;width:100%;align-items:center;grid-template-columns:1fr auto auto;grid-column:1/-1}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto;padding:0 1.5rem}#pages_container>*{width:min(42rem,100%)}.listed-asset{position:relative;grid-template-columns:auto 1fr auto;gap:.5rem;padding:1rem 0;border-radius:.5rem;opacity:.8;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit}.listed-asset__icon{display:flex}.listed-asset__icon .icon{height:1.5rem;width:1.5rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{display:flex;flex-direction:column;height:100%}#asset_page__nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}#asset_page__nav .icon-only{margin-left:-0.7rem}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(42rem,100%);grid-template-rows:auto 1fr}#my_orders .icon,#market .icon{height:1.2rem;width:1.2rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:.5rem 1.5rem .5rem .5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{padding:1rem;cursor:pointer}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.transaction-card{grid-template-columns:repeat(3, 1fr) 2rem}.transaction-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type{color:var(--green)}.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type{color:var(--danger-color)}.transaction-card__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.transaction-card__quantity,.transaction-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}#market_orders_list .list__header{font-size:.8rem;font-weight:500}#market_orders_list .list__header div{padding:.5rem 0}#market_orders_list .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}#wallet{gap:1.5rem;align-content:flex-start;width:min(24rem,100%)}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}.balance-card{display:grid;align-items:center;gap:.3rem .5rem;border-radius:.5rem}.balance-card.is-locked{grid-template-columns:auto 1fr;gap:1rem}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:span 2;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.hide-on-mobile{display:none !important}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#price_chart_container{flex:1}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.h1{font-size:2rem}.h2{font-size:1.8rem}.h3{font-size:1.3rem}.h4{font-size:1rem}.popup__header{padding:1rem 1.5rem 0 .8rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding:0 .5rem}.main_navbar__item{padding:1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:16rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (max-width: 64rem)and (min-width: 40rem){.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 64rem){#home{grid-template-columns:10rem 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#asset_page__nav{grid-column:1/-1}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{opacity:0;transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}.transaction-card button{opacity:0;transition:opacity .3s}.transaction-card:hover button{opacity:1}}
\ No newline at end of file
+*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #504dff;--text-color: 20, 20, 20;--background-color: 240, 240, 240;--foreground-color: 250, 250, 250;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a3a1ff;--text-color: 220, 220, 220;--background-color: 10, 10, 10;--foreground-color: 24, 24, 24;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{color:var(--accent-color)}button,.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;cursor:pointer;transition:transform .3s;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.button{white-space:nowrap;padding:.6rem 1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.06);color:rgba(var(--text-color), 0.8);justify-content:center}.button--primary{background-color:var(--accent-color);color:rgba(var(--background-color), 1)}button:disabled{opacity:.5}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}ul{list-style:none}.flex{display:flex}.grid{display:grid}.hide{opacity:0;pointer-events:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.breakable{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.h1{font-size:1.5rem}.h2{font-size:1.2rem}.h3{font-size:1rem}.h4{font-size:.9rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.empty-state{display:grid;justify-content:center;text-align:center;width:100%;max-width:none;padding:1.5rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.6rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem 0 .8rem;align-items:center;grid-template-columns:auto 1fr auto}.popup__header__close{padding:.5rem;cursor:pointer}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;width:100%;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:1rem}.logo h4{text-transform:capitalize;font-size:.9rem;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}details[open]>summary{margin-bottom:1rem}details[open]>summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up sm-copy{font-size:.9rem;--button-border-radius: 0.5rem}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:grid;gap:1rem;padding:1.5rem;width:100%;align-items:center;grid-template-columns:1fr auto auto;grid-column:1/-1}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto;padding:0 1.5rem}#pages_container>*{width:min(42rem,100%)}.listed-asset{position:relative;grid-template-columns:auto 1fr auto;gap:.5rem;padding:1rem 0;border-radius:.5rem;opacity:.8;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit}.listed-asset__icon{display:flex}.listed-asset__icon .icon{height:1.5rem;width:1.5rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{display:flex;flex-direction:column;height:100%}#asset_page__nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}#asset_page__nav .icon-only{margin-left:-0.7rem}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(42rem,100%);grid-template-rows:auto 1fr}#my_orders .icon,#market .icon{height:1.2rem;width:1.2rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:.5rem 1.5rem .5rem .5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{padding:1rem;cursor:pointer}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.transaction-card{grid-template-columns:repeat(3, 1fr) 2rem}.transaction-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type{color:var(--green)}.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type{color:var(--danger-color)}.transaction-card__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.transaction-card__quantity,.transaction-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}#market_orders_list .list__header{font-size:.8rem;font-weight:500}#market_orders_list .list__header div{padding:.5rem 0}#market_orders_list .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}#wallet{gap:1.5rem;align-content:flex-start;width:min(24rem,100%)}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}.balance-card{display:grid;align-items:center;gap:.3rem .5rem;border-radius:.5rem}.balance-card.is-locked{grid-template-columns:auto 1fr auto;gap:1rem}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:span 2;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.hide-on-mobile{display:none !important}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#price_chart_container{flex:1}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.h1{font-size:2rem}.h2{font-size:1.8rem}.h3{font-size:1.3rem}.h4{font-size:1rem}.popup__header{padding:1rem 1.5rem 0 .8rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding:0 .5rem}.main_navbar__item{padding:1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:16rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (max-width: 64rem)and (min-width: 40rem){.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 64rem){#home{grid-template-columns:10rem 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#asset_page__nav{grid-column:1/-1}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{opacity:0;transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}.transaction-card button{opacity:0;transition:opacity .3s}.transaction-card:hover button{opacity:1}}
\ No newline at end of file
diff --git a/docs/css/main.scss b/docs/css/main.scss
index ddbd093..b3beff3 100644
--- a/docs/css/main.scss
+++ b/docs/css/main.scss
@@ -807,11 +807,11 @@ sm-checkbox {
   gap: 0.3rem 0.5rem;
   border-radius: 0.5rem;
   &.is-locked {
-    grid-template-columns: auto 1fr;
+    grid-template-columns: auto 1fr auto;
     gap: 1rem;
   }
   &:not(.is-locked) {
-    grid-template-columns: auto 1fr auto;
+    grid-template-columns: auto 1fr auto auto;
   }
   &__icon {
     display: flex;
diff --git a/docs/index.html b/docs/index.html
index 2877e46..8c0b329 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -255,6 +255,9 @@
                         <button class="button" value="withdraw">
                             Withdraw
                         </button>
+                        <button class="button" value="transfer">
+                            Transfer
+                        </button>
                     </div>
                 </div>
                 <div class="grid gap-0-5">
@@ -457,6 +460,8 @@
         </header>
         <sm-form id="wallet_form">
             <input type="text" id="sink_id" style="display: none;" hidden />
+            <sm-input id="get_receiver_id" placeholder="Receiver FLO ID" error-text="Invalid FLO ID" data-flo-id
+                required animate></sm-input>
             <sm-input id="get_user_amount" placeholder="Quantity" type="number" min="0.01" step="0.00001" required
                 animate>
             </sm-input>
@@ -1562,27 +1567,36 @@
         getRef('wallet_actions').addEventListener('click', e => {
             if (e.target.closest('.button')) {
                 const target = e.target.closest('.button')
-                showPopup('wallet_popup')
                 const type = target.value
                 const asset = getRef('wallet_asset_selector').value
-                getRef('wallet_quantity_type').textContent = asset
+
+                getRef('wallet_quantity_type').textContent = getRef('quantity_type').textContent = asset === 'rupee' ? formatAmount(allTokens.rupee.net) : `${parseFloat(allTokens[asset].net.toFixed(4))} ${asset}`
                 getRef('wallet_popup__cta').textContent = `${type} ${asset}`
                 getRef('wallet_popup__cta').setAttribute('value', type)
                 getRef('wallet_popup__title').textContent = `${type} ${asset}`
                 getRef('get_user_amount').setAttribute('step', asset === 'rupee' ? '0.01' : '0.00001')
                 getRef('get_user_amount').setAttribute('min', asset === 'rupee' ? '0.01' : '0.00001')
-
-                if (type === 'withdraw') {
-                    getRef('get_private_key').classList.add('hide')
-                    getRef('wallet_quantity_selector').classList.remove('hide')
-                    getRef('get_private_key').removeAttribute('required')
-
-                } else {
-                    getRef('get_private_key').setAttribute('required', '')
-                    getRef('wallet_quantity_selector').classList.add('hide')
-                    getRef('get_private_key').classList.remove('hide')
+                // default form element state
+                getRef('get_receiver_id').removeAttribute('required')
+                getRef('get_receiver_id').classList.add('hide')
+                getRef('get_private_key').removeAttribute('required')
+                getRef('get_private_key').classList.add('hide')
+                getRef('wallet_quantity_selector').classList.remove('hide')
+                switch (type) {
+                    case 'withdraw':
+                        break;
+                    case 'deposit':
+                        getRef('get_private_key').setAttribute('required', '')
+                        getRef('get_private_key').classList.remove('hide')
+                        getRef('wallet_quantity_selector').classList.add('hide')
+                        break;
+                    case 'transfer':
+                        getRef('get_receiver_id').setAttribute('required', '')
+                        getRef('get_receiver_id').classList.remove('hide')
+                        break;
                 }
                 getRef('wallet_form').elementsChanged()
+                showPopup('wallet_popup')
             }
         })
         function showWalletResult(status, title, description) {
@@ -1644,21 +1658,32 @@
             try {
                 showProcess('wallet_popup__cta_wrapper')
                 const proxySecret = await proxy.secret;
-                if (type === 'deposit') {
-                    const privKey = getRef('get_private_key').value;
-                    if (asset === 'FLO') {
-                        await floExchangeAPI.depositFLO(quantity, proxy.userID, proxy.sinkID, privKey, proxySecret)
-                    } else {
-                        await floExchangeAPI.depositToken(asset, quantity, proxy.userID, proxy.sinkID, privKey, proxySecret)
-                    }
-                    showWalletResult('success', `Sent ${asset} deposit request`, 'This may take upto 30 mins to reflect in your wallet.')
-                } else {
-                    if (asset === 'FLO') {
-                        await floExchangeAPI.withdrawFLO(quantity, proxy.userID, proxySecret)
-                    } else {
-                        await floExchangeAPI.withdrawToken(asset, quantity, proxy.userID, proxySecret)
-                    }
-                    showWalletResult('success', `Sent ${asset} withdraw request`, 'This may take upto 30 mins to reflect in your wallet.')
+                switch (type) {
+                    case 'deposit':
+                        const privKey = getRef('get_private_key').value;
+                        if (asset === 'FLO') {
+                            await floExchangeAPI.depositFLO(quantity, proxy.userID, proxy.sinkID, privKey, proxySecret)
+                        } else {
+                            await floExchangeAPI.depositToken(asset, quantity, proxy.userID, proxy.sinkID, privKey, proxySecret)
+                        }
+                        showWalletResult('success', `Sent ${asset} deposit request`, 'This may take upto 30 mins to reflect in your wallet.')
+                        break;
+                    case 'withdraw':
+                        if (asset === 'FLO') {
+                            await floExchangeAPI.withdrawFLO(quantity, proxy.userID, proxySecret)
+                        } else {
+                            await floExchangeAPI.withdrawToken(asset, quantity, proxy.userID, proxySecret)
+                        }
+                        showWalletResult('success', `Sent ${asset} withdraw request`, 'This may take upto 30 mins to reflect in your wallet.')
+                        break;
+                    case 'transfer':
+                        const receiverID = getRef('get_receiver_id').value.trim();
+                        const receiver = {
+                            [receiverID]: quantity
+                        }
+                        await floExchangeAPI.transferToken(receiver, asset, proxy.userID, proxySecret)
+                        showWalletResult('success', `Sent ${quantity} ${asset} to ${receiverID}`, `This may take upto 30 mins to reflect in receiver's wallet.`)
+                        break;
                 }
             }
             catch (err) {

From b50c0c032e185184abe290dc60a857f7ed8158de Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Sun, 10 Apr 2022 21:49:54 +0530
Subject: [PATCH 027/168] Fixed a minor bug

---
 docs/index.html | 1 +
 1 file changed, 1 insertion(+)

diff --git a/docs/index.html b/docs/index.html
index 8c0b329..3b8619d 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -962,6 +962,7 @@
             if (!firstLoad)
                 switch (pageId) {
                     case 'exchange':
+                        if (!document.body.classList.contains('is-signed-in')) break;
                         if (!isMobileView && !params.hasOwnProperty('asset') || params.asset === '') {
                             params.asset = 'FLO'
                         }

From 2320a5d40419cb3c8f5cdfeee7e7fc255b7cbaba Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Mon, 11 Apr 2022 00:06:23 +0530
Subject: [PATCH 028/168] Fixed incorrect date bug

---
 docs/index.html | 56 +++++++++++++++++++++----------------------------
 1 file changed, 24 insertions(+), 32 deletions(-)

diff --git a/docs/index.html b/docs/index.html
index 3b8619d..78a10b6 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -671,11 +671,23 @@
             </div>
         </div>
     </template>
+    <script>
+
+        /**
+          * @yaireo/relative-time - javascript function to transform timestamp or date to local relative-time
+          *
+          * @version v1.0.0
+          * @homepage https://github.com/yairEO/relative-time
+          */
+
+        !function (e, t) { var o = o || {}; "function" == typeof o && o.amd ? o([], t) : "object" == typeof exports && "object" == typeof module ? module.exports = t() : "object" == typeof exports ? exports.RelativeTime = t() : e.RelativeTime = t() }(this, (function () { const e = { year: 31536e6, month: 2628e6, day: 864e5, hour: 36e5, minute: 6e4, second: 1e3 }, t = "en", o = { numeric: "auto" }; function n(e) { e = { locale: (e = e || {}).locale || t, options: { ...o, ...e.options } }, this.rtf = new Intl.RelativeTimeFormat(e.locale, e.options) } return n.prototype = { from(t, o) { const n = t - (o || new Date); for (let t in e) if (Math.abs(n) > e[t] || "second" == t) return this.rtf.format(Math.round(n / e[t]), t) } }, n }));
+    </script>
     <script id="ui_utils">
         // Global variables
         const domRefs = {};
         let timerId;
         const currentYear = new Date().getFullYear();
+        const relativeTime = new RelativeTime({ style: 'narrow' });
 
         //Checks for internet connection status
         if (!navigator.onLine)
@@ -824,18 +836,12 @@
             }
         }
 
-        function getFormattedTime(timeString, relative) {
+        function getFormattedTime(time, format) {
             try {
-                console.log(timeString)
-                const [date, time] = timeString.split('T')
-                const [year, month, day] = date.split('-').map(v => parseInt(v))
-                let [hours, minutes] = time.split(':').map(v => parseInt(v))
-                const currentTime = new Date()
-                const currentTimeFrag = currentTime.toString().split(' ')
-                const monthNames = ["Jan", "Feb", "Mar", "Apr", "May", "Jun",
-                    "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"
-                ];
-                const monthName = monthNames[month - 1]
+                let [day, month, date, year] = new Date(time).toString().split(' '),
+                    minutes = new Date(time).getMinutes(),
+                    hours = new Date(time).getHours(),
+                    currentTime = new Date().toString().split(' ')
 
                 minutes = minutes < 10 ? `0${minutes}` : minutes
                 let finalHours = ``;
@@ -847,27 +853,13 @@
                     finalHours = `${hours}:${minutes}`
 
                 finalHours = hours >= 12 ? `${finalHours} PM` : `${finalHours} AM`
-                if (relative) {
-                    if (year == currentYear) {
-                        if ((currentTime.getMonth() + 1) === month) {
-                            const dateDiff = (parseInt(currentTimeFrag[2]) - parseInt(day))
-                            if (dateDiff === 0)
-                                return `${finalHours}`;
-                            else if (dateDiff === 1)
-                                return `Yesterday`;
-                            else if (dateDiff > 1 && dateDiff < 8)
-                                return currentTimeFrag[0];
-                            else
-                                return ` ${day} ${monthName}`;
-                        }
-                        else
-                            return ` ${day} ${monthName}`;
-                    }
-                    else
-                        return `${monthName} ${year}`;
+                switch (format) {
+                    case 'date-only':
+                        return `${month} ${date}, ${year}`;
+                        break;
+                    default:
+                        return `${month} ${date} ${year}, ${finalHours}`;
                 }
-                else
-                    return `${finalHours}, ${monthName} ${day} ${year}`;
             } catch (e) {
                 console.error(e);
                 return time;
@@ -1224,7 +1216,7 @@
                 card.querySelector('.order-card__quantity').textContent = `${quantity} ${asset}`
                 card.querySelector('.order-card__price-type').textContent = type === 'buy' ? 'Max price' : 'Min price'
                 card.querySelector('.order-card__price').textContent = formatAmount(price)
-                card.querySelector('.order-card__time').textContent = getFormattedTime(time, true)
+                card.querySelector('.order-card__time').textContent = relativeTime.from(time)
                 return card
             },
             transactionCard(transactionDetails = {}) {

From 798051551c8b6ae1f243b72ab1483ea7a52dec6b Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Mon, 11 Apr 2022 17:24:03 +0530
Subject: [PATCH 029/168] UI updates and UX fixes

---
 docs/css/components.js | 123 +++++++++++++++++++++++++++++++++++++----
 docs/css/main.css      |  38 +++++++++++--
 docs/css/main.min.css  |   2 +-
 docs/css/main.scss     |  35 ++++++++++--
 docs/index.html        |  83 +++++++++------------------
 5 files changed, 205 insertions(+), 76 deletions(-)

diff --git a/docs/css/components.js b/docs/css/components.js
index 55257ee..637518a 100644
--- a/docs/css/components.js
+++ b/docs/css/components.js
@@ -687,6 +687,7 @@ customElements.define('sm-input',
             this.clearBtn.removeEventListener('click', this.clear);
         }
     })
+
 const smNotifications = document.createElement('template')
 smNotifications.innerHTML = `
     <style>
@@ -711,13 +712,14 @@ smNotifications.innerHTML = `
             gap: 0.5rem;
             position: fixed;
             left: 0;
-            bottom: 0;
+            top: 0;
             z-index: 100;
             max-height: 100%;
             padding: 1rem;
             overflow: hidden auto;
             -ms-scroll-chaining: none;
                 overscroll-behavior: contain;
+            touch-action: none;
         }
         .notification-panel:empty{
             display:none;
@@ -728,7 +730,7 @@ smNotifications.innerHTML = `
             display: flex;
             position: relative;
             border-radius: 0.3rem;
-            background: rgba(var(--background-color, (255,255,255)), 1);
+            background: rgba(var(--foreground-color, (255,255,255)), 1);
             overflow: hidden;
             overflow-wrap: break-word;
             word-wrap: break-word;
@@ -741,6 +743,7 @@ smNotifications.innerHTML = `
             max-width: 100%;
             padding: 1rem;
             align-items: center;
+            touch-action: none;
         }
         .icon-container:not(:empty){
             margin-right: 0.5rem;
@@ -804,6 +807,8 @@ smNotifications.innerHTML = `
             .notification-panel{
                 max-width: 28rem;
                 width: max-content;
+                top: auto;
+                bottom: 0;
             }
             .notification{
                 width: auto;
@@ -829,8 +834,6 @@ smNotifications.innerHTML = `
     </style>
     <div class="notification-panel"></div>
     `;
-
-
 customElements.define('sm-notifications', class extends HTMLElement {
     constructor() {
         super();
@@ -849,7 +852,23 @@ customElements.define('sm-notifications', class extends HTMLElement {
         this.createNotification = this.createNotification.bind(this)
         this.removeNotification = this.removeNotification.bind(this)
         this.clearAll = this.clearAll.bind(this)
+        this.handlePointerMove = this.handlePointerMove.bind(this)
 
+
+        this.startX = 0;
+        this.currentX = 0;
+        this.endX = 0;
+        this.swipeDistance = 0;
+        this.swipeDirection = '';
+        this.swipeThreshold = 0;
+        this.startTime = 0;
+        this.swipeTime = 0;
+        this.swipeTimeThreshold = 200;
+        this.currentTarget = null;
+
+        this.mediaQuery = window.matchMedia('(min-width: 640px)')
+        this.handleOrientationChange = this.handleOrientationChange.bind(this)
+        this.isLandscape = false
     }
 
     randString(length) {
@@ -884,28 +903,45 @@ customElements.define('sm-notifications', class extends HTMLElement {
 
     push(message, options = {}) {
         const notification = this.createNotification(message, options);
-        this.notificationPanel.append(notification);
+        if (this.isLandscape)
+            this.notificationPanel.append(notification);
+        else
+            this.notificationPanel.prepend(notification);
+        this.notificationPanel.animate(
+            [
+                {
+                    transform: `translateY(${this.isLandscape ? '' : '-'}${notification.clientHeight}px)`,
+                },
+                {
+                    transform: `none`,
+                },
+            ], this.animationOptions
+        )
         notification.animate([
             {
-                transform: `translateY(1rem)`,
+                transform: `translateY(-1rem)`,
                 opacity: '0'
             },
             {
                 transform: `none`,
                 opacity: '1'
             },
-        ], this.animationOptions);
+        ], this.animationOptions).onfinish = (e) => {
+            e.target.commitStyles()
+            e.target.cancel()
+        }
         return notification.id;
     }
 
-    removeNotification(notification) {
+    removeNotification(notification, direction = 'left') {
+        const sign = direction === 'left' ? '-' : '+';
         notification.animate([
             {
-                transform: `none`,
+                transform: this.currentX ? `translateX(${this.currentX}px)` : `none`,
                 opacity: '1'
             },
             {
-                transform: `translateY(0.5rem)`,
+                transform: `translateX(calc(${sign}${this.currentX}px ${sign} 1rem))`,
                 opacity: '0'
             }
         ], this.animationOptions).onfinish = () => {
@@ -919,7 +955,70 @@ customElements.define('sm-notifications', class extends HTMLElement {
         });
     }
 
+    handlePointerMove(e) {
+        this.currentX = e.clientX - this.startX;
+        this.currentTarget.style.transform = `translateX(${this.currentX}px)`;
+    }
+
+    handleOrientationChange(e) {
+        this.isLandscape = e.matches
+        if (e.matches) {
+            // landscape
+
+        } else {
+            // portrait
+        }
+    }
     connectedCallback() {
+
+        this.handleOrientationChange(this.mediaQuery);
+
+        this.mediaQuery.addEventListener('change', this.handleOrientationChange);
+        this.notificationPanel.addEventListener('pointerdown', e => {
+            if (e.target.closest('.notification')) {
+                this.swipeThreshold = this.clientWidth / 2;
+                this.currentTarget = e.target.closest('.notification');
+                this.currentTarget.setPointerCapture(e.pointerId);
+                this.startTime = Date.now();
+                this.startX = e.clientX;
+                this.startY = e.clientY;
+                this.notificationPanel.addEventListener('pointermove', this.handlePointerMove);
+            }
+        });
+        this.notificationPanel.addEventListener('pointerup', e => {
+            this.endX = e.clientX;
+            this.endY = e.clientY;
+            this.swipeDistance = Math.abs(this.endX - this.startX);
+            this.swipeTime = Date.now() - this.startTime;
+            if (this.endX > this.startX) {
+                this.swipeDirection = 'right';
+            } else {
+                this.swipeDirection = 'left';
+            }
+            if (this.swipeTime < this.swipeTimeThreshold) {
+                if (this.swipeDistance > 50)
+                    this.removeNotification(this.currentTarget, this.swipeDirection);
+            } else {
+                if (this.swipeDistance > this.swipeThreshold) {
+                    this.removeNotification(this.currentTarget, this.swipeDirection);
+                } else {
+                    this.currentTarget.animate([
+                        {
+                            transform: `translateX(${this.currentX}px)`,
+                        },
+                        {
+                            transform: `none`,
+                        },
+                    ], this.animationOptions).onfinish = (e) => {
+                        e.target.commitStyles()
+                        e.target.cancel()
+                    }
+                }
+            }
+            this.notificationPanel.removeEventListener('pointermove', this.handlePointerMove)
+            this.notificationPanel.releasePointerCapture(e.pointerId);
+            this.currentX = 0;
+        });
         this.notificationPanel.addEventListener('click', e => {
             if (e.target.closest('.close')) {
                 this.removeNotification(e.target.closest('.notification'));
@@ -941,7 +1040,11 @@ customElements.define('sm-notifications', class extends HTMLElement {
             childList: true,
         });
     }
+    disconnectedCallback() {
+        mediaQueryList.removeEventListener('change', handleOrientationChange);
+    }
 });
+
 class Stack {
     constructor() {
         this.items = [];
diff --git a/docs/css/main.css b/docs/css/main.css
index 08251ad..8d5bf95 100644
--- a/docs/css/main.css
+++ b/docs/css/main.css
@@ -818,9 +818,11 @@ sm-checkbox {
 }
 
 #wallet {
+  display: grid;
+  width: auto;
   gap: 1.5rem;
+  grid-template-columns: minmax(0, 1fr);
   align-content: flex-start;
-  width: min(24rem, 100%);
 }
 
 .wallet_actions__wrapper {
@@ -838,15 +840,25 @@ sm-checkbox {
   margin-bottom: 0.2rem;
 }
 
+#my_assets {
+  gap: 0.5rem;
+  margin-top: 0.5rem;
+}
+
 .balance-card {
   display: grid;
   align-items: center;
-  gap: 0.3rem 0.5rem;
+  gap: 0 0.5rem;
   border-radius: 0.5rem;
+  background-color: rgba(var(--foreground-color), 1);
+  padding: 0.5rem;
 }
 .balance-card.is-locked {
   grid-template-columns: auto 1fr auto;
-  gap: 1rem;
+  gap: 0.5rem;
+}
+.balance-card.is-locked .balance-card__icon {
+  grid-row: span 2;
 }
 .balance-card:not(.is-locked) {
   grid-template-columns: auto 1fr auto auto;
@@ -869,7 +881,7 @@ sm-checkbox {
   font-weight: 500;
 }
 .balance-card__amount-wrapper {
-  grid-column: span 2;
+  grid-column: 2/3;
   gap: 0.3rem 1rem;
   grid-template-columns: 1fr 1fr;
 }
@@ -1093,6 +1105,12 @@ sm-checkbox {
     grid-template-columns: 1fr 90vw 1fr;
   }
 
+  .mobile-page {
+    padding: 2rem;
+    border-radius: 0.5rem;
+    background-color: rgba(var(--foreground-color), 1);
+  }
+
   .hide-on-desktop {
     display: none !important;
   }
@@ -1197,6 +1215,18 @@ sm-checkbox {
   #asset_page__nav {
     grid-column: 1/-1;
   }
+
+  #wallet {
+    gap: 1rem 2rem;
+    grid-template-columns: 20rem 24rem;
+  }
+  #wallet__header {
+    grid-column: 1/3;
+    padding-bottom: 1rem;
+  }
+  #wallet .balance-card {
+    border: solid thin rgba(var(--text-color), 0.2);
+  }
 }
 @media screen and (min-width: 72rem) {
   .page-layout {
diff --git a/docs/css/main.min.css b/docs/css/main.min.css
index de511c9..60eee21 100644
--- a/docs/css/main.min.css
+++ b/docs/css/main.min.css
@@ -1 +1 @@
-*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #504dff;--text-color: 20, 20, 20;--background-color: 240, 240, 240;--foreground-color: 250, 250, 250;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a3a1ff;--text-color: 220, 220, 220;--background-color: 10, 10, 10;--foreground-color: 24, 24, 24;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{color:var(--accent-color)}button,.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;cursor:pointer;transition:transform .3s;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.button{white-space:nowrap;padding:.6rem 1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.06);color:rgba(var(--text-color), 0.8);justify-content:center}.button--primary{background-color:var(--accent-color);color:rgba(var(--background-color), 1)}button:disabled{opacity:.5}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}ul{list-style:none}.flex{display:flex}.grid{display:grid}.hide{opacity:0;pointer-events:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.breakable{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.h1{font-size:1.5rem}.h2{font-size:1.2rem}.h3{font-size:1rem}.h4{font-size:.9rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.empty-state{display:grid;justify-content:center;text-align:center;width:100%;max-width:none;padding:1.5rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.6rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem 0 .8rem;align-items:center;grid-template-columns:auto 1fr auto}.popup__header__close{padding:.5rem;cursor:pointer}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;width:100%;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:1rem}.logo h4{text-transform:capitalize;font-size:.9rem;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}details[open]>summary{margin-bottom:1rem}details[open]>summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up sm-copy{font-size:.9rem;--button-border-radius: 0.5rem}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:grid;gap:1rem;padding:1.5rem;width:100%;align-items:center;grid-template-columns:1fr auto auto;grid-column:1/-1}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto;padding:0 1.5rem}#pages_container>*{width:min(42rem,100%)}.listed-asset{position:relative;grid-template-columns:auto 1fr auto;gap:.5rem;padding:1rem 0;border-radius:.5rem;opacity:.8;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit}.listed-asset__icon{display:flex}.listed-asset__icon .icon{height:1.5rem;width:1.5rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{display:flex;flex-direction:column;height:100%}#asset_page__nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}#asset_page__nav .icon-only{margin-left:-0.7rem}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(42rem,100%);grid-template-rows:auto 1fr}#my_orders .icon,#market .icon{height:1.2rem;width:1.2rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:.5rem 1.5rem .5rem .5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{padding:1rem;cursor:pointer}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.transaction-card{grid-template-columns:repeat(3, 1fr) 2rem}.transaction-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type{color:var(--green)}.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type{color:var(--danger-color)}.transaction-card__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.transaction-card__quantity,.transaction-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}#market_orders_list .list__header{font-size:.8rem;font-weight:500}#market_orders_list .list__header div{padding:.5rem 0}#market_orders_list .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}#wallet{gap:1.5rem;align-content:flex-start;width:min(24rem,100%)}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}.balance-card{display:grid;align-items:center;gap:.3rem .5rem;border-radius:.5rem}.balance-card.is-locked{grid-template-columns:auto 1fr auto;gap:1rem}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:span 2;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.hide-on-mobile{display:none !important}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#price_chart_container{flex:1}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.h1{font-size:2rem}.h2{font-size:1.8rem}.h3{font-size:1.3rem}.h4{font-size:1rem}.popup__header{padding:1rem 1.5rem 0 .8rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding:0 .5rem}.main_navbar__item{padding:1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:16rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (max-width: 64rem)and (min-width: 40rem){.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 64rem){#home{grid-template-columns:10rem 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#asset_page__nav{grid-column:1/-1}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{opacity:0;transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}.transaction-card button{opacity:0;transition:opacity .3s}.transaction-card:hover button{opacity:1}}
\ No newline at end of file
+*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #504dff;--text-color: 20, 20, 20;--background-color: 240, 240, 240;--foreground-color: 250, 250, 250;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a3a1ff;--text-color: 220, 220, 220;--background-color: 10, 10, 10;--foreground-color: 24, 24, 24;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{color:var(--accent-color)}button,.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;cursor:pointer;transition:transform .3s;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.button{white-space:nowrap;padding:.6rem 1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.06);color:rgba(var(--text-color), 0.8);justify-content:center}.button--primary{background-color:var(--accent-color);color:rgba(var(--background-color), 1)}button:disabled{opacity:.5}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}ul{list-style:none}.flex{display:flex}.grid{display:grid}.hide{opacity:0;pointer-events:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.breakable{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.h1{font-size:1.5rem}.h2{font-size:1.2rem}.h3{font-size:1rem}.h4{font-size:.9rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.empty-state{display:grid;justify-content:center;text-align:center;width:100%;max-width:none;padding:1.5rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.6rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem 0 .8rem;align-items:center;grid-template-columns:auto 1fr auto}.popup__header__close{padding:.5rem;cursor:pointer}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;width:100%;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:1rem}.logo h4{text-transform:capitalize;font-size:.9rem;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}details[open]>summary{margin-bottom:1rem}details[open]>summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up sm-copy{font-size:.9rem;--button-border-radius: 0.5rem}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:grid;gap:1rem;padding:1.5rem;width:100%;align-items:center;grid-template-columns:1fr auto auto;grid-column:1/-1}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto;padding:0 1.5rem}#pages_container>*{width:min(42rem,100%)}.listed-asset{position:relative;grid-template-columns:auto 1fr auto;gap:.5rem;padding:1rem 0;border-radius:.5rem;opacity:.8;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit}.listed-asset__icon{display:flex}.listed-asset__icon .icon{height:1.5rem;width:1.5rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{display:flex;flex-direction:column;height:100%}#asset_page__nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}#asset_page__nav .icon-only{margin-left:-0.7rem}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(42rem,100%);grid-template-rows:auto 1fr}#my_orders .icon,#market .icon{height:1.2rem;width:1.2rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:.5rem 1.5rem .5rem .5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{padding:1rem;cursor:pointer}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.transaction-card{grid-template-columns:repeat(3, 1fr) 2rem}.transaction-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type{color:var(--green)}.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type{color:var(--danger-color)}.transaction-card__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.transaction-card__quantity,.transaction-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}#market_orders_list .list__header{font-size:.8rem;font-weight:500}#market_orders_list .list__header div{padding:.5rem 0}#market_orders_list .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}#wallet{display:grid;width:auto;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem}.balance-card{display:grid;align-items:center;gap:0 .5rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1);padding:.5rem}.balance-card.is-locked{grid-template-columns:auto 1fr auto;gap:.5rem}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:2/3;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.hide-on-mobile{display:none !important}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#price_chart_container{flex:1}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.h1{font-size:2rem}.h2{font-size:1.8rem}.h3{font-size:1.3rem}.h4{font-size:1rem}.popup__header{padding:1rem 1.5rem 0 .8rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding:0 .5rem}.main_navbar__item{padding:1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:16rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (max-width: 64rem)and (min-width: 40rem){.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 64rem){#home{grid-template-columns:10rem 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#asset_page__nav{grid-column:1/-1}#wallet{gap:1rem 2rem;grid-template-columns:20rem 24rem}#wallet__header{grid-column:1/3;padding-bottom:1rem}#wallet .balance-card{border:solid thin rgba(var(--text-color), 0.2)}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{opacity:0;transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}.transaction-card button{opacity:0;transition:opacity .3s}.transaction-card:hover button{opacity:1}}
\ No newline at end of file
diff --git a/docs/css/main.scss b/docs/css/main.scss
index b3beff3..b2c2670 100644
--- a/docs/css/main.scss
+++ b/docs/css/main.scss
@@ -784,9 +784,11 @@ sm-checkbox {
   }
 }
 #wallet {
+  display: grid;
+  width: auto;
   gap: 1.5rem;
+  grid-template-columns: minmax(0, 1fr);
   align-content: flex-start;
-  width: min(24rem, 100%);
 }
 .wallet_actions__wrapper {
   grid-column: span 3;
@@ -801,14 +803,23 @@ sm-checkbox {
   color: rgba(var(--text-color), 0.8);
   margin-bottom: 0.2rem;
 }
+#my_assets {
+  gap: 0.5rem;
+  margin-top: 0.5rem;
+}
 .balance-card {
   display: grid;
   align-items: center;
-  gap: 0.3rem 0.5rem;
+  gap: 0 0.5rem;
   border-radius: 0.5rem;
+  background-color: rgba(var(--foreground-color), 1);
+  padding: 0.5rem;
   &.is-locked {
     grid-template-columns: auto 1fr auto;
-    gap: 1rem;
+    gap: 0.5rem;
+    .balance-card__icon {
+      grid-row: span 2;
+    }
   }
   &:not(.is-locked) {
     grid-template-columns: auto 1fr auto auto;
@@ -831,7 +842,7 @@ sm-checkbox {
     font-weight: 500;
   }
   &__amount-wrapper {
-    grid-column: span 2;
+    grid-column: 2/3;
     gap: 0.3rem 1rem;
     grid-template-columns: 1fr 1fr;
     & > :nth-child(even) {
@@ -1011,6 +1022,11 @@ sm-checkbox {
   .page-layout {
     grid-template-columns: 1fr 90vw 1fr;
   }
+  .mobile-page {
+    padding: 2rem;
+    border-radius: 0.5rem;
+    background-color: rgba(var(--foreground-color), 1);
+  }
   .hide-on-desktop {
     display: none !important;
   }
@@ -1108,6 +1124,17 @@ sm-checkbox {
   #asset_page__nav {
     grid-column: 1/-1;
   }
+  #wallet {
+    gap: 1rem 2rem;
+    grid-template-columns: 20rem 24rem;
+    &__header {
+      grid-column: 1/3;
+      padding-bottom: 1rem;
+    }
+    .balance-card {
+      border: solid thin rgba(var(--text-color), 0.2);
+    }
+  }
 }
 @media screen and (min-width: 72rem) {
   .page-layout {
diff --git a/docs/index.html b/docs/index.html
index 78a10b6..ee069c2 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -5,7 +5,8 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>RanchiMall market</title>
+    <title>RanchiMall exchange</title>
+    <meta name="description" content="Trade FLO and FLO based RanchiMall tokens.">
 
     <script src="css/components.js" defer></script>
     <link rel="stylesheet" href="css/main.min.css">
@@ -43,7 +44,16 @@
             </div>
         </sm-form>
     </sm-popup>
-    <article id="home" class="page">
+    <div id="loading" class="page flex align-center justify-center">
+        <div class="grid gap-2 text-center">
+            <sm-spinner></sm-spinner>
+            <div class="grid gap-0-5">
+                <h4>RanchiMall Exchange</h4>
+                <p>Getting everything ready</p>
+            </div>
+        </div>
+    </div>
+    <article id="home" class="page hide">
         <header id="main_header">
             <div class="logo">
                 <svg class="main-logo" viewBox="0 0 27.25 32">
@@ -73,7 +83,7 @@
                         <p>Please login for exchange.</p>
                     </div>
                     <sm-input type="password" id="login_form__priv_key" placeholder="Private key"
-                        error-text="Invalid private key" data-private-key animate required>
+                        error-text="Invalid private key" data-private-key autofocus animate required>
                     </sm-input>
                     <sm-checkbox id="remember_me" checked>
                         <span class="margin-left-0-5">
@@ -235,7 +245,7 @@
                 </p>
             </section>
             <section id="wallet" class="grid mobile-page hide">
-                <h4 class="flex align-center user_section__header">
+                <h4 id="wallet__header" class="flex align-center">
                     <svg xmlns="http://www.w3.org/2000/svg" class="icon margin-right-0-5" height="24px"
                         viewBox="0 0 24 24" width="24px">
                         <path d="M0 0h24v24H0V0z" fill="none" />
@@ -263,16 +273,11 @@
                 <div class="grid gap-0-5">
                     <div class="flex align-center space-between">
                         <h4>Balance</h4>
-                        <button onclick="refresh();" title="Refresh" style="margin-left: 1rem;">
-                            <svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24"
-                                width="24px" fill="#000000">
-                                <path d="M0 0h24v24H0V0z" fill="none" />
-                                <path
-                                    d="M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z" />
-                            </svg>
+                        <button class="button" onclick="refresh();" title="Refresh">
+                            Refresh
                         </button>
                     </div>
-                    <ul id="my_assets" class="grid gap-1"></ul>
+                    <ul id="my_assets" class="grid"></ul>
                 </div>
             </section>
         </section>
@@ -396,26 +401,6 @@
             <sm-button class="danger" onclick="UI_evt.logout();">Log out</sm-button>
         </section>
     </sm-popup>
-    <sm-popup id="registration_popup">
-        <header slot="header" class="popup__header">
-            <button class="popup__header__close" onclick="hidePopup()">
-                <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
-                    <path fill="none" d="M0 0h24v24H0z" />
-                    <path
-                        d="M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z" />
-                </svg>
-            </button>
-            <h4>Register</h4>
-        </header>
-        <div class="grid gap-1-5">
-            <sm-form id="register_section">
-                <p>Enter the private key of FLO ID you want to register.</p>
-                <sm-input id="get_registration_key" placeholder="Private key" type="password" required>
-                </sm-input>
-                <sm-button variant="primary" onclick="UI_evt.signup()" disabled>Register</sm-button>
-            </sm-form>
-        </div>
-    </sm-popup>
     <sm-popup id="sign_up_popup">
         <header slot="header" class="popup__header">
             <button class="popup__header__close" onclick="hidePopup()">
@@ -438,9 +423,6 @@
                     <sm-copy id="generated_private_key"></sm-copy>
                 </div>
             </div>
-            <sm-button id="sign_up_button" variant="primary" onclick="registerID()" style="display: none;" disabled>
-                Register these credentials
-            </sm-button>
             <strong class="warning">
                 Keep your private key secure and don't share with anyone.
                 Once lost there is no way to recover private key.
@@ -2078,7 +2060,14 @@
                         getRef('sign_in_code').value = response.code;
                         getRef('sign_in_hash').value = response.hash;
                         proxy.clear();
+                        setTimeout(() => {
+                            getRef('login_form__priv_key').focusIn()
+                        }, 0);
                     }).catch(error => console.error(error))
+                        .finally(() => {
+                            getRef('loading').classList.add('hide')
+                            getRef('home').classList.remove('hide')
+                        })
                 }
             } else
                 console.info("refresh");
@@ -2149,26 +2138,12 @@
             })
                 .finally(() => {
                     hideProcess('login_button_wrapper')
+                    getRef('loading').classList.add('hide')
+                    getRef('home').classList.remove('hide')
                 })
         };
 
         const UI_evt = {
-            signup(privKey) {
-                let code = getRef('sign_in_code').value,
-                    hash = getRef('sign_in_hash').value;
-                if (!privKey)
-                    privKey = getRef('get_registration_key').value.trim()
-                if (privKey !== '') {
-                    floExchangeAPI.signUp(privKey, code, hash).then(result => {
-                        console.info(result);
-                        notify("Account registered!", 'success')
-                        hidePopup()
-                    }).catch(error => {
-                        notify(error, 'error');
-                    });
-                }
-            },
-
             logout() {
                 getConfirmation('Log out?', { cancelText: 'Stay', confirmText: 'Log out' }).then(async res => {
                     if (res) {
@@ -2202,12 +2177,6 @@
             }
 
         };
-
-        function registerID() {
-            UI_evt.signup(getRef('generated_private_key').value)
-            hidePopup()
-        }
-
         window.addEventListener('load', e => {
             floExchangeAPI.init().then(nodes => {
                 console.log(nodes);

From a5df7a72487efef8a6ff50ad5d27a61e8a09da9b Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Mon, 11 Apr 2022 18:27:14 +0530
Subject: [PATCH 030/168] Minor UI changes

---
 docs/css/components.js | 72 +++++++++++++++++++++++++++++++++++++++++-
 docs/css/main.css      |  2 +-
 docs/css/main.min.css  |  2 +-
 docs/css/main.scss     |  2 +-
 docs/index.html        |  9 ++++--
 5 files changed, 81 insertions(+), 6 deletions(-)

diff --git a/docs/css/components.js b/docs/css/components.js
index 637518a..981accb 100644
--- a/docs/css/components.js
+++ b/docs/css/components.js
@@ -2951,4 +2951,74 @@ customElements.define('sm-checkbox', class extends HTMLElement {
         this.removeEventListener('keydown', this.handleKeyDown)
         this.removeEventListener('change', this.handleClick)
     }
-})
\ No newline at end of file
+})
+
+const lineLoader = document.createElement('template');
+lineLoader.innerHTML = `
+<style>     
+*{
+    padding: 0;
+    margin: 0;
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+}
+.loader {
+    position: relative;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 0.2rem;
+    width: 8rem;
+    margin: 0 auto;
+    background-color: rgba(var(--text-color), 0.06);
+    border-radius: 0.5rem;
+    overflow: hidden;
+  }
+  .loader::after {
+    content: "";
+    position: absolute;
+    height: 100%;
+    width: 100%;
+    background-color: var(--accent-color);
+    left: 0;
+    border-radius: inherit;
+    -webkit-animation: line-loader 1.5s infinite;
+            animation: line-loader 1.5s infinite;
+    transform-origin: left;
+  }
+  
+  @-webkit-keyframes line-loader {
+    0% {
+      transform: translateX(0) scaleX(0);
+    }
+    60% {
+      transform: translateX(0) scaleX(1);
+    }
+    100% {
+      transform: translateX(100%) scaleX(1);
+    }
+  }
+  
+  @keyframes line-loader {
+    0% {
+      transform: translateX(0) scaleX(0);
+    }
+    60% {
+      transform: translateX(0) scaleX(1);
+    }
+    100% {
+      transform: translateX(100%) scaleX(1);
+    }
+  }
+</style>
+<div class="loader"></div>
+`;
+class LineLoader extends HTMLElement {
+    constructor() {
+        super();
+        this.attachShadow({
+            mode: 'open'
+        }).append(lineLoader.content.cloneNode(true));
+    }
+}
+window.customElements.define('line-loader', LineLoader);
diff --git a/docs/css/main.css b/docs/css/main.css
index 8d5bf95..e18d5a4 100644
--- a/docs/css/main.css
+++ b/docs/css/main.css
@@ -628,7 +628,7 @@ sm-checkbox {
   padding: 0 1.5rem;
 }
 #pages_container > * {
-  width: min(42rem, 100%);
+  min-width: min(26rem, 100%);
 }
 
 .listed-asset {
diff --git a/docs/css/main.min.css b/docs/css/main.min.css
index 60eee21..02296ce 100644
--- a/docs/css/main.min.css
+++ b/docs/css/main.min.css
@@ -1 +1 @@
-*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #504dff;--text-color: 20, 20, 20;--background-color: 240, 240, 240;--foreground-color: 250, 250, 250;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a3a1ff;--text-color: 220, 220, 220;--background-color: 10, 10, 10;--foreground-color: 24, 24, 24;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{color:var(--accent-color)}button,.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;cursor:pointer;transition:transform .3s;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.button{white-space:nowrap;padding:.6rem 1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.06);color:rgba(var(--text-color), 0.8);justify-content:center}.button--primary{background-color:var(--accent-color);color:rgba(var(--background-color), 1)}button:disabled{opacity:.5}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}ul{list-style:none}.flex{display:flex}.grid{display:grid}.hide{opacity:0;pointer-events:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.breakable{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.h1{font-size:1.5rem}.h2{font-size:1.2rem}.h3{font-size:1rem}.h4{font-size:.9rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.empty-state{display:grid;justify-content:center;text-align:center;width:100%;max-width:none;padding:1.5rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.6rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem 0 .8rem;align-items:center;grid-template-columns:auto 1fr auto}.popup__header__close{padding:.5rem;cursor:pointer}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;width:100%;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:1rem}.logo h4{text-transform:capitalize;font-size:.9rem;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}details[open]>summary{margin-bottom:1rem}details[open]>summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up sm-copy{font-size:.9rem;--button-border-radius: 0.5rem}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:grid;gap:1rem;padding:1.5rem;width:100%;align-items:center;grid-template-columns:1fr auto auto;grid-column:1/-1}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto;padding:0 1.5rem}#pages_container>*{width:min(42rem,100%)}.listed-asset{position:relative;grid-template-columns:auto 1fr auto;gap:.5rem;padding:1rem 0;border-radius:.5rem;opacity:.8;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit}.listed-asset__icon{display:flex}.listed-asset__icon .icon{height:1.5rem;width:1.5rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{display:flex;flex-direction:column;height:100%}#asset_page__nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}#asset_page__nav .icon-only{margin-left:-0.7rem}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(42rem,100%);grid-template-rows:auto 1fr}#my_orders .icon,#market .icon{height:1.2rem;width:1.2rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:.5rem 1.5rem .5rem .5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{padding:1rem;cursor:pointer}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.transaction-card{grid-template-columns:repeat(3, 1fr) 2rem}.transaction-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type{color:var(--green)}.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type{color:var(--danger-color)}.transaction-card__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.transaction-card__quantity,.transaction-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}#market_orders_list .list__header{font-size:.8rem;font-weight:500}#market_orders_list .list__header div{padding:.5rem 0}#market_orders_list .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}#wallet{display:grid;width:auto;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem}.balance-card{display:grid;align-items:center;gap:0 .5rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1);padding:.5rem}.balance-card.is-locked{grid-template-columns:auto 1fr auto;gap:.5rem}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:2/3;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.hide-on-mobile{display:none !important}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#price_chart_container{flex:1}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.h1{font-size:2rem}.h2{font-size:1.8rem}.h3{font-size:1.3rem}.h4{font-size:1rem}.popup__header{padding:1rem 1.5rem 0 .8rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding:0 .5rem}.main_navbar__item{padding:1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:16rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (max-width: 64rem)and (min-width: 40rem){.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 64rem){#home{grid-template-columns:10rem 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#asset_page__nav{grid-column:1/-1}#wallet{gap:1rem 2rem;grid-template-columns:20rem 24rem}#wallet__header{grid-column:1/3;padding-bottom:1rem}#wallet .balance-card{border:solid thin rgba(var(--text-color), 0.2)}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{opacity:0;transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}.transaction-card button{opacity:0;transition:opacity .3s}.transaction-card:hover button{opacity:1}}
\ No newline at end of file
+*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #504dff;--text-color: 20, 20, 20;--background-color: 240, 240, 240;--foreground-color: 250, 250, 250;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a3a1ff;--text-color: 220, 220, 220;--background-color: 10, 10, 10;--foreground-color: 24, 24, 24;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{color:var(--accent-color)}button,.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;cursor:pointer;transition:transform .3s;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.button{white-space:nowrap;padding:.6rem 1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.06);color:rgba(var(--text-color), 0.8);justify-content:center}.button--primary{background-color:var(--accent-color);color:rgba(var(--background-color), 1)}button:disabled{opacity:.5}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}ul{list-style:none}.flex{display:flex}.grid{display:grid}.hide{opacity:0;pointer-events:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.breakable{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.h1{font-size:1.5rem}.h2{font-size:1.2rem}.h3{font-size:1rem}.h4{font-size:.9rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.empty-state{display:grid;justify-content:center;text-align:center;width:100%;max-width:none;padding:1.5rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.6rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem 0 .8rem;align-items:center;grid-template-columns:auto 1fr auto}.popup__header__close{padding:.5rem;cursor:pointer}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;width:100%;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:1rem}.logo h4{text-transform:capitalize;font-size:.9rem;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}details[open]>summary{margin-bottom:1rem}details[open]>summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up sm-copy{font-size:.9rem;--button-border-radius: 0.5rem}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:grid;gap:1rem;padding:1.5rem;width:100%;align-items:center;grid-template-columns:1fr auto auto;grid-column:1/-1}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto;padding:0 1.5rem}#pages_container>*{min-width:min(26rem,100%)}.listed-asset{position:relative;grid-template-columns:auto 1fr auto;gap:.5rem;padding:1rem 0;border-radius:.5rem;opacity:.8;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit}.listed-asset__icon{display:flex}.listed-asset__icon .icon{height:1.5rem;width:1.5rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{display:flex;flex-direction:column;height:100%}#asset_page__nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}#asset_page__nav .icon-only{margin-left:-0.7rem}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(42rem,100%);grid-template-rows:auto 1fr}#my_orders .icon,#market .icon{height:1.2rem;width:1.2rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:.5rem 1.5rem .5rem .5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{padding:1rem;cursor:pointer}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.transaction-card{grid-template-columns:repeat(3, 1fr) 2rem}.transaction-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type{color:var(--green)}.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type{color:var(--danger-color)}.transaction-card__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.transaction-card__quantity,.transaction-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}#market_orders_list .list__header{font-size:.8rem;font-weight:500}#market_orders_list .list__header div{padding:.5rem 0}#market_orders_list .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}#wallet{display:grid;width:auto;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem}.balance-card{display:grid;align-items:center;gap:0 .5rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1);padding:.5rem}.balance-card.is-locked{grid-template-columns:auto 1fr auto;gap:.5rem}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:2/3;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.hide-on-mobile{display:none !important}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#price_chart_container{flex:1}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.h1{font-size:2rem}.h2{font-size:1.8rem}.h3{font-size:1.3rem}.h4{font-size:1rem}.popup__header{padding:1rem 1.5rem 0 .8rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding:0 .5rem}.main_navbar__item{padding:1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:16rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (max-width: 64rem)and (min-width: 40rem){.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 64rem){#home{grid-template-columns:10rem 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#asset_page__nav{grid-column:1/-1}#wallet{gap:1rem 2rem;grid-template-columns:20rem 24rem}#wallet__header{grid-column:1/3;padding-bottom:1rem}#wallet .balance-card{border:solid thin rgba(var(--text-color), 0.2)}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{opacity:0;transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}.transaction-card button{opacity:0;transition:opacity .3s}.transaction-card:hover button{opacity:1}}
\ No newline at end of file
diff --git a/docs/css/main.scss b/docs/css/main.scss
index b2c2670..8bd3c59 100644
--- a/docs/css/main.scss
+++ b/docs/css/main.scss
@@ -597,7 +597,7 @@ sm-checkbox {
   overflow-y: auto;
   padding: 0 1.5rem;
   & > * {
-    width: min(42rem, 100%);
+    min-width: min(26rem, 100%);
   }
 }
 .listed-asset {
diff --git a/docs/index.html b/docs/index.html
index ee069c2..7e9b772 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -46,11 +46,12 @@
     </sm-popup>
     <div id="loading" class="page flex align-center justify-center">
         <div class="grid gap-2 text-center">
-            <sm-spinner></sm-spinner>
+            <line-loader></line-loader>
             <div class="grid gap-0-5">
                 <h4>RanchiMall Exchange</h4>
                 <p>Getting everything ready</p>
             </div>
+            <sm-button onclick="floExchangeAPI.clearAllLocalData()">Reset</sm-button>
         </div>
     </div>
     <article id="home" class="page hide">
@@ -1492,7 +1493,11 @@
             }
             catch (err) {
                 getRef('trade_button_wrapper').append(getRef('failure_template').content.cloneNode(true))
-                notify(err.data, 'error')
+                if (err.data === 'Insufficient rupee') {
+                    notify(`Insufficient balance to ${tradeType} ${asset}. Please deposit rupee to wallet first.`, 'error', { pinned: true })
+                } else {
+                    notify(err.data, 'error')
+                }
             }
             finally {
                 updateRate()

From 3e8a58442d2b5bec234e30ffcb4f3ca65ac93844 Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Mon, 11 Apr 2022 20:35:09 +0530
Subject: [PATCH 031/168] Minor bug fixes

---
 docs/css/main.css     |  6 ++++++
 docs/css/main.min.css |  2 +-
 docs/css/main.scss    |  5 +++++
 docs/index.html       | 10 ++++++----
 4 files changed, 18 insertions(+), 5 deletions(-)

diff --git a/docs/css/main.css b/docs/css/main.css
index e18d5a4..6f96503 100644
--- a/docs/css/main.css
+++ b/docs/css/main.css
@@ -724,6 +724,10 @@ sm-checkbox {
   width: 1.2rem;
 }
 
+.orders_section__header {
+  min-height: 2.8rem;
+}
+
 .list__item {
   padding: 0.5rem 0;
   display: grid;
@@ -741,6 +745,7 @@ sm-checkbox {
   padding: 0.5rem 1.5rem 0.5rem 0.5rem;
   grid-template-columns: -webkit-min-content repeat(3, 1fr) -webkit-min-content;
   grid-template-columns: min-content repeat(3, 1fr) min-content;
+  border-radius: 0.5rem;
 }
 .order-card__type {
   font-size: 0.9rem;
@@ -854,6 +859,7 @@ sm-checkbox {
   padding: 0.5rem;
 }
 .balance-card.is-locked {
+  padding: 1rem 0.5rem;
   grid-template-columns: auto 1fr auto;
   gap: 0.5rem;
 }
diff --git a/docs/css/main.min.css b/docs/css/main.min.css
index 02296ce..e482b38 100644
--- a/docs/css/main.min.css
+++ b/docs/css/main.min.css
@@ -1 +1 @@
-*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #504dff;--text-color: 20, 20, 20;--background-color: 240, 240, 240;--foreground-color: 250, 250, 250;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a3a1ff;--text-color: 220, 220, 220;--background-color: 10, 10, 10;--foreground-color: 24, 24, 24;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{color:var(--accent-color)}button,.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;cursor:pointer;transition:transform .3s;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.button{white-space:nowrap;padding:.6rem 1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.06);color:rgba(var(--text-color), 0.8);justify-content:center}.button--primary{background-color:var(--accent-color);color:rgba(var(--background-color), 1)}button:disabled{opacity:.5}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}ul{list-style:none}.flex{display:flex}.grid{display:grid}.hide{opacity:0;pointer-events:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.breakable{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.h1{font-size:1.5rem}.h2{font-size:1.2rem}.h3{font-size:1rem}.h4{font-size:.9rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.empty-state{display:grid;justify-content:center;text-align:center;width:100%;max-width:none;padding:1.5rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.6rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem 0 .8rem;align-items:center;grid-template-columns:auto 1fr auto}.popup__header__close{padding:.5rem;cursor:pointer}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;width:100%;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:1rem}.logo h4{text-transform:capitalize;font-size:.9rem;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}details[open]>summary{margin-bottom:1rem}details[open]>summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up sm-copy{font-size:.9rem;--button-border-radius: 0.5rem}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:grid;gap:1rem;padding:1.5rem;width:100%;align-items:center;grid-template-columns:1fr auto auto;grid-column:1/-1}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto;padding:0 1.5rem}#pages_container>*{min-width:min(26rem,100%)}.listed-asset{position:relative;grid-template-columns:auto 1fr auto;gap:.5rem;padding:1rem 0;border-radius:.5rem;opacity:.8;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit}.listed-asset__icon{display:flex}.listed-asset__icon .icon{height:1.5rem;width:1.5rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{display:flex;flex-direction:column;height:100%}#asset_page__nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}#asset_page__nav .icon-only{margin-left:-0.7rem}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(42rem,100%);grid-template-rows:auto 1fr}#my_orders .icon,#market .icon{height:1.2rem;width:1.2rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:.5rem 1.5rem .5rem .5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{padding:1rem;cursor:pointer}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.transaction-card{grid-template-columns:repeat(3, 1fr) 2rem}.transaction-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type{color:var(--green)}.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type{color:var(--danger-color)}.transaction-card__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.transaction-card__quantity,.transaction-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}#market_orders_list .list__header{font-size:.8rem;font-weight:500}#market_orders_list .list__header div{padding:.5rem 0}#market_orders_list .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}#wallet{display:grid;width:auto;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem}.balance-card{display:grid;align-items:center;gap:0 .5rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1);padding:.5rem}.balance-card.is-locked{grid-template-columns:auto 1fr auto;gap:.5rem}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:2/3;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.hide-on-mobile{display:none !important}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#price_chart_container{flex:1}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.h1{font-size:2rem}.h2{font-size:1.8rem}.h3{font-size:1.3rem}.h4{font-size:1rem}.popup__header{padding:1rem 1.5rem 0 .8rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding:0 .5rem}.main_navbar__item{padding:1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:16rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (max-width: 64rem)and (min-width: 40rem){.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 64rem){#home{grid-template-columns:10rem 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#asset_page__nav{grid-column:1/-1}#wallet{gap:1rem 2rem;grid-template-columns:20rem 24rem}#wallet__header{grid-column:1/3;padding-bottom:1rem}#wallet .balance-card{border:solid thin rgba(var(--text-color), 0.2)}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{opacity:0;transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}.transaction-card button{opacity:0;transition:opacity .3s}.transaction-card:hover button{opacity:1}}
\ No newline at end of file
+*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #504dff;--text-color: 20, 20, 20;--background-color: 240, 240, 240;--foreground-color: 250, 250, 250;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a3a1ff;--text-color: 220, 220, 220;--background-color: 10, 10, 10;--foreground-color: 24, 24, 24;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{color:var(--accent-color)}button,.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;cursor:pointer;transition:transform .3s;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.button{white-space:nowrap;padding:.6rem 1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.06);color:rgba(var(--text-color), 0.8);justify-content:center}.button--primary{background-color:var(--accent-color);color:rgba(var(--background-color), 1)}button:disabled{opacity:.5}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}ul{list-style:none}.flex{display:flex}.grid{display:grid}.hide{opacity:0;pointer-events:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.breakable{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.h1{font-size:1.5rem}.h2{font-size:1.2rem}.h3{font-size:1rem}.h4{font-size:.9rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.empty-state{display:grid;justify-content:center;text-align:center;width:100%;max-width:none;padding:1.5rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.6rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem 0 .8rem;align-items:center;grid-template-columns:auto 1fr auto}.popup__header__close{padding:.5rem;cursor:pointer}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;width:100%;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:1rem}.logo h4{text-transform:capitalize;font-size:.9rem;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}details[open]>summary{margin-bottom:1rem}details[open]>summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up sm-copy{font-size:.9rem;--button-border-radius: 0.5rem}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:grid;gap:1rem;padding:1.5rem;width:100%;align-items:center;grid-template-columns:1fr auto auto;grid-column:1/-1}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto;padding:0 1.5rem}#pages_container>*{min-width:min(26rem,100%)}.listed-asset{position:relative;grid-template-columns:auto 1fr auto;gap:.5rem;padding:1rem 0;border-radius:.5rem;opacity:.8;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit}.listed-asset__icon{display:flex}.listed-asset__icon .icon{height:1.5rem;width:1.5rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{display:flex;flex-direction:column;height:100%}#asset_page__nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}#asset_page__nav .icon-only{margin-left:-0.7rem}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(42rem,100%);grid-template-rows:auto 1fr}#my_orders .icon,#market .icon{height:1.2rem;width:1.2rem}.orders_section__header{min-height:2.8rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:.5rem 1.5rem .5rem .5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content;border-radius:.5rem}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{padding:1rem;cursor:pointer}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.transaction-card{grid-template-columns:repeat(3, 1fr) 2rem}.transaction-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type{color:var(--green)}.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type{color:var(--danger-color)}.transaction-card__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.transaction-card__quantity,.transaction-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}#market_orders_list .list__header{font-size:.8rem;font-weight:500}#market_orders_list .list__header div{padding:.5rem 0}#market_orders_list .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}#wallet{display:grid;width:auto;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem}.balance-card{display:grid;align-items:center;gap:0 .5rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1);padding:.5rem}.balance-card.is-locked{padding:1rem .5rem;grid-template-columns:auto 1fr auto;gap:.5rem}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:2/3;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.hide-on-mobile{display:none !important}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#price_chart_container{flex:1}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.h1{font-size:2rem}.h2{font-size:1.8rem}.h3{font-size:1.3rem}.h4{font-size:1rem}.popup__header{padding:1rem 1.5rem 0 .8rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding:0 .5rem}.main_navbar__item{padding:1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:16rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (max-width: 64rem)and (min-width: 40rem){.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 64rem){#home{grid-template-columns:10rem 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#asset_page__nav{grid-column:1/-1}#wallet{gap:1rem 2rem;grid-template-columns:20rem 24rem}#wallet__header{grid-column:1/3;padding-bottom:1rem}#wallet .balance-card{border:solid thin rgba(var(--text-color), 0.2)}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{opacity:0;transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}.transaction-card button{opacity:0;transition:opacity .3s}.transaction-card:hover button{opacity:1}}
\ No newline at end of file
diff --git a/docs/css/main.scss b/docs/css/main.scss
index 8bd3c59..a378a22 100644
--- a/docs/css/main.scss
+++ b/docs/css/main.scss
@@ -687,6 +687,9 @@ sm-checkbox {
     width: 1.2rem;
   }
 }
+.orders_section__header {
+  min-height: 2.8rem;
+}
 
 .list__item {
   padding: 0.5rem 0;
@@ -700,6 +703,7 @@ sm-checkbox {
   gap: 0.5rem;
   padding: 0.5rem 1.5rem 0.5rem 0.5rem;
   grid-template-columns: min-content repeat(3, 1fr) min-content;
+  border-radius: 0.5rem;
   &__type {
     font-size: 0.9rem;
     font-weight: 500;
@@ -815,6 +819,7 @@ sm-checkbox {
   background-color: rgba(var(--foreground-color), 1);
   padding: 0.5rem;
   &.is-locked {
+    padding: 1rem 0.5rem;
     grid-template-columns: auto 1fr auto;
     gap: 0.5rem;
     .balance-card__icon {
diff --git a/docs/index.html b/docs/index.html
index 7e9b772..102b408 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -1199,7 +1199,7 @@
                 card.querySelector('.order-card__quantity').textContent = `${quantity} ${asset}`
                 card.querySelector('.order-card__price-type').textContent = type === 'buy' ? 'Max price' : 'Min price'
                 card.querySelector('.order-card__price').textContent = formatAmount(price)
-                card.querySelector('.order-card__time').textContent = relativeTime.from(time)
+                card.querySelector('.order-card__time').textContent = relativeTime.from(new Date(time).getTime())
                 return card
             },
             transactionCard(transactionDetails = {}) {
@@ -1435,9 +1435,11 @@
             }
         }
         function setChartTheme(e) {
-            const themeToApply = getChartTheme()
-            chart.applyOptions(themeToApply.chart);
-            lineSeries.applyOptions(themeToApply.series);
+            if (chart) {
+                const themeToApply = getChartTheme()
+                chart.applyOptions(themeToApply.chart);
+                lineSeries.applyOptions(themeToApply.series);
+            }
         }
 
         document.addEventListener('themechange', setChartTheme)

From e654cd11e4c317208c0bf53e6a767981b52f5792 Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Mon, 11 Apr 2022 21:13:58 +0530
Subject: [PATCH 032/168] UX improvements

---
 docs/css/main.css     | 57 ++++++++++++++++++++++++++-----------------
 docs/css/main.min.css |  2 +-
 docs/css/main.scss    | 53 ++++++++++++++++++++++++----------------
 docs/index.html       | 43 ++++++++++++++++++++++++++------
 4 files changed, 104 insertions(+), 51 deletions(-)

diff --git a/docs/css/main.css b/docs/css/main.css
index 6f96503..50eb702 100644
--- a/docs/css/main.css
+++ b/docs/css/main.css
@@ -322,23 +322,6 @@ ul {
   pointer-events: none;
 }
 
-.empty-state {
-  display: grid;
-  justify-content: center;
-  text-align: center;
-  width: 100%;
-  max-width: none;
-  padding: 1.5rem;
-}
-
-.observe-empty-state:empty {
-  display: none !important;
-}
-
-.observe-empty-state:not(:empty) + .empty-state {
-  display: none !important;
-}
-
 .icon {
   width: 1.2rem;
   height: 1.2rem;
@@ -371,6 +354,31 @@ ul {
   fill: var(--accent-color);
 }
 
+.empty-state {
+  display: grid;
+  text-align: center;
+  justify-items: center;
+  width: 100%;
+  max-width: none;
+  padding: 1.5rem;
+}
+.empty-state__icon {
+  height: 3rem;
+  width: 3rem;
+  padding: 0.6rem;
+  border-radius: 1rem;
+  background-color: rgba(var(--text-color), 0.06);
+  margin-bottom: 1rem;
+}
+
+.observe-empty-state:empty {
+  display: none !important;
+}
+
+.observe-empty-state:not(:empty) + .empty-state {
+  display: none !important;
+}
+
 #confirmation_popup,
 #prompt_popup {
   flex-direction: column;
@@ -718,11 +726,6 @@ sm-checkbox {
   width: min(42rem, 100%);
   grid-template-rows: auto 1fr;
 }
-#my_orders .icon,
-#market .icon {
-  height: 1.2rem;
-  width: 1.2rem;
-}
 
 .orders_section__header {
   min-height: 2.8rem;
@@ -943,6 +946,12 @@ sm-checkbox {
     opacity: 1;
   }
 }
+#wallet_result__cta {
+  padding: 1.5rem 1rem;
+  border-radius: 0.5rem;
+  background-color: rgba(var(--text-color), 0.06);
+}
+
 .stateful-button-wrapper {
   display: flex;
   position: relative;
@@ -1057,6 +1066,10 @@ sm-checkbox {
     --padding: 0.9rem 1.6rem;
   }
 
+  .empty-state {
+    align-self: center;
+  }
+
   .main_navbar__item--active .item__title {
     transform: translateY(100%);
     opacity: 0;
diff --git a/docs/css/main.min.css b/docs/css/main.min.css
index e482b38..8dd4c26 100644
--- a/docs/css/main.min.css
+++ b/docs/css/main.min.css
@@ -1 +1 @@
-*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #504dff;--text-color: 20, 20, 20;--background-color: 240, 240, 240;--foreground-color: 250, 250, 250;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a3a1ff;--text-color: 220, 220, 220;--background-color: 10, 10, 10;--foreground-color: 24, 24, 24;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{color:var(--accent-color)}button,.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;cursor:pointer;transition:transform .3s;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.button{white-space:nowrap;padding:.6rem 1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.06);color:rgba(var(--text-color), 0.8);justify-content:center}.button--primary{background-color:var(--accent-color);color:rgba(var(--background-color), 1)}button:disabled{opacity:.5}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}ul{list-style:none}.flex{display:flex}.grid{display:grid}.hide{opacity:0;pointer-events:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.breakable{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.h1{font-size:1.5rem}.h2{font-size:1.2rem}.h3{font-size:1rem}.h4{font-size:.9rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.empty-state{display:grid;justify-content:center;text-align:center;width:100%;max-width:none;padding:1.5rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.6rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem 0 .8rem;align-items:center;grid-template-columns:auto 1fr auto}.popup__header__close{padding:.5rem;cursor:pointer}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;width:100%;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:1rem}.logo h4{text-transform:capitalize;font-size:.9rem;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}details[open]>summary{margin-bottom:1rem}details[open]>summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up sm-copy{font-size:.9rem;--button-border-radius: 0.5rem}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:grid;gap:1rem;padding:1.5rem;width:100%;align-items:center;grid-template-columns:1fr auto auto;grid-column:1/-1}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto;padding:0 1.5rem}#pages_container>*{min-width:min(26rem,100%)}.listed-asset{position:relative;grid-template-columns:auto 1fr auto;gap:.5rem;padding:1rem 0;border-radius:.5rem;opacity:.8;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit}.listed-asset__icon{display:flex}.listed-asset__icon .icon{height:1.5rem;width:1.5rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{display:flex;flex-direction:column;height:100%}#asset_page__nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}#asset_page__nav .icon-only{margin-left:-0.7rem}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(42rem,100%);grid-template-rows:auto 1fr}#my_orders .icon,#market .icon{height:1.2rem;width:1.2rem}.orders_section__header{min-height:2.8rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:.5rem 1.5rem .5rem .5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content;border-radius:.5rem}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{padding:1rem;cursor:pointer}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.transaction-card{grid-template-columns:repeat(3, 1fr) 2rem}.transaction-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type{color:var(--green)}.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type{color:var(--danger-color)}.transaction-card__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.transaction-card__quantity,.transaction-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}#market_orders_list .list__header{font-size:.8rem;font-weight:500}#market_orders_list .list__header div{padding:.5rem 0}#market_orders_list .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}#wallet{display:grid;width:auto;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem}.balance-card{display:grid;align-items:center;gap:0 .5rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1);padding:.5rem}.balance-card.is-locked{padding:1rem .5rem;grid-template-columns:auto 1fr auto;gap:.5rem}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:2/3;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.hide-on-mobile{display:none !important}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#price_chart_container{flex:1}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.h1{font-size:2rem}.h2{font-size:1.8rem}.h3{font-size:1.3rem}.h4{font-size:1rem}.popup__header{padding:1rem 1.5rem 0 .8rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding:0 .5rem}.main_navbar__item{padding:1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:16rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (max-width: 64rem)and (min-width: 40rem){.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 64rem){#home{grid-template-columns:10rem 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#asset_page__nav{grid-column:1/-1}#wallet{gap:1rem 2rem;grid-template-columns:20rem 24rem}#wallet__header{grid-column:1/3;padding-bottom:1rem}#wallet .balance-card{border:solid thin rgba(var(--text-color), 0.2)}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{opacity:0;transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}.transaction-card button{opacity:0;transition:opacity .3s}.transaction-card:hover button{opacity:1}}
\ No newline at end of file
+*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #504dff;--text-color: 20, 20, 20;--background-color: 240, 240, 240;--foreground-color: 250, 250, 250;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a3a1ff;--text-color: 220, 220, 220;--background-color: 10, 10, 10;--foreground-color: 24, 24, 24;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{color:var(--accent-color)}button,.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;cursor:pointer;transition:transform .3s;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.button{white-space:nowrap;padding:.6rem 1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.06);color:rgba(var(--text-color), 0.8);justify-content:center}.button--primary{background-color:var(--accent-color);color:rgba(var(--background-color), 1)}button:disabled{opacity:.5}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}ul{list-style:none}.flex{display:flex}.grid{display:grid}.hide{opacity:0;pointer-events:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.breakable{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.h1{font-size:1.5rem}.h2{font-size:1.2rem}.h3{font-size:1rem}.h4{font-size:.9rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.6rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem 0 .8rem;align-items:center;grid-template-columns:auto 1fr auto}.popup__header__close{padding:.5rem;cursor:pointer}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;width:100%;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:1rem}.logo h4{text-transform:capitalize;font-size:.9rem;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}details[open]>summary{margin-bottom:1rem}details[open]>summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up sm-copy{font-size:.9rem;--button-border-radius: 0.5rem}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:grid;gap:1rem;padding:1.5rem;width:100%;align-items:center;grid-template-columns:1fr auto auto;grid-column:1/-1}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto;padding:0 1.5rem}#pages_container>*{min-width:min(26rem,100%)}.listed-asset{position:relative;grid-template-columns:auto 1fr auto;gap:.5rem;padding:1rem 0;border-radius:.5rem;opacity:.8;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit}.listed-asset__icon{display:flex}.listed-asset__icon .icon{height:1.5rem;width:1.5rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{display:flex;flex-direction:column;height:100%}#asset_page__nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}#asset_page__nav .icon-only{margin-left:-0.7rem}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(42rem,100%);grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:.5rem 1.5rem .5rem .5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content;border-radius:.5rem}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{padding:1rem;cursor:pointer}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.transaction-card{grid-template-columns:repeat(3, 1fr) 2rem}.transaction-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type{color:var(--green)}.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type{color:var(--danger-color)}.transaction-card__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.transaction-card__quantity,.transaction-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}#market_orders_list .list__header{font-size:.8rem;font-weight:500}#market_orders_list .list__header div{padding:.5rem 0}#market_orders_list .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}#wallet{display:grid;width:auto;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem}.balance-card{display:grid;align-items:center;gap:0 .5rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1);padding:.5rem}.balance-card.is-locked{padding:1rem .5rem;grid-template-columns:auto 1fr auto;gap:.5rem}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:2/3;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#wallet_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.hide-on-mobile{display:none !important}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#price_chart_container{flex:1}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.h1{font-size:2rem}.h2{font-size:1.8rem}.h3{font-size:1.3rem}.h4{font-size:1rem}.popup__header{padding:1rem 1.5rem 0 .8rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding:0 .5rem}.main_navbar__item{padding:1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:16rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (max-width: 64rem)and (min-width: 40rem){.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 64rem){#home{grid-template-columns:10rem 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#asset_page__nav{grid-column:1/-1}#wallet{gap:1rem 2rem;grid-template-columns:20rem 24rem}#wallet__header{grid-column:1/3;padding-bottom:1rem}#wallet .balance-card{border:solid thin rgba(var(--text-color), 0.2)}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{opacity:0;transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}.transaction-card button{opacity:0;transition:opacity .3s}.transaction-card:hover button{opacity:1}}
\ No newline at end of file
diff --git a/docs/css/main.scss b/docs/css/main.scss
index a378a22..95f5688 100644
--- a/docs/css/main.scss
+++ b/docs/css/main.scss
@@ -315,22 +315,6 @@ ul {
   );
   pointer-events: none;
 }
-.empty-state {
-  display: grid;
-  justify-content: center;
-  text-align: center;
-  width: 100%;
-  max-width: none;
-  padding: 1.5rem;
-}
-
-.observe-empty-state:empty {
-  display: none !important;
-}
-
-.observe-empty-state:not(:empty) + .empty-state {
-  display: none !important;
-}
 
 .icon {
   width: 1.2rem;
@@ -359,6 +343,30 @@ ul {
     fill: var(--accent-color);
   }
 }
+.empty-state {
+  display: grid;
+  text-align: center;
+  justify-items: center;
+  width: 100%;
+  max-width: none;
+  padding: 1.5rem;
+  &__icon {
+    height: 3rem;
+    width: 3rem;
+    padding: 0.6rem;
+    border-radius: 1rem;
+    background-color: rgba(var(--text-color), 0.06);
+    margin-bottom: 1rem;
+  }
+}
+
+.observe-empty-state:empty {
+  display: none !important;
+}
+
+.observe-empty-state:not(:empty) + .empty-state {
+  display: none !important;
+}
 #confirmation_popup,
 #prompt_popup {
   flex-direction: column;
@@ -682,10 +690,6 @@ sm-checkbox {
 #market {
   width: min(42rem, 100%);
   grid-template-rows: auto 1fr;
-  .icon {
-    height: 1.2rem;
-    width: 1.2rem;
-  }
 }
 .orders_section__header {
   min-height: 2.8rem;
@@ -888,7 +892,11 @@ sm-checkbox {
     opacity: 1;
   }
 }
-
+#wallet_result__cta {
+  padding: 1.5rem 1rem;
+  border-radius: 0.5rem;
+  background-color: rgba(var(--text-color), 0.06);
+}
 .stateful-button-wrapper {
   display: flex;
   position: relative;
@@ -979,6 +987,9 @@ sm-checkbox {
   sm-button {
     --padding: 0.9rem 1.6rem;
   }
+  .empty-state {
+    align-self: center;
+  }
   .main_navbar__item--active {
     .item__title {
       transform: translateY(100%);
diff --git a/docs/index.html b/docs/index.html
index 102b408..4c86273 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -63,7 +63,7 @@
                         d="M27.14,30.86c-.74-2.48-3-4.36-8.25-6.94a20,20,0,0,1-4.2-2.49,6,6,0,0,1-1.25-1.67,4,4,0,0,1,0-2.26c.37-1.08.79-1.57,3.89-4.55a11.66,11.66,0,0,0,3.34-4.67,6.54,6.54,0,0,0,.05-2.82C20,3.6,18.58,2,16.16.49c-.89-.56-1.29-.64-1.3-.24a3,3,0,0,1-.3.72l-.3.55L13.42.94C13,.62,12.4.26,12.19.15c-.4-.2-.73-.18-.72.05a9.39,9.39,0,0,1-.61,1.33s-.14,0-.27-.13C8.76.09,8-.27,8,.23A11.73,11.73,0,0,1,6.76,2.6C4.81,5.87,2.83,7.49.77,7.49c-.89,0-.88,0-.61,1,.22.85.33.92,1.09.69A5.29,5.29,0,0,0,3,8.33c.23-.17.45-.29.49-.26a2,2,0,0,1,.22.63A1.31,1.31,0,0,0,4,9.34a5.62,5.62,0,0,0,2.27-.87L7,8l.13.55c.19.74.32.82,1,.65a7.06,7.06,0,0,0,3.46-2.47l.6-.71-.06.64c-.17,1.63-1.3,3.42-3.39,5.42L6.73,14c-3.21,3.06-3,5.59.6,8a46.77,46.77,0,0,0,4.6,2.41c.28.13,1,.52,1.59.87,3.31,2,4.95,3.92,4.95,5.93a2.49,2.49,0,0,0,.07.77h0c.09.09,0,.1.9-.14a2.61,2.61,0,0,0,.83-.32,3.69,3.69,0,0,0-.55-1.83A11.14,11.14,0,0,0,17,26.81a35.7,35.7,0,0,0-5.1-2.91C9.37,22.64,8.38,22,7.52,21.17a3.53,3.53,0,0,1-1.18-2.48c0-1.38.71-2.58,2.5-4.23,2.84-2.6,3.92-3.91,4.67-5.65a3.64,3.64,0,0,0,.42-2A3.37,3.37,0,0,0,13.61,5l-.32-.74.29-.48c.17-.27.37-.63.46-.8l.15-.3.44.64a5.92,5.92,0,0,1,1,2.81,5.86,5.86,0,0,1-.42,1.94c0,.12-.12.3-.15.4a9.49,9.49,0,0,1-.67,1.1,28,28,0,0,1-4,4.29C8.62,15.49,8.05,16.44,8,17.78a3.28,3.28,0,0,0,1.11,2.76c.95,1,2.07,1.74,5.25,3.32,3.64,1.82,5.22,2.9,6.41,4.38A4.78,4.78,0,0,1,21.94,31a3.21,3.21,0,0,0,.14.92,1.06,1.06,0,0,0,.43-.05l.83-.22.46-.12-.06-.46c-.21-1.53-1.62-3.25-3.94-4.8a37.57,37.57,0,0,0-5.22-2.82A13.36,13.36,0,0,1,11,21.19a3.36,3.36,0,0,1-.8-4.19c.41-.85.83-1.31,3.77-4.15,2.39-2.31,3.43-4.13,3.43-6a5.85,5.85,0,0,0-2.08-4.29c-.23-.21-.44-.43-.65-.65A2.5,2.5,0,0,1,15.27.69a10.6,10.6,0,0,1,2.91,2.78A4.16,4.16,0,0,1,19,6.16a4.91,4.91,0,0,1-.87,3c-.71,1.22-1.26,1.82-4.27,4.67a9.47,9.47,0,0,0-2.07,2.6,2.76,2.76,0,0,0-.33,1.54,2.76,2.76,0,0,0,.29,1.47c.57,1.21,2.23,2.55,4.65,3.73a32.41,32.41,0,0,1,5.82,3.24c2.16,1.6,3.2,3.16,3.2,4.8a1.94,1.94,0,0,0,.09.76,4.54,4.54,0,0,0,1.66-.4C27.29,31.42,27.29,31.37,27.14,30.86ZM6.1,7h0a3.77,3.77,0,0,1-1.46.45L4,7.51l.68-.83a25.09,25.09,0,0,0,3-4.82A12,12,0,0,1,8.28.76c.11-.12.77.32,1.53,1l.63.58-.57.84A10.34,10.34,0,0,1,6.1,7Zm5.71-1.78A9.77,9.77,0,0,1,9.24,7.18h0a5.25,5.25,0,0,1-1.17.28l-.58,0,.65-.78a21.29,21.29,0,0,0,2.1-3.12c.22-.41.42-.76.44-.79s.5.43.9,1.24L12,5ZM13.41,3a2.84,2.84,0,0,1-.45.64,11,11,0,0,1-.9-.91l-.84-.9.19-.45c.34-.79.39-.8,1-.31A9.4,9.4,0,0,1,13.8,2.33q-.18.34-.39.69Z" />
                 </svg>
                 <div class="grid">
-                    <h4>RanchiMall Market</h4>
+                    <h4>RanchiMall Exchange</h4>
                 </div>
             </div>
             <theme-toggle id="theme_toggle"></theme-toggle>
@@ -102,7 +102,7 @@
                         <p>Don't have FLO credentials?</p>
                         <sm-button onclick="showPopup('sign_up_popup')">Generate FLO credentials</sm-button>
                     </div>
-                    <sm-button onclick="floExchangeAPI.clearAllLocalData()">clear local data</sm-button>
+                    <sm-button onclick="floExchangeAPI.clearAllLocalData()">Reset</sm-button>
                 </sm-form>
                 <section id="exchange_wrapper" class="hide user-content">
                     <div id="asset_list_wrapper" class="grid gap-1 align-start">
@@ -218,9 +218,18 @@
                     </div>
                 </div>
                 <ul id="orders_list" class="observe-empty-state"></ul>
-                <p class="empty-state">
-                    No orders placed
-                </p>
+                <div class="grid gap-0-5 empty-state">
+                    <svg class="icon empty-state__icon" xmlns="http://www.w3.org/2000/svg" height="24px"
+                        viewBox="0 0 24 24" width="24px" fill="#000000">
+                        <path d="M0 0h24v24H0V0z" fill="none" />
+                        <path
+                            d="M13 3c-4.97 0-9 4.03-9 9H1l3.89 3.89.07.14L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42C8.27 19.99 10.51 21 13 21c4.97 0 9-4.03 9-9s-4.03-9-9-9zm-1 5v5l4.25 2.52.77-1.28-3.52-2.09V8z" />
+                    </svg>
+                    <h4>
+                        No orders placed yet.
+                    </h4>
+                    <p>My orders will only show completed orders.</p>
+                </div>
             </section>
             <section id="market" class="grid gap-1 hide mobile-page">
                 <div class="orders_section__header flex align-center space-between">
@@ -468,6 +477,14 @@
                 <h4 id="wallet_result__title"></h4>
                 <p id="wallet_result__description"></p>
             </div>
+            <div id="wallet_result__cta" class="hide grid gap-1-5">
+                <div class="grid gap-0-5">
+                    <h4>Low on rupee balance?</h4>
+                    <p>Visit RanchiMall Pay to deposit rupee in your FLO ID.</p>
+                </div>
+                <a href="https://ranchimall.github.io/upi/" target="_blank" rel="noopener noreferrer"
+                    class="button button--primary">Open RanchiMall Pay</a>
+            </div>
         </div>
     </sm-popup>
     <sm-popup id="transaction_info_popup">
@@ -1581,7 +1598,7 @@
                 showPopup('wallet_popup')
             }
         })
-        function showWalletResult(status, title, description) {
+        function showWalletResult(status, title, description, cta = '') {
             const animOptions = {
                 duration: 150,
                 easing: 'ease',
@@ -1610,6 +1627,14 @@
                     getRef('wallet_result').classList.remove('hide')
                     getRef('wallet_result').animate(slideInLeft, animOptions)
                 }
+            getRef('wallet_result__cta').classList.add('hide')
+            switch (cta) {
+                case 'open-upi':
+                    getRef('wallet_result__cta').classList.remove('hide')
+                    break;
+                default:
+                    break;
+            }
         }
         function hideWalletResult() {
             const animOptions = {
@@ -1669,7 +1694,11 @@
                 }
             }
             catch (err) {
-                showWalletResult('error', `Failed`, err.data || err)
+                if ((err.data || err) === 'Insufficiant token balance') {
+                    showWalletResult('error', `Failed`, err.data || err, 'open-upi')
+                } else {
+                    showWalletResult('error', `Failed`, err.data || err)
+                }
             }
             finally {
                 hideProcess('wallet_popup__cta_wrapper')

From 9caf3fc9eca29cf6c83d260bae5096759f69b391 Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Wed, 13 Apr 2022 01:06:01 +0530
Subject: [PATCH 033/168] Distributor feature and Balance structure change

- Distributor feature allows to mark floIDs as distributors for certain asset.
- Added 2 APIs: add-distributor, remove-distributor
- Changing structure for token balance in exchange system. (requirement for new rule update).
---
 docs/scripts/floExchangeAPI.js |  66 +++++++++++++-
 docs/scripts/floTokenAPI.js    |   2 +-
 src/app.js                     |   2 +
 src/backup/slave.js            |   2 +-
 src/coupling.js                |   5 +-
 src/group.js                   |  36 +++++++-
 src/market.js                  | 160 +++++++++++++--------------------
 src/request.js                 |  30 +++++++
 8 files changed, 195 insertions(+), 108 deletions(-)

diff --git a/docs/scripts/floExchangeAPI.js b/docs/scripts/floExchangeAPI.js
index dd40c14..efe6248 100644
--- a/docs/scripts/floExchangeAPI.js
+++ b/docs/scripts/floExchangeAPI.js
@@ -885,7 +885,7 @@
         return new Promise((resolve, reject) => {
             if (typeof quantity !== "number" || quantity <= floGlobals.fee)
                 return reject(`Invalid quantity (${quantity})`);
-            floBlockchainAPI.sendTx(floID, sinkID, quantity, privKey, 'Deposit FLO in market').then(txid => {
+            floBlockchainAPI.sendTx(floID, sinkID, quantity, privKey, '(deposit in market)').then(txid => {
                 let request = {
                     floID: floID,
                     txid: txid,
@@ -947,7 +947,7 @@
         return new Promise((resolve, reject) => {
             if (!floCrypto.verifyPrivKey(privKey, floID))
                 return reject("Invalid Private Key");
-            floTokenAPI.sendToken(privKey, quantity, sinkID, 'Deposit Rupee in market', token).then(txid => {
+            floTokenAPI.sendToken(privKey, quantity, sinkID, '(deposit in market)', token).then(txid => {
                 let request = {
                     floID: floID,
                     txid: txid,
@@ -1069,6 +1069,68 @@
         })
     }
 
+    exchangeAPI.addDistributor = function(distributor, asset, floID, proxySecret) {
+        return new Promise((resolve, reject) => {
+            let request = {
+                floID: floID,
+                distributor: distributor,
+                asset: asset,
+                timestamp: Date.now()
+            };
+            if (floCrypto.getFloID(proxySecret) === floID) //Direct signing (without proxy)
+                request.pubKey = floCrypto.getPubKeyHex(proxySecret);
+            request.sign = signRequest({
+                type: "add_distributor",
+                distributor: distributor,
+                asset: asset,
+                timestamp: request.timestamp
+            }, proxySecret);
+            console.debug(request);
+
+            fetch_api('/add-distributor', {
+                    method: "POST",
+                    headers: {
+                        'Content-Type': 'application/json'
+                    },
+                    body: JSON.stringify(request)
+                }).then(result => responseParse(result, false)
+                    .then(result => resolve(result))
+                    .catch(error => reject(error)))
+                .catch(error => reject(error))
+        })
+    }
+
+    exchangeAPI.removeDistributor = function(distributor, asset, floID, proxySecret) {
+        return new Promise((resolve, reject) => {
+            let request = {
+                floID: floID,
+                distributor: distributor,
+                asset: asset,
+                timestamp: Date.now()
+            };
+            if (floCrypto.getFloID(proxySecret) === floID) //Direct signing (without proxy)
+                request.pubKey = floCrypto.getPubKeyHex(proxySecret);
+            request.sign = signRequest({
+                type: "remove_distributor",
+                distributor: distributor,
+                asset: asset,
+                timestamp: request.timestamp
+            }, proxySecret);
+            console.debug(request);
+
+            fetch_api('/remove-distributor', {
+                    method: "POST",
+                    headers: {
+                        'Content-Type': 'application/json'
+                    },
+                    body: JSON.stringify(request)
+                }).then(result => responseParse(result, false)
+                    .then(result => resolve(result))
+                    .catch(error => reject(error)))
+                .catch(error => reject(error))
+        })
+    }
+
     exchangeAPI.init = function refreshDataFromBlockchain(adminID = floGlobals.adminID, appName = floGlobals.application) {
         return new Promise((resolve, reject) => {
             let nodes, lastTx;
diff --git a/docs/scripts/floTokenAPI.js b/docs/scripts/floTokenAPI.js
index 3233279..4f2ffdf 100644
--- a/docs/scripts/floTokenAPI.js
+++ b/docs/scripts/floTokenAPI.js
@@ -42,7 +42,7 @@
                     return reject("Invalid amount");
                 this.getBalance(senderID, token).then(bal => {
                     if (amount > bal)
-                        return reject("Insufficiant token balance");
+                        return reject("Insufficient token balance");
                     floBlockchainAPI.writeData(senderID, `send ${amount} ${token}# ${message}`, privKey, receiverID)
                         .then(txid => resolve(txid))
                         .catch(error => reject(error))
diff --git a/src/app.js b/src/app.js
index a461304..cafdda0 100644
--- a/src/app.js
+++ b/src/app.js
@@ -91,6 +91,8 @@ module.exports = function App(secret, DB) {
     //Manage user tags (Access to trusted IDs only)
     app.post('/add-tag', Request.AddUserTag);
     app.post('/remove-tag', Request.RemoveUserTag);
+    app.post('/add-distributor', Request.AddDistributor);
+    app.post('/remove-distributor', Request.RemoveDistributor);
 
     Request.DB = DB;
     Request.secret = secret;
diff --git a/src/backup/slave.js b/src/backup/slave.js
index ea26ba8..bd7b6a3 100644
--- a/src/backup/slave.js
+++ b/src/backup/slave.js
@@ -186,7 +186,7 @@ function processBackupData(response) {
                         console.log("Backup Sync completed successfully");
                         self.close();
                     } else
-                        console.log("Waiting for come re-sync data");
+                        console.log("Waiting for re-sync data");
                 }).catch(_ => {
                     console.warn("Backup Sync was not successful");
                     self.close();
diff --git a/src/coupling.js b/src/coupling.js
index 56a92cb..45efe27 100644
--- a/src/coupling.js
+++ b/src/coupling.js
@@ -178,10 +178,7 @@ function auditBalance(sellerID, buyerID, asset) {
 
 module.exports = {
     initiate: startCouplingForAsset,
-    group: {
-        addTag: group.addTag,
-        removeTag: group.removeTag
-    },
+    group: group,
     price,
     set DB(db) {
         DB = db;
diff --git a/src/group.js b/src/group.js
index 576cad3..8078295 100644
--- a/src/group.js
+++ b/src/group.js
@@ -10,7 +10,7 @@ function addTag(floID, tag) {
                 if (error.code === "ER_DUP_ENTRY")
                     reject(INVALID(`${floID} already in ${tag}`));
                 else if (error.code === "ER_NO_REFERENCED_ROW")
-                    reject(INVALID(`Invalid user-floID and/or Tag`));
+                    reject(INVALID(`Invalid Tag`));
                 else
                     reject(error);
             });
@@ -25,6 +25,37 @@ function removeTag(floID, tag) {
     })
 }
 
+function addDistributor(floID, asset) {
+    return new Promise((resolve, reject) => {
+        DB.query("INSERT INTO Distributors (floID, asset) VALUE (?,?)", [floID, asset])
+            .then(result => resolve(`Added ${asset} distributor: ${floID}`))
+            .catch(error => {
+                if (error.code === "ER_DUP_ENTRY")
+                    reject(INVALID(`${floID} is already ${asset} disributor`));
+                else if (error.code === "ER_NO_REFERENCED_ROW")
+                    reject(INVALID(`Invalid Asset`));
+                else
+                    reject(error);
+            });
+    });
+}
+
+function removeDistributor(floID, asset) {
+    return new Promise((resolve, reject) => {
+        DB.query("DELETE FROM Distributors WHERE floID=? AND tag=?", [floID, asset])
+            .then(result => resolve(`Removed ${asset} distributor: ${floID}`))
+            .catch(error => reject(error));
+    })
+}
+
+function checkDistributor(floID, asset) {
+    new Promise((resolve, reject) => {
+        DB.query("SELECT id FROM Distributors WHERE floID=? AND asset=?", [floID, asset])
+            .then(result => resolve(result.length ? true : false))
+            .catch(error => reject(error))
+    })
+}
+
 function getBestPairs(asset, cur_rate) {
     return new Promise((resolve, reject) => {
         DB.query("SELECT tag, sellPriority, buyPriority FROM TagList").then(result => {
@@ -378,6 +409,9 @@ function verifyBuyOrder(buyOrder, cur_price) {
 module.exports = {
     addTag,
     removeTag,
+    addDistributor,
+    removeDistributor,
+    checkDistributor,
     getBestPairs,
     set DB(db) {
         DB = db;
diff --git a/src/market.js b/src/market.js
index d438c7e..d73d09c 100644
--- a/src/market.js
+++ b/src/market.js
@@ -63,37 +63,27 @@ function getBalance(floID, token) {
 }
 
 getBalance.floID_token = (floID, token) => new Promise((resolve, reject) => {
-    (token === floGlobals.currency ?
-        DB.query("SELECT IFNULL(SUM(balance), 0) AS balance FROM Cash WHERE floID=?", [floID]) :
-        DB.query("SELECT IFNULL(SUM(quantity), 0) AS balance FROM Vault WHERE floID=? AND asset=?", [floID, token])
-    ).then(result => resolve({
+    DB.query("SELECT quantity AS balance FROM UserBalance WHERE floID=? AND token=?", [floID, token]).then(result => resolve({
         floID,
         token,
-        balance: result[0].balance.toFixed(8)
+        balance: result.length ? result[0].balance.toFixed(8) : 0
     })).catch(error => reject(error))
 });
 
 getBalance.floID = (floID) => new Promise((resolve, reject) => {
-    Promise.all([
-        DB.query("SELECT IFNULL(SUM(balance), 0) AS balance FROM Cash WHERE floID=?", [floID]),
-        DB.query("SELECT asset, IFNULL(SUM(quantity), 0) AS balance FROM Vault WHERE floID=? GROUP BY asset", [floID])
-    ]).then(result => {
+    DB.query("SELECT token, quantity AS balance FROM UserBalance WHERE floID=?", [floID]).then(result => {
         let response = {
             floID,
             balance: {}
         };
-        response.balance[floGlobals.currency] = result[0][0].balance.toFixed(8);
-        for (let row of result[1])
-            response.balance[row.asset] = row.balance.toFixed(8);
+        for (let row of result)
+            response.balance[row.token] = row.balance.toFixed(8);
         resolve(response);
     }).catch(error => reject(error))
 });
 
 getBalance.token = (token) => new Promise((resolve, reject) => {
-    (token === floGlobals.currency ?
-        DB.query("SELECT floID, balance FROM Cash") :
-        DB.query("SELECT floID, IFNULL(SUM(quantity), 0) AS balance FROM Vault WHERE asset = ? GROUP BY floID", [token])
-    ).then(result => {
+    DB.query("SELECT floID, quantity AS balance FROM UserBalance WHERE token=?", [token]).then(result => {
         let response = {
             token: token,
             balance: {}
@@ -105,13 +95,12 @@ getBalance.token = (token) => new Promise((resolve, reject) => {
 });
 
 const getAssetBalance = (floID, asset) => new Promise((resolve, reject) => {
-    let promises = (asset === floGlobals.currency) ? [
-        DB.query("SELECT IFNULL(SUM(balance), 0) AS balance FROM Cash WHERE floID=?", [floID]),
-        DB.query("SELECT IFNULL(SUM(quantity*maxPrice), 0) AS locked FROM BuyOrder WHERE floID=?", [floID])
-    ] : [
-        DB.query("SELECT IFNULL(SUM(quantity), 0) AS balance FROM Vault WHERE floID=? AND asset=?", [floID, asset]),
+    let promises = [];
+    promises.push(DB.query("SELECT IFNULL(SUM(quantity), 0) AS balance FROM UserBalance WHERE floID=? AND token=?", [floID, asset]));
+    promises.push(asset === floGlobals.currency ?
+        DB.query("SELECT IFNULL(SUM(quantity*maxPrice), 0) AS locked FROM BuyOrder WHERE floID=?", [floID]) :
         DB.query("SELECT IFNULL(SUM(quantity), 0) AS locked FROM SellOrder WHERE floID=? AND asset=?", [floID, asset])
-    ];
+    );
     Promise.all(promises).then(result => resolve({
         total: result[0][0].balance,
         locked: result[1][0].locked,
@@ -130,29 +119,9 @@ getAssetBalance.check = (floID, asset, amount) => new Promise((resolve, reject)
     }).catch(error => reject(error))
 });
 
-const consumeAsset = (floID, asset, amount, txQueries = []) => new Promise((resolve, reject) => {
-    //If asset/token is currency update Cash else consume from Vault
-    if (asset === floGlobals.currency) {
-        txQueries.push(["UPDATE Cash SET balance=balance-? WHERE floID=?", [amount, floID]]);
-        return resolve(txQueries);
-    } else
-        DB.query("SELECT id, quantity FROM Vault WHERE floID=? AND asset=? ORDER BY locktime", [floID, asset]).then(coins => {
-            let rem = amount;
-            for (let i = 0; i < coins.length && rem > 0; i++) {
-                if (rem < coins[i].quantity) {
-                    txQueries.push(["UPDATE Vault SET quantity=quantity-? WHERE id=?", [rem, coins[i].id]]);
-                    rem = 0;
-                } else {
-                    txQueries.push(["DELETE FROM Vault WHERE id=?", [coins[i].id]]);
-                    rem -= coins[i].quantity;
-                }
-            }
-            if (rem > 0) //should not happen AS the total and net is checked already
-                reject(INVALID("Insufficient Asset"));
-            else
-                resolve(txQueries);
-        }).catch(error => reject(error));
-});
+const updateBalance = {};
+updateBalance.consume = (floID, token, amount) => ["UPDATE UserBalance SET quantity=quantity-? WHERE floID=? AND token=?", [amount, floID, token]];
+updateBalance.add = (floID, token, amount) => ["INSERT INTO UserBalance (floID, token, quantity) VALUE (?, ?, ?) ON DUPLICATE KEY UPDATE quantity=quantity+?", [floID, token, amount, amount]];
 
 function addSellOrder(floID, asset, quantity, min_price) {
     return new Promise((resolve, reject) => {
@@ -233,8 +202,7 @@ function cancelOrder(type, id, floID) {
 function getAccountDetails(floID) {
     return new Promise((resolve, reject) => {
         let select = [];
-        select.push(["balance", "Cash"]);
-        select.push(["asset, AVG(base) AS avg_base, IFNULL(SUM(quantity), 0) AS quantity", "Vault", "GROUP BY asset"]);
+        select.push(["token, quantity", "UserBalance"]);
         select.push(["id, asset, quantity, minPrice, time_placed", "SellOrder"]);
         select.push(["id, asset, quantity, maxPrice, time_placed", "BuyOrder"]);
         let promises = select.map(a => DB.query(`SELECT ${a[0]} FROM ${a[1]} WHERE floID=? ${a[2] || ""}`, [floID]));
@@ -249,15 +217,12 @@ function getAccountDetails(floID) {
                 else
                     switch (i) {
                         case 0:
-                            response.cash = a.value.length ? a.value[0].balance : 0;
+                            response.tokenBalance = a.value;
                             break;
                         case 1:
-                            response.vault = a.value;
-                            break;
-                        case 2:
                             response.sellOrders = a.value;
                             break;
-                        case 3:
+                        case 2:
                             response.buyOrders = a.value;
                             break;
                     }
@@ -311,13 +276,14 @@ function transferToken(sender, receivers, token) {
             if (invalidIDs.length)
                 reject(INVALID(`Invalid receiver (${invalidIDs})`));
             else getAssetBalance.check(sender, token, totalAmount).then(_ => {
-                consumeAsset(sender, token, totalAmount).then(txQueries => {
-                    if (token === floGlobals.currency)
+                let txQueries = [];
+                txQueries.push(updateBalance.consume(sender, token, totalAmount));
+                for (let floID in receivers)
+                    txQueries.push(updateBalance.add(floID, token, receivers[floID]));
+                coupling.group.checkDistributor(sender, token).then(result => {
+                    if (result)
                         for (let floID in receivers)
-                            txQueries.push(["INSERT INTO Cash (floID, balance) VALUE (?, ?) ON DUPLICATE KEY UPDATE balance=balance+?", [floID, receivers[floID], receivers[floID]]]);
-                    else
-                        for (let floID in receivers)
-                            txQueries.push(["INSERT INTO Vault(floID, quantity, asset) VALUES (?, ?, ?)", [floID, receivers[floID], token]]);
+                            txQueries.push(["INSERT INTO Vault (floID, asset, quantity) VALUES (?, ?, ?)", [floID, token, receivers[floID]]]);
                     let time = Date.now();
                     let hash = TRANSFER_HASH_PREFIX + Crypto.SHA256(JSON.stringify({
                         sender: sender,
@@ -364,7 +330,7 @@ function confirmDepositFLO() {
         results.forEach(req => {
             confirmDepositFLO.checkTx(req.floID, req.txid).then(amount => {
                 let txQueries = [];
-                txQueries.push(["INSERT INTO Vault(floID, quantity, asset) VALUES (?, ?, ?)", [req.floID, amount, "FLO"]]);
+                txQueries.push(updateBalance.add(req.floID, "FLO", amount));
                 txQueries.push(["UPDATE InputFLO SET status=?, amount=? WHERE id=?", ["SUCCESS", amount, req.id]]);
                 DB.transaction(txQueries)
                     .then(result => console.debug("FLO deposited:", req.floID, amount))
@@ -410,23 +376,23 @@ function withdrawFLO(floID, amount) {
         else if (typeof amount !== "number" || amount <= 0)
             return reject(INVALID(`Invalid amount (${amount})`));
         getAssetBalance.check(floID, "FLO", amount).then(_ => {
-            consumeAsset(floID, "FLO", amount).then(txQueries => {
-                DB.transaction(txQueries).then(result => {
-                    //Send FLO to user via blockchain API
-                    floBlockchainAPI.sendTx(global.sinkID, floID, amount, global.sinkPrivKey, 'Withdraw FLO Coins from Market').then(txid => {
-                        if (!txid)
-                            throw Error("Transaction not successful");
-                        //Transaction was successful, Add in DB
-                        DB.query("INSERT INTO OutputFLO (floID, amount, txid, status) VALUES (?, ?, ?, ?)", [floID, amount, txid, "WAITING_CONFIRMATION"])
-                            .then(_ => null).catch(error => console.error(error))
-                            .finally(_ => resolve("Withdrawal was successful"));
-                    }).catch(error => {
-                        console.error(error);
-                        DB.query("INSERT INTO OutputFLO (floID, amount, status) VALUES (?, ?, ?)", [floID, amount, "PENDING"])
-                            .then(_ => null).catch(error => console.error(error))
-                            .finally(_ => resolve("Withdrawal request is in process"));
-                    });
-                }).catch(error => reject(error));
+            let txQueries = [];
+            txQueries.push(updateBalance.consume(floID, "FLO", amount));
+            DB.transaction(txQueries).then(result => {
+                //Send FLO to user via blockchain API
+                floBlockchainAPI.sendTx(global.sinkID, floID, amount, global.sinkPrivKey, '(withdrawal from market)').then(txid => {
+                    if (!txid)
+                        throw Error("Transaction not successful");
+                    //Transaction was successful, Add in DB
+                    DB.query("INSERT INTO OutputFLO (floID, amount, txid, status) VALUES (?, ?, ?, ?)", [floID, amount, txid, "WAITING_CONFIRMATION"])
+                        .then(_ => null).catch(error => console.error(error))
+                        .finally(_ => resolve("Withdrawal was successful"));
+                }).catch(error => {
+                    console.error(error);
+                    DB.query("INSERT INTO OutputFLO (floID, amount, status) VALUES (?, ?, ?)", [floID, amount, "PENDING"])
+                        .then(_ => null).catch(error => console.error(error))
+                        .finally(_ => resolve("Withdrawal request is in process"));
+                });
             }).catch(error => reject(error));
         }).catch(error => reject(error));
     });
@@ -491,14 +457,11 @@ function confirmDepositToken() {
                     //Add the FLO balance if necessary
                     if (!result.length) {
                         let amount_flo = amounts[2];
-                        txQueries.push(["INSERT INTO Vault(floID, asset, quantity) VALUES (?, ?, ?)", [req.floID, "FLO", amount_flo]]);
+                        txQueries.push(updateBalance.add(req.floID, "FLO", amount_flo));
                         txQueries.push(["INSERT INTO InputFLO(txid, floID, amount, status) VALUES (?, ?, ?, ?)", [req.txid, req.floID, amount_flo, "SUCCESS"]]);
                     }
                     txQueries.push(["UPDATE InputToken SET status=?, token=?, amount=? WHERE id=?", ["SUCCESS", token_name, amount_token, req.id]]);
-                    if (token_name === floGlobals.currency)
-                        txQueries.push(["INSERT INTO Cash (floID, balance) VALUE (?, ?) ON DUPLICATE KEY UPDATE balance=balance+?", [req.floID, amount_token, amount_token]]);
-                    else
-                        txQueries.push(["INSERT INTO Vault(floID, asset, quantity) VALUES (?, ?, ?)", [req.floID, token_name, amount_token]]);
+                    txQueries.push(updateBalance.add(req.floID, token_name, amount_token));
                     DB.transaction(txQueries)
                         .then(result => console.debug("Token deposited:", req.floID, token_name, amount_token))
                         .catch(error => console.error(error));
@@ -551,24 +514,23 @@ function withdrawToken(floID, token, amount) {
         let required_flo = floGlobals.sendAmt + floGlobals.fee;
         getAssetBalance.check(floID, "FLO", required_flo).then(_ => {
             getAssetBalance.check(floID, token, amount).then(_ => {
-                consumeAsset(floID, "FLO", required_flo).then(txQueries => {
-                    consumeAsset(floID, token, amount, txQueries).then(txQueries => {
-                        DB.transaction(txQueries).then(result => {
-                            //Send FLO to user via blockchain API
-                            floTokenAPI.sendToken(global.sinkPrivKey, amount, floID, '(withdrawal from market)', token).then(txid => {
-                                if (!txid) throw Error("Transaction not successful");
-                                //Transaction was successful, Add in DB
-                                DB.query("INSERT INTO OutputToken (floID, token, amount, txid, status) VALUES (?, ?, ?, ?, ?)", [floID, token, amount, txid, "WAITING_CONFIRMATION"])
-                                    .then(_ => null).catch(error => console.error(error))
-                                    .finally(_ => resolve("Withdrawal was successful"));
-                            }).catch(error => {
-                                console.error(error);
-                                DB.query("INSERT INTO OutputToken (floID, token, amount, status) VALUES (?, ?, ?, ?)", [floID, token, amount, "PENDING"])
-                                    .then(_ => null).catch(error => console.error(error))
-                                    .finally(_ => resolve("Withdrawal request is in process"));
-                            });
-                        }).catch(error => reject(error));
-                    }).catch(error => reject(error));
+                let txQueries = [];
+                txQueries.push(updateBalance.consume(floID, "FLO", required_flo));
+                txQueries.push(updateBalance.consume(floID, token, amount));
+                DB.transaction(txQueries).then(result => {
+                    //Send FLO to user via blockchain API
+                    floTokenAPI.sendToken(global.sinkPrivKey, amount, floID, '(withdrawal from market)', token).then(txid => {
+                        if (!txid) throw Error("Transaction not successful");
+                        //Transaction was successful, Add in DB
+                        DB.query("INSERT INTO OutputToken (floID, token, amount, txid, status) VALUES (?, ?, ?, ?, ?)", [floID, token, amount, txid, "WAITING_CONFIRMATION"])
+                            .then(_ => null).catch(error => console.error(error))
+                            .finally(_ => resolve("Withdrawal was successful"));
+                    }).catch(error => {
+                        console.error(error);
+                        DB.query("INSERT INTO OutputToken (floID, token, amount, status) VALUES (?, ?, ?, ?)", [floID, token, amount, "PENDING"])
+                            .then(_ => null).catch(error => console.error(error))
+                            .finally(_ => resolve("Withdrawal request is in process"));
+                    });
                 }).catch(error => reject(error));
             }).catch(error => reject(error));
         }).catch(error => reject(error));
diff --git a/src/request.js b/src/request.js
index d9ad6b7..d89ccfe 100644
--- a/src/request.js
+++ b/src/request.js
@@ -281,6 +281,34 @@ function RemoveUserTag(req, res) {
     );
 }
 
+function AddDistributor(req, res) {
+    let data = req.body;
+    if (!trustedIDs.includes(data.floID))
+        res.status(INVALID.e_code).send("Access Denied");
+    else processRequest(res, "Add distributor", {
+            type: "add_distributor",
+            distributor: data.distributor,
+            asset: data.asset,
+            timestamp: data.timestamp
+        }, data.sign, data.floID, data.pubKey,
+        () => market.group.addDistributor(data.distributor, data.asset)
+    );
+}
+
+function RemoveDistributor(req, res) {
+    let data = req.body;
+    if (!trustedIDs.includes(data.floID))
+        res.status(INVALID.e_code).send("Access Denied");
+    else processRequest(res, "Remove distributor", {
+            type: "remove_distributor",
+            distributor: data.distributor,
+            asset: data.asset,
+            timestamp: data.timestamp
+        }, data.sign, data.floID, data.pubKey,
+        () => market.group.removeDistributor(data.distributor, data.asset)
+    );
+}
+
 /* Public Requests */
 
 function GetLoginCode(req, res) {
@@ -415,6 +443,8 @@ module.exports = {
     periodicProcess: market.periodicProcess,
     AddUserTag,
     RemoveUserTag,
+    AddDistributor,
+    RemoveDistributor,
     set trustedIDs(ids) {
         trustedIDs = ids;
     },

From 76eb16817139c9f94e734bf3ddf804841c398c88 Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Fri, 15 Apr 2022 17:51:44 +0530
Subject: [PATCH 034/168] Minor UI fixes

---
 docs/css/components.js | 302 ++++++++++++++++++++---------------------
 docs/index.html        |   6 +-
 2 files changed, 154 insertions(+), 154 deletions(-)

diff --git a/docs/css/components.js b/docs/css/components.js
index 981accb..0052889 100644
--- a/docs/css/components.js
+++ b/docs/css/components.js
@@ -690,150 +690,150 @@ customElements.define('sm-input',
 
 const smNotifications = document.createElement('template')
 smNotifications.innerHTML = `
-    <style>
-        *{
-            padding: 0;
-            margin: 0;
-            -webkit-box-sizing: border-box;
-                    box-sizing: border-box;
-        } 
-        :host{
-            display: flex;
-            --icon-height: 1.5rem;
-            --icon-width: 1.5rem;
-        }
-        .hide{
-            opacity: 0 !important;
-            pointer-events: none !important;
-        }
-        .notification-panel{
-            display: grid;
-            width: 100%;
-            gap: 0.5rem;
-            position: fixed;
-            left: 0;
-            top: 0;
-            z-index: 100;
-            max-height: 100%;
-            padding: 1rem;
-            overflow: hidden auto;
-            -ms-scroll-chaining: none;
-                overscroll-behavior: contain;
-            touch-action: none;
-        }
-        .notification-panel:empty{
-            display:none;
-        }
-        .notification{
-            display: -webkit-box;
-            display: -ms-flexbox;
-            display: flex;
-            position: relative;
-            border-radius: 0.3rem;
-            background: rgba(var(--foreground-color, (255,255,255)), 1);
-            overflow: hidden;
-            overflow-wrap: break-word;
-            word-wrap: break-word;
-            -ms-word-break: break-all;
-            word-break: break-all;
-            word-break: break-word;
-            -ms-hyphens: auto;
-            -webkit-hyphens: auto;
-            hyphens: auto;
-            max-width: 100%;
-            padding: 1rem;
-            align-items: center;
-            touch-action: none;
-        }
-        .icon-container:not(:empty){
-            margin-right: 0.5rem;
-            height: var(--icon-height);
-            width: var(--icon-width);
-        }
-        h4:first-letter,
-        p:first-letter{
-            text-transform: uppercase;
-        }
-        h4{
-            font-weight: 400;
-        }
-        p{
-            line-height: 1.6;
-            -webkit-box-flex: 1;
-                -ms-flex: 1;
-                    flex: 1;
-            color: rgba(var(--text-color, (17,17,17)), 0.9);
-            overflow-wrap: break-word;
-            overflow-wrap: break-word;
-            word-wrap: break-word;
-            -ms-word-break: break-all;
-            word-break: break-all;
-            word-break: break-word;
-            -ms-hyphens: auto;
-            -webkit-hyphens: auto;
-            hyphens: auto;
-            max-width: 100%;
-        }
-        .notification:last-of-type{
-            margin-bottom: 0;
-        }
-        .icon {
-            height: 100%;
-            width: 100%;
-            fill: rgba(var(--text-color, (17,17,17)), 0.7);
-        }
-        .icon--success {
-            fill: var(--green);
-          }
-          .icon--failure,
-          .icon--error {
-            fill: var(--danger-color);
-          }
-        .close{
-            height: 2rem;
-            width: 2rem;
-            border: none;
-            cursor: pointer;
-            margin-left: 1rem;
-            border-radius: 50%;
-            padding: 0.3rem;
-            transition: background-color 0.3s, transform 0.3s;
-            background-color: transparent;
-        }
-        .close:active{
-            transform: scale(0.9);
-        }
-        @media screen and (min-width: 640px){
-            .notification-panel{
-                max-width: 28rem;
-                width: max-content;
-                top: auto;
-                bottom: 0;
-            }
-            .notification{
-                width: auto;
-                border: solid 1px rgba(var(--text-color, (17,17,17)), 0.2);
-            }
-        }
-        @media (any-hover: hover){
-            ::-webkit-scrollbar{
-                width: 0.5rem;
-            }
-            
-            ::-webkit-scrollbar-thumb{
-                background: rgba(var(--text-color, (17,17,17)), 0.3);
-                border-radius: 1rem;
-                &:hover{
-                    background: rgba(var(--text-color, (17,17,17)), 0.5);
+            <style>
+                *{
+                    padding: 0;
+                    margin: 0;
+                    -webkit-box-sizing: border-box;
+                            box-sizing: border-box;
+                } 
+                :host{
+                    display: flex;
+                    --icon-height: 1.5rem;
+                    --icon-width: 1.5rem;
                 }
-            }
-            .close:hover{
-                background-color: rgba(var(--text-color, (17,17,17)), 0.1);
-            }
-        }
-    </style>
-    <div class="notification-panel"></div>
-    `;
+                .hide{
+                    opacity: 0 !important;
+                    pointer-events: none !important;
+                }
+                .notification-panel{
+                    display: grid;
+                    width: 100%;
+                    gap: 0.5rem;
+                    position: fixed;
+                    left: 0;
+                    top: 0;
+                    z-index: 100;
+                    max-height: 100%;
+                    padding: 1rem;
+                    overflow: hidden auto;
+                    -ms-scroll-chaining: none;
+                        overscroll-behavior: contain;
+                    touch-action: none;
+                }
+                .notification-panel:empty{
+                    display:none;
+                }
+                .notification{
+                    display: -webkit-box;
+                    display: -ms-flexbox;
+                    display: flex;
+                    position: relative;
+                    border-radius: 0.3rem;
+                    background: rgba(var(--foreground-color, (255,255,255)), 1);
+                    overflow: hidden;
+                    overflow-wrap: break-word;
+                    word-wrap: break-word;
+                    -ms-word-break: break-all;
+                    word-break: break-all;
+                    word-break: break-word;
+                    -ms-hyphens: auto;
+                    -webkit-hyphens: auto;
+                    hyphens: auto;
+                    max-width: 100%;
+                    padding: 1rem;
+                    align-items: center;
+                    touch-action: none;
+                }
+                .icon-container:not(:empty){
+                    margin-right: 0.5rem;
+                    height: var(--icon-height);
+                    width: var(--icon-width);
+                }
+                h4:first-letter,
+                p:first-letter{
+                    text-transform: uppercase;
+                }
+                h4{
+                    font-weight: 400;
+                }
+                p{
+                    line-height: 1.6;
+                    -webkit-box-flex: 1;
+                        -ms-flex: 1;
+                            flex: 1;
+                    color: rgba(var(--text-color, (17,17,17)), 0.9);
+                    overflow-wrap: break-word;
+                    overflow-wrap: break-word;
+                    word-wrap: break-word;
+                    -ms-word-break: break-all;
+                    word-break: break-all;
+                    word-break: break-word;
+                    -ms-hyphens: auto;
+                    -webkit-hyphens: auto;
+                    hyphens: auto;
+                    max-width: 100%;
+                }
+                .notification:last-of-type{
+                    margin-bottom: 0;
+                }
+                .icon {
+                    height: 100%;
+                    width: 100%;
+                    fill: rgba(var(--text-color, (17,17,17)), 0.7);
+                }
+                .icon--success {
+                    fill: var(--green);
+                  }
+                  .icon--failure,
+                  .icon--error {
+                    fill: var(--danger-color);
+                  }
+                .close{
+                    height: 2rem;
+                    width: 2rem;
+                    border: none;
+                    cursor: pointer;
+                    margin-left: 1rem;
+                    border-radius: 50%;
+                    padding: 0.3rem;
+                    transition: background-color 0.3s, transform 0.3s;
+                    background-color: transparent;
+                }
+                .close:active{
+                    transform: scale(0.9);
+                }
+                @media screen and (min-width: 640px){
+                    .notification-panel{
+                        max-width: 28rem;
+                        width: max-content;
+                        top: auto;
+                        bottom: 0;
+                    }
+                    .notification{
+                        width: auto;
+                        border: solid 1px rgba(var(--text-color, (17,17,17)), 0.2);
+                    }
+                }
+                @media (any-hover: hover){
+                    ::-webkit-scrollbar{
+                        width: 0.5rem;
+                    }
+                    
+                    ::-webkit-scrollbar-thumb{
+                        background: rgba(var(--text-color, (17,17,17)), 0.3);
+                        border-radius: 1rem;
+                        &:hover{
+                            background: rgba(var(--text-color, (17,17,17)), 0.5);
+                        }
+                    }
+                    .close:hover{
+                        background-color: rgba(var(--text-color, (17,17,17)), 0.1);
+                    }
+                }
+            </style>
+            <div class="notification-panel"></div>
+            `;
 customElements.define('sm-notifications', class extends HTMLElement {
     constructor() {
         super();
@@ -886,16 +886,16 @@ customElements.define('sm-notifications', class extends HTMLElement {
         notification.classList.add('notification');
         let composition = ``;
         composition += `
-                <div class="icon-container">${icon}</div>
-                <p>${message}</p>
-                `;
+                        <div class="icon-container">${icon}</div>
+                        <p>${message}</p>
+                        `;
         if (pinned) {
             notification.classList.add('pinned');
             composition += `
-                    <button class="close">
-                        <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z"/></svg>
-                    </button>
-                `;
+                            <button class="close">
+                                <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z"/></svg>
+                            </button>
+                        `;
         }
         notification.innerHTML = composition;
         return notification;
@@ -941,7 +941,7 @@ customElements.define('sm-notifications', class extends HTMLElement {
                 opacity: '1'
             },
             {
-                transform: `translateX(calc(${sign}${this.currentX}px ${sign} 1rem))`,
+                transform: `translateX(calc(${sign}${Math.abs(this.currentX)}px ${sign} 1rem))`,
                 opacity: '0'
             }
         ], this.animationOptions).onfinish = () => {
diff --git a/docs/index.html b/docs/index.html
index 4c86273..f7d3576 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -226,9 +226,9 @@
                             d="M13 3c-4.97 0-9 4.03-9 9H1l3.89 3.89.07.14L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42C8.27 19.99 10.51 21 13 21c4.97 0 9-4.03 9-9s-4.03-9-9-9zm-1 5v5l4.25 2.52.77-1.28-3.52-2.09V8z" />
                     </svg>
                     <h4>
-                        No orders placed yet.
+                        No orders placed yet
                     </h4>
-                    <p>My orders will only show completed orders.</p>
+                    <p>My orders will only show completed orders</p>
                 </div>
             </section>
             <section id="market" class="grid gap-1 hide mobile-page">
@@ -402,7 +402,7 @@
                 <div class="grid gap-0-5">
                     <h4>Add password lock</h4>
                     <p>
-                        Adding a password lock allows to authenticate transactions with custom a password instead of
+                        Adding a password lock allows to authenticate transactions with a custom password instead of
                         private key.
                     </p>
                 </div>

From c5f29082617aac115e90c82c58ded7f22962f998 Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Fri, 15 Apr 2022 18:02:25 +0530
Subject: [PATCH 035/168] Minor UX fix

---
 docs/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/index.html b/docs/index.html
index f7d3576..637e78f 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -1694,7 +1694,7 @@
                 }
             }
             catch (err) {
-                if ((err.data || err) === 'Insufficiant token balance') {
+                if ((err.data || err) === 'Insufficiant token balance' && asset === 'rupee') {
                     showWalletResult('error', `Failed`, err.data || err, 'open-upi')
                 } else {
                     showWalletResult('error', `Failed`, err.data || err)

From 237e2498b3dc5fc23e689215fecbdef933591b5c Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Fri, 15 Apr 2022 18:15:00 +0530
Subject: [PATCH 036/168] Typo fixes

---
 docs/index.html             |  2 +-
 docs/scripts/floTokenAPI.js | 12 ++++++------
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/docs/index.html b/docs/index.html
index 637e78f..c0086e3 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -1694,7 +1694,7 @@
                 }
             }
             catch (err) {
-                if ((err.data || err) === 'Insufficiant token balance' && asset === 'rupee') {
+                if ((err.data || err) === 'Insufficient token balance' && asset === 'rupee') {
                     showWalletResult('error', `Failed`, err.data || err, 'open-upi')
                 } else {
                     showWalletResult('error', `Failed`, err.data || err)
diff --git a/docs/scripts/floTokenAPI.js b/docs/scripts/floTokenAPI.js
index 3233279..2abcb36 100644
--- a/docs/scripts/floTokenAPI.js
+++ b/docs/scripts/floTokenAPI.js
@@ -1,9 +1,9 @@
 'use strict';
 
 /* Token Operator to send/receive tokens from blockchain using API calls*/
-(function(GLOBAL) {
+(function (GLOBAL) {
     const floTokenAPI = GLOBAL.floTokenAPI = {
-        fetch_api: function(apicall) {
+        fetch_api: function (apicall) {
             return new Promise((resolve, reject) => {
                 console.log(floGlobals.tokenURL + apicall);
                 fetch(floGlobals.tokenURL + apicall).then(response => {
@@ -14,14 +14,14 @@
                 }).catch(error => reject(error))
             })
         },
-        getBalance: function(floID, token = floGlobals.currency) {
+        getBalance: function (floID, token = floGlobals.currency) {
             return new Promise((resolve, reject) => {
                 this.fetch_api(`api/v1.0/getFloAddressBalance?token=${token}&floAddress=${floID}`)
                     .then(result => resolve(result.balance || 0))
                     .catch(error => reject(error))
             })
         },
-        getTx: function(txID) {
+        getTx: function (txID) {
             return new Promise((resolve, reject) => {
                 this.fetch_api(`api/v1.0/getTransactionDetails/${txID}`).then(res => {
                     if (res.result === "error")
@@ -35,14 +35,14 @@
                 }).catch(error => reject(error))
             })
         },
-        sendToken: function(privKey, amount, receiverID, message = "", token = floGlobals.currency) {
+        sendToken: function (privKey, amount, receiverID, message = "", token = floGlobals.currency) {
             return new Promise((resolve, reject) => {
                 let senderID = floCrypto.getFloID(privKey);
                 if (typeof amount !== "number" || amount <= 0)
                     return reject("Invalid amount");
                 this.getBalance(senderID, token).then(bal => {
                     if (amount > bal)
-                        return reject("Insufficiant token balance");
+                        return reject(`Insufficient ${token} balance`);
                     floBlockchainAPI.writeData(senderID, `send ${amount} ${token}# ${message}`, privKey, receiverID)
                         .then(txid => resolve(txid))
                         .catch(error => reject(error))

From 19fe1306e3a227bb768ff3ef26aa869af576681f Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Fri, 15 Apr 2022 18:16:00 +0530
Subject: [PATCH 037/168] Error handling update

---
 docs/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/index.html b/docs/index.html
index c0086e3..38a388e 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -1694,7 +1694,7 @@
                 }
             }
             catch (err) {
-                if ((err.data || err) === 'Insufficient token balance' && asset === 'rupee') {
+                if ((err.data || err) === 'Insufficient rupe balance') {
                     showWalletResult('error', `Failed`, err.data || err, 'open-upi')
                 } else {
                     showWalletResult('error', `Failed`, err.data || err)

From f9551c856d8666e73cf02bfc7caa3b2bedc3b936 Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Sun, 17 Apr 2022 03:44:34 +0530
Subject: [PATCH 038/168] Updating sell-requirement

- Users can only sell when enough sell-chips (for asset) are available.
- sell-chips are obtained by
  . buying assets
  . receiving asset from distributor
  . deposit (FLO only) as launch-seller (maximum of 1 million)
- Updated coupling for the requirement
- Improved getBestSeller and getBestBuyer: Directly fetch from SQL query
- Removed group.js (moved required functions to market.js)
- Updated SQL schema
---
 args/schema.sql   | 104 +++++++-----
 src/_constants.js |   2 +-
 src/coupling.js   | 187 ++++++++++++---------
 src/group.js      | 419 ----------------------------------------------
 src/main.js       |   2 +-
 src/market.js     | 127 ++++++++++++--
 src/request.js    |   8 +-
 7 files changed, 281 insertions(+), 568 deletions(-)
 delete mode 100644 src/group.js

diff --git a/args/schema.sql b/args/schema.sql
index e8a087e..244a960 100644
--- a/args/schema.sql
+++ b/args/schema.sql
@@ -16,13 +16,12 @@ CREATE TABLE TagList (
     tag VARCHAR(50) NOT NULL,
     sellPriority INT,
     buyPriority INT,
-    api TINYTEXT,
     PRIMARY KEY(tag)
 );
 
 CREATE TABLE AssetList (
     asset VARCHAR(64) NOT NULL,
-    initialPrice FLOAT,
+    initialPrice DECIMAL(10, 2),
     PRIMARY KEY(asset)
 );
 
@@ -42,21 +41,22 @@ CREATE TABLE UserSession (
     PRIMARY KEY(floID)
 );
 
-CREATE TABLE Cash (
+CREATE TABLE UserBalance (
     id INT NOT NULL AUTO_INCREMENT,
-    floID CHAR(34) NOT NULL UNIQUE,
-    balance DECIMAL(12, 2) DEFAULT 0.00,
-    KEY(id),
-    PRIMARY KEY(floID)
-);
+    floID CHAR(34) NOT NULL,
+    token VARCHAR(64) NOT NULL,
+    quantity DECIMAL(10, 2) NOT NULL DEFAULT 0,
+    PRIMARY KEY(floID, token),
+    KEY(id)
+)
 
-CREATE TABLE Vault (
+CREATE TABLE SellChips (
     id INT NOT NULL AUTO_INCREMENT,
     floID CHAR(34) NOT NULL,
     locktime DATETIME DEFAULT CURRENT_TIMESTAMP,
     asset VARCHAR(64) NOT NULL,
-    base DECIMAL(10, 2),
-    quantity FLOAT NOT NULL,
+    base DECIMAL(10, 2) NOT NULL DEFAULT 0,
+    quantity DECIMAL(10, 2) NOT NULL,
     PRIMARY KEY(id),
     FOREIGN KEY (asset) REFERENCES AssetList(asset)
 );
@@ -70,6 +70,15 @@ CREATE TABLE UserTag (
     FOREIGN KEY (tag) REFERENCES TagList(tag)
 );
 
+CREATE TABLE Distributors(
+    id INT NOT NULL AUTO_INCREMENT,
+    floID CHAR(34) NOT NULL,
+    asset VARCHAR(64) NOT NULL,
+    KEY(id),
+    PRIMARY KEY(floID, asset),
+    FOREIGN KEY (asset) REFERENCES AssetList(asset)
+)
+
 /* User Requests */
 
 CREATE TABLE RequestLog(
@@ -87,7 +96,7 @@ CREATE TABLE SellOrder (
     id INT NOT NULL AUTO_INCREMENT,
     floID CHAR(34) NOT NULL,
     asset VARCHAR(64) NOT NULL,
-    quantity FLOAT NOT NULL,
+    quantity DECIMAL(10, 2) NOT NULL,
     minPrice DECIMAL(10, 2) NOT NULL,
     time_placed DATETIME DEFAULT CURRENT_TIMESTAMP,
     PRIMARY KEY(id),
@@ -98,7 +107,7 @@ CREATE TABLE BuyOrder (
     id INT NOT NULL AUTO_INCREMENT,
     floID CHAR(34) NOT NULL,
     asset VARCHAR(64) NOT NULL,
-    quantity FLOAT NOT NULL,
+    quantity DECIMAL(10, 2) NOT NULL,
     maxPrice DECIMAL(10, 2) NOT NULL,
     time_placed DATETIME DEFAULT CURRENT_TIMESTAMP,
     PRIMARY KEY(id),
@@ -109,7 +118,7 @@ CREATE TABLE InputFLO (
     id INT NOT NULL AUTO_INCREMENT,
     txid VARCHAR(128) NOT NULL,
     floID CHAR(34) NOT NULL,
-    amount FLOAT,
+    amount DECIMAL(10, 2),
     status VARCHAR(50) NOT NULL,
     PRIMARY KEY(id)
 );
@@ -118,7 +127,7 @@ CREATE TABLE OutputFLO (
     id INT NOT NULL AUTO_INCREMENT,
     txid VARCHAR(128),
     floID CHAR(34) NOT NULL,
-    amount FLOAT NOT NULL,
+    amount DECIMAL(10, 2) NOT NULL,
     status VARCHAR(50) NOT NULL,
     PRIMARY KEY(id)
 );
@@ -128,7 +137,7 @@ CREATE TABLE InputToken (
     txid VARCHAR(128) NOT NULL,
     floID CHAR(34) NOT NULL,
     token VARCHAR(64),
-    amount FLOAT,
+    amount DECIMAL(10, 2),
     status VARCHAR(50) NOT NULL,
     PRIMARY KEY(id)
 );
@@ -138,7 +147,7 @@ CREATE TABLE OutputToken (
     txid VARCHAR(128),
     floID CHAR(34) NOT NULL,
     token VARCHAR(64),
-    amount FLOAT NOT NULL,
+    amount DECIMAL(10, 2) NOT NULL,
     status VARCHAR(50) NOT NULL,
     PRIMARY KEY(id)
 );
@@ -148,7 +157,7 @@ CREATE TABLE OutputToken (
 CREATE TABLE PriceHistory (
     id INT NOT NULL AUTO_INCREMENT,
     asset VARCHAR(64) NOT NULL,
-    rate FLOAT NOT NULL,
+    rate DECIMAL(10, 2) NOT NULL,
     rec_time DATETIME DEFAULT CURRENT_TIMESTAMP,
     PRIMARY KEY(id),
     FOREIGN KEY (asset) REFERENCES AssetList(asset)
@@ -159,7 +168,7 @@ CREATE TABLE TransferTransactions (
     sender CHAR(34) NOT NULL,
     receiver TEXT NOT NULL,
     token VARCHAR(64) NOT NULL,
-    totalAmount FLOAT NOT NULL,
+    totalAmount DECIMAL(10, 2) NOT NULL,
     tx_time DATETIME DEFAULT CURRENT_TIMESTAMP,
     txid VARCHAR(66) NOT NULL,
     KEY(id),
@@ -171,7 +180,7 @@ CREATE TABLE TradeTransactions (
     seller CHAR(34) NOT NULL,
     buyer CHAR(34) NOT NULL,
     asset VARCHAR(64) NOT NULL,
-    quantity FLOAT NOT NULL,
+    quantity DECIMAL(10, 2) NOT NULL,
     unitValue DECIMAL(10, 2) NOT NULL,
     tx_time DATETIME DEFAULT CURRENT_TIMESTAMP,
     txid VARCHAR(66) NOT NULL,
@@ -183,20 +192,20 @@ CREATE TABLE TradeTransactions (
 CREATE TABLE AuditTrade(
     id INT NOT NULL AUTO_INCREMENT,
     rec_time DATETIME DEFAULT CURRENT_TIMESTAMP,
-    unit_price FLOAT NOT NULL,
-    quantity FLOAT NOT NULL,
-    total_cost FLOAT NOT NULL,
+    unit_price DECIMAL(10, 2) NOT NULL,
+    quantity DECIMAL(10, 2) NOT NULL,
+    total_cost DECIMAL(10, 2) NOT NULL,
     asset VARCHAR(64) NOT NULL,
     sellerID CHAR(34) NOT NULL,
-    seller_old_asset FLOAT NOT NULL,
-    seller_new_asset FLOAT NOT NULL,
-    seller_old_cash FLOAT NOT NULL,
-    seller_new_cash FLOAT NOT NULL,
+    seller_old_asset DECIMAL(10, 2) NOT NULL,
+    seller_new_asset DECIMAL(10, 2) NOT NULL,
+    seller_old_cash DECIMAL(10, 2) NOT NULL,
+    seller_new_cash DECIMAL(10, 2) NOT NULL,
     buyerID CHAR(34) NOT NULL,
-    buyer_old_asset FLOAT NOT NULL,
-    buyer_new_asset FLOAT NOT NULL,
-    buyer_old_cash FLOAT NOT NULL,
-    buyer_new_cash FLOAT NOT NULL,
+    buyer_old_asset DECIMAL(10, 2) NOT NULL,
+    buyer_new_asset DECIMAL(10, 2) NOT NULL,
+    buyer_old_cash DECIMAL(10, 2) NOT NULL,
+    buyer_new_cash DECIMAL(10, 2) NOT NULL,
     PRIMARY KEY(id),
     FOREIGN KEY (asset) REFERENCES AssetList(asset)
 );
@@ -204,7 +213,7 @@ CREATE TABLE AuditTrade(
 /* Backup Feature (Tables & Triggers) */
 
 CREATE TABLE _backup (
-    t_name VARCHAR(20),
+    t_name TINYTEXT,
     id INT,
     mode BOOLEAN DEFAULT TRUE,
     timestamp DATETIME DEFAULT CURRENT_TIMESTAMP,
@@ -240,19 +249,19 @@ FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('UserSession', NEW.id) ON
 CREATE TRIGGER UserSession_D AFTER DELETE ON UserSession
 FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('UserSession', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, timestamp=DEFAULT;
 
-CREATE TRIGGER Cash_I AFTER INSERT ON Cash
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('Cash', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
-CREATE TRIGGER Cash_U AFTER UPDATE ON Cash
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('Cash', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
-CREATE TRIGGER Cash_D AFTER DELETE ON Cash
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('Cash', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, timestamp=DEFAULT;
+CREATE TRIGGER UserBalance_I AFTER INSERT ON UserBalance
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('UserBalance', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
+CREATE TRIGGER UserBalance_U AFTER UPDATE ON UserBalance
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('UserBalance', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
+CREATE TRIGGER UserBalance_D AFTER DELETE ON UserBalance
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('UserBalance', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, timestamp=DEFAULT;
 
-CREATE TRIGGER Vault_I AFTER INSERT ON Vault
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('Vault', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
-CREATE TRIGGER Vault_U AFTER UPDATE ON Vault
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('Vault', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
-CREATE TRIGGER Vault_D AFTER DELETE ON Vault
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('Vault', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, timestamp=DEFAULT;
+CREATE TRIGGER SellChips_I AFTER INSERT ON SellChips
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('SellChips', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
+CREATE TRIGGER SellChips_U AFTER UPDATE ON SellChips
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('SellChips', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
+CREATE TRIGGER SellChips_D AFTER DELETE ON SellChips
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('SellChips', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, timestamp=DEFAULT;
 
 CREATE TRIGGER SellOrder_I AFTER INSERT ON SellOrder
 FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('SellOrder', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
@@ -303,6 +312,13 @@ FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('UserTag', NEW.id) ON DUPL
 CREATE TRIGGER UserTag_D AFTER DELETE ON UserTag
 FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('UserTag', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, timestamp=DEFAULT;
 
+CREATE TRIGGER Distributors_I AFTER INSERT ON Distributors
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('Distributors', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
+CREATE TRIGGER Distributors_U AFTER UPDATE ON Distributors
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('Distributors', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
+CREATE TRIGGER Distributors_D AFTER DELETE ON Distributors
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('Distributors', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, timestamp=DEFAULT;
+
 CREATE TRIGGER PriceHistory_I AFTER INSERT ON PriceHistory
 FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('PriceHistory', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
 CREATE TRIGGER PriceHistory_U AFTER UPDATE ON PriceHistory
diff --git a/src/_constants.js b/src/_constants.js
index 3fd31c2..036a63e 100644
--- a/src/_constants.js
+++ b/src/_constants.js
@@ -9,7 +9,7 @@ module.exports = {
         INVALID_SERVER_MSG: "INCORRECT_SERVER_ERROR" //Should be reflected in public backend script
     },
     market: {
-        MINIMUM_BUY_REQUIREMENT: 0,
+        MAXIMUM_LAUNCH_SELL_CHIPS: 1000000,
         TRADE_HASH_PREFIX: "z1",
         TRANSFER_HASH_PREFIX: "z0"
     },
diff --git a/src/coupling.js b/src/coupling.js
index 45efe27..4483c91 100644
--- a/src/coupling.js
+++ b/src/coupling.js
@@ -1,6 +1,5 @@
 'use strict';
 
-const group = require("./group");
 const price = require("./price");
 
 const {
@@ -9,42 +8,84 @@ const {
 
 var DB; //container for database
 
+const updateBalance = {};
+updateBalance.consume = (floID, token, amount) => ["UPDATE UserBalance SET quantity=quantity-? WHERE floID=? AND token=?", [amount, floID, token]];
+updateBalance.add = (floID, token, amount) => ["INSERT INTO UserBalance (floID, token, quantity) VALUE (?, ?, ?) ON DUPLICATE KEY UPDATE quantity=quantity+?", [floID, token, amount, amount]];
+
 function startCouplingForAsset(asset) {
     price.getRates(asset).then(cur_rate => {
         cur_rate = cur_rate.toFixed(8);
-        group.getBestPairs(asset, cur_rate)
-            .then(bestPairQueue => processCoupling(bestPairQueue))
-            .catch(error => console.error("initiateCoupling", error))
+        processCoupling(asset, cur_rate);
     }).catch(error => console.error(error));
 }
 
-function processCoupling(bestPairQueue) {
-    bestPairQueue.get().then(pair_result => {
-        let buyer_best = pair_result.buyOrder,
-            seller_best = pair_result.sellOrder;
-        //console.debug("Sell:", seller_best);
-        //console.debug("Buy:", buyer_best);
-        spendAsset(bestPairQueue.asset, buyer_best, seller_best, pair_result.null_base).then(spent => {
-            if (!spent.quantity) {
-                //Happens when there are only Null-base assets
-                bestPairQueue.next(spent.quantity, spent.incomplete);
-                processCoupling(bestPairQueue);
-                return;
-            }
-            let txQueries = spent.txQueries;
-            processOrders(seller_best, buyer_best, txQueries, spent.quantity, spent.incomplete && pair_result.null_base);
-            updateBalance(seller_best, buyer_best, txQueries, bestPairQueue.asset, bestPairQueue.cur_rate, spent.quantity);
-            //begin audit
-            beginAudit(seller_best.floID, buyer_best.floID, bestPairQueue.asset, bestPairQueue.cur_rate, spent.quantity).then(audit => {
-                //process txn query in SQL
-                DB.transaction(txQueries).then(_ => {
-                    bestPairQueue.next(spent.quantity, spent.incomplete);
-                    console.log(`Transaction was successful! BuyOrder:${buyer_best.id}| SellOrder:${seller_best.id}`);
-                    audit.end();
-                    price.updateLastTime();
-                    //Since a tx was successful, match again
-                    processCoupling(bestPairQueue);
-                }).catch(error => console.error(error));
+function getBestPair(asset, cur_rate) {
+    return new Promise((resolve, reject) => {
+        Promise.allSettled([getBestBuyer(asset, cur_rate), getBestSeller(asset, cur_rate)]).then(results => {
+            if (results[0].status === "fulfilled" && results[1].status === "fulfilled")
+                resolve({
+                    buy: results[0].value,
+                    sell: results[1].value,
+                })
+            else
+                reject({
+                    buy: results[0].reason,
+                    sell: results[1].reason
+                })
+        }).catch(error => reject(error))
+    })
+}
+
+const getBestSeller = (asset, cur_rate) => new Promise((resolve, reject) => {
+    DB.query("SELECT SellOrder.id, SellOrder.floID, SellOrder.quantity, SellChips.id AS chip_id, SellChips.quantity AS chip_quantity FROM SellOrder" +
+        " INNER JOIN UserBalance ON UserBalance.floID = SellOrder.floID AND UserBalance.token = SellOrder.asset" +
+        " INNER JOIN SellChips ON SellChips.floID = SellOrder.floID AND SellChips.asset = SellOrder.asset AND SellChips.base <= ?" +
+        " LEFT JOIN UserTag ON UserTag.floID = SellOrder.floID" +
+        " LEFT JOIN TagList ON TagList.tag = UserTag.tag" +
+        " WHERE UserBalance.quantity >= SellOrder.quantity AND SellOrder.asset = ? AND SellOrder.minPrice <= ?" +
+        " ORDER BY TagList.sellPriority DESC, SellChips.locktime ASC, SellOrder.time_placed ASC" +
+        " LIMIT 1", [cur_rate, asset, cur_rate]
+    ).then(result => {
+        if (result.length)
+            resolve(result[0]);
+        else
+            reject(null);
+    }).catch(error => reject(error))
+});
+
+const getBestBuyer = (asset, cur_rate) => new Promise((resolve, reject) => {
+    DB.query("SELECT BuyOrder.id, BuyOrder.floID, BuyOrder.quantity FROM BuyOrder" +
+        " INNER JOIN UserBalance ON UserBalance.floID = BuyOrder.floID AND UserBalance.token = ?" +
+        " LEFT JOIN UserTag ON UserTag.floID = BuyOrder.floID" +
+        " LEFT JOIN TagList ON TagList.tag = UserTag.tag" +
+        " WHERE UserBalance.quantity >= BuyOrder.maxPrice * BuyOrder.quantity AND BuyOrder.asset = ? AND BuyOrder.maxPrice >= ?" +
+        " ORDER BY TagList.buyPriority DESC, BuyOrder.time_placed ASC" +
+        " LIMIT 1", [floGlobals.currency, asset, cur_rate]
+    ).then(result => {
+        if (result.length)
+            resolve(result[0]);
+        else
+            reject(null);
+    }).catch(error => reject(error))
+});
+
+function processCoupling(asset, cur_rate) {
+    getBestPair(asset, cur_rate).then(best => {
+        //console.debug("Sell:", best.sell);
+        //console.debug("Buy:", best.buy);
+        let quantity = Math.min(best.buy.quantity, best.sell.quantity, best.sell.chip_quantity);
+        let txQueries = [];
+        processOrders(best.sell, best.buy, txQueries, quantity);
+        updateBalance(best.sell, best.buy, txQueries, asset, cur_rate, quantity);
+        //begin audit
+        beginAudit(best.sell.floID, best.buy.floID, asset, cur_rate, quantity).then(audit => {
+            //process txn query in SQL
+            DB.transaction(txQueries).then(_ => {
+                console.log(`Transaction was successful! BuyOrder:${best.buy.id}| SellOrder:${best.sell.id}`);
+                audit.end();
+                price.updateLastTime();
+                //Since a tx was successful, match again
+                processCoupling(asset, cur_rate);
             }).catch(error => console.error(error));
         }).catch(error => console.error(error));
     }).catch(error => {
@@ -55,7 +96,7 @@ function processCoupling(bestPairQueue) {
             console.error(error.buy);
             noBuy = null;
         } else {
-            console.log("No valid buyOrders for Asset:", bestPairQueue.asset);
+            console.log("No valid buyOrders for Asset:", asset);
             noBuy = true;
         }
         if (error.sell === undefined)
@@ -64,37 +105,14 @@ function processCoupling(bestPairQueue) {
             console.error(error.sell);
             noSell = null;
         } else {
-            console.log("No valid sellOrders for Asset:", bestPairQueue.asset);
+            console.log("No valid sellOrders for Asset:", asset);
             noSell = true;
         }
-        price.noOrder(bestPairQueue.asset, noBuy, noSell);
+        price.noOrder(asset, noBuy, noSell);
     });
 }
 
-function spendAsset(asset, buyOrder, sellOrder, null_base) {
-    return new Promise((resolve, reject) => {
-        DB.query('SELECT id, quantity FROM Vault WHERE floID=? AND asset=? AND base IS ' +
-            (null_base ? "NULL ORDER BY locktime" : "NOT NULL ORDER BY base"), [sellOrder.floID, asset]).then(result => {
-            let rem = Math.min(buyOrder.quantity, sellOrder.quantity),
-                txQueries = [];
-            for (let i = 0; i < result.length && rem > 0; i++)
-                if (rem < result[i].quantity) {
-                    txQueries.push(["UPDATE Vault SET quantity=quantity-? WHERE id=?", [rem, result[i].id]]);
-                    rem = 0;
-                } else {
-                    txQueries.push(["DELETE FROM Vault WHERE id=?", [result[i].id]]);
-                    rem -= result[i].quantity;
-                }
-            resolve({
-                quantity: Math.min(buyOrder.quantity, sellOrder.quantity) - rem,
-                txQueries,
-                incomplete: rem > 0
-            });
-        }).catch(error => reject(error));
-    })
-}
-
-function processOrders(seller_best, buyer_best, txQueries, quantity, clear_sell) {
+function processOrders(seller_best, buyer_best, txQueries, quantity) {
     if (quantity > buyer_best.quantity || quantity > seller_best.quantity)
         throw Error("Tx quantity cannot be more than order quantity");
     //Process Buy Order
@@ -103,19 +121,26 @@ function processOrders(seller_best, buyer_best, txQueries, quantity, clear_sell)
     else
         txQueries.push(["UPDATE BuyOrder SET quantity=quantity-? WHERE id=?", [quantity, buyer_best.id]]);
     //Process Sell Order
-    if (quantity == seller_best.quantity || clear_sell) //clear_sell must be true iff an order is placed without enough Asset
+    if (quantity == seller_best.quantity)
         txQueries.push(["DELETE FROM SellOrder WHERE id=?", [seller_best.id]]);
     else
         txQueries.push(["UPDATE SellOrder SET quantity=quantity-? WHERE id=?", [quantity, seller_best.id]]);
+    //Process Sell Chip
+    if (quantity == seller_best.chip_quantity)
+        txQueries.push(["DELETE FROM SellChips WHERE id=?", [seller_best.chip_id]]);
+    else
+        txQueries.push(["UPDATE SellChips SET quantity=quantity-? WHERE id=?", [quantity, seller_best.chip_id]]);
 }
 
 function updateBalance(seller_best, buyer_best, txQueries, asset, cur_price, quantity) {
-    //Update cash balance for seller and buyer
+    //Update cash/asset balance for seller and buyer
     let totalAmount = cur_price * quantity;
-    txQueries.push(["INSERT INTO Cash (floID, balance) VALUE (?, ?) ON DUPLICATE KEY UPDATE balance=balance+?", [seller_best.floID, totalAmount, totalAmount]]);
-    txQueries.push(["UPDATE Cash SET balance=balance-? WHERE floID=?", [totalAmount, buyer_best.floID]]);
-    //Add coins to Buyer
-    txQueries.push(["INSERT INTO Vault(floID, asset, base, quantity) VALUES (?, ?, ?, ?)", [buyer_best.floID, asset, cur_price, quantity]])
+    txQueries.push(updateBalance.add(seller_best.floID, floGlobals.currency, totalAmount));
+    txQueries.push(updateBalance.consume(buyer_best.floID, floGlobals.currency, totalAmount));
+    txQueries.push(updateBalance.add(seller_best.floID, asset, totalAmount));
+    txQueries.push(updateBalance.consume(buyer_best.floID, asset, totalAmount));
+    //Add SellChips to Buyer
+    txQueries.push(["INSERT INTO SellChips(floID, asset, base, quantity) VALUES (?, ?, ?, ?)", [buyer_best.floID, asset, cur_price, quantity]])
     //Record transaction
     let time = Date.now();
     let hash = TRADE_HASH_PREFIX + Crypto.SHA256(JSON.stringify({
@@ -156,33 +181,33 @@ function endAudit(sellerID, buyerID, asset, old_bal, unit_price, quantity) {
 function auditBalance(sellerID, buyerID, asset) {
     return new Promise((resolve, reject) => {
         let balance = {
-            [sellerID]: {},
-            [buyerID]: {}
+            [sellerID]: {
+                cash: 0,
+                asset: 0
+            },
+            [buyerID]: {
+                cash: 0,
+                asset: 0
+            }
         };
-        DB.query("SELECT floID, balance FROM Cash WHERE floID IN (?, ?)", [sellerID, buyerID]).then(result => {
-            for (let i in result)
-                balance[result[i].floID].cash = result[i].balance;
-            DB.query("SELECT floID, SUM(quantity) as asset_balance FROM Vault WHERE asset=? AND floID IN (?, ?) GROUP BY floID", [asset, sellerID, buyerID]).then(result => {
-                for (let i in result)
-                    balance[result[i].floID].asset = result[i].asset_balance;
-                //Set them as 0 if undefined or null
-                balance[sellerID].cash = balance[sellerID].cash || 0;
-                balance[sellerID].asset = balance[sellerID].asset || 0;
-                balance[buyerID].cash = balance[buyerID].cash || 0;
-                balance[buyerID].asset = balance[buyerID].asset || 0;
-                resolve(balance);
-            }).catch(error => reject(error))
+        DB.query("SELECT floID, quantity, token FROM UserBalance WHERE floID IN (?, ?) AND token IN (?, ?)", [sellerID, buyerID, floGlobals.currency, asset]).then(result => {
+            for (let i in result) {
+                if (result[i].token === floGlobals.currency)
+                    balance[result[i].floID].cash = result[i].quantity;
+                else if (result[i].token === asset)
+                    balance[result[i].floID].asset = result[i].quantity;
+            }
+            resolve(balance);
         }).catch(error => reject(error))
     })
 }
 
 module.exports = {
     initiate: startCouplingForAsset,
-    group: group,
+    updateBalance,
     price,
     set DB(db) {
         DB = db;
-        group.DB = db;
         price.DB = db;
     }
 }
\ No newline at end of file
diff --git a/src/group.js b/src/group.js
deleted file mode 100644
index 8078295..0000000
--- a/src/group.js
+++ /dev/null
@@ -1,419 +0,0 @@
-'use strict';
-
-var DB; //container for database
-
-function addTag(floID, tag) {
-    return new Promise((resolve, reject) => {
-        DB.query("INSERT INTO UserTag (floID, tag) VALUE (?,?)", [floID, tag])
-            .then(result => resolve(`Added ${floID} to ${tag}`))
-            .catch(error => {
-                if (error.code === "ER_DUP_ENTRY")
-                    reject(INVALID(`${floID} already in ${tag}`));
-                else if (error.code === "ER_NO_REFERENCED_ROW")
-                    reject(INVALID(`Invalid Tag`));
-                else
-                    reject(error);
-            });
-    });
-}
-
-function removeTag(floID, tag) {
-    return new Promise((resolve, reject) => {
-        DB.query("DELETE FROM UserTag WHERE floID=? AND tag=?", [floID, tag])
-            .then(result => resolve(`Removed ${floID} from ${tag}`))
-            .catch(error => reject(error));
-    })
-}
-
-function addDistributor(floID, asset) {
-    return new Promise((resolve, reject) => {
-        DB.query("INSERT INTO Distributors (floID, asset) VALUE (?,?)", [floID, asset])
-            .then(result => resolve(`Added ${asset} distributor: ${floID}`))
-            .catch(error => {
-                if (error.code === "ER_DUP_ENTRY")
-                    reject(INVALID(`${floID} is already ${asset} disributor`));
-                else if (error.code === "ER_NO_REFERENCED_ROW")
-                    reject(INVALID(`Invalid Asset`));
-                else
-                    reject(error);
-            });
-    });
-}
-
-function removeDistributor(floID, asset) {
-    return new Promise((resolve, reject) => {
-        DB.query("DELETE FROM Distributors WHERE floID=? AND tag=?", [floID, asset])
-            .then(result => resolve(`Removed ${asset} distributor: ${floID}`))
-            .catch(error => reject(error));
-    })
-}
-
-function checkDistributor(floID, asset) {
-    new Promise((resolve, reject) => {
-        DB.query("SELECT id FROM Distributors WHERE floID=? AND asset=?", [floID, asset])
-            .then(result => resolve(result.length ? true : false))
-            .catch(error => reject(error))
-    })
-}
-
-function getBestPairs(asset, cur_rate) {
-    return new Promise((resolve, reject) => {
-        DB.query("SELECT tag, sellPriority, buyPriority FROM TagList").then(result => {
-            //Sorted in Ascending (ie, stack; pop for highest)
-            let tags_buy = result.sort((a, b) => a.buyPriority > b.buyPriority ? 1 : -1).map(r => r.tag);
-            let tags_sell = result.sort((a, b) => a.sellPriority > b.sellPriority ? 1 : -1).map(r => r.tag);
-            resolve(new bestPair(asset, cur_rate, tags_buy, tags_sell));
-        }).catch(error => reject(error))
-    })
-}
-
-const bestPair = function(asset, cur_rate, tags_buy, tags_sell) {
-
-    Object.defineProperty(this, 'asset', {
-        get: () => asset
-    });
-
-    Object.defineProperty(this, 'cur_rate', {
-        get: () => cur_rate,
-    });
-
-    this.get = () => new Promise((resolve, reject) => {
-        Promise.allSettled([getBuyOrder(), getSellOrder()]).then(results => {
-            if (results[0].status === "fulfilled" && results[1].status === "fulfilled")
-                resolve({
-                    buyOrder: results[0].value,
-                    sellOrder: results[1].value,
-                    null_base: getSellOrder.cache.mode_null
-                })
-            else
-                reject({
-                    buy: results[0].reason,
-                    sell: results[1].reason
-                })
-        }).catch(error => reject(error))
-    });
-
-    this.next = (tx_quantity, incomplete_sell) => {
-        let buy = getBuyOrder.cache,
-            sell = getSellOrder.cache;
-        if (buy.cur_order && sell.cur_order) {
-            //buy order
-            if (tx_quantity < buy.cur_order.quantity)
-                buy.cur_order.quantity -= tx_quantity;
-            else if (tx_quantity == buy.cur_order.quantity)
-                buy.cur_order = null;
-            else
-                throw Error("Tx quantity cannot be more than order quantity");
-            //sell order
-            if (tx_quantity < sell.cur_order.quantity) {
-                sell.cur_order.quantity -= tx_quantity;
-                if (incomplete_sell) {
-                    if (!sell.mode_null)
-                        sell.null_queue.push(sell.cur_order);
-                    sell.cur_order = null;
-                }
-            } else if (tx_quantity == sell.cur_order.quantity)
-                sell.cur_order = null;
-            else
-                throw Error("Tx quantity cannot be more than order quantity");
-        } else
-            throw Error("No current order found");
-    };
-
-    const getSellOrder = () => new Promise((resolve, reject) => {
-        let cache = getSellOrder.cache;
-        if (cache.cur_order) { //If cache already has a pending order
-            verifySellOrder(cache.cur_order, asset, cur_rate, cache.mode_null).then(result => {
-                cache.cur_order = result;
-                resolve(result);
-            }).catch(error => {
-                if (error !== false)
-                    return reject(error);
-                //Order not valid (minimum gain)
-                cache.cur_order = null;
-                getSellOrder()
-                    .then(result => resolve(result))
-                    .catch(error => reject(error))
-            })
-        } else if (cache.orders && cache.orders.length) { //If cache already has orders in priority
-            getTopValidSellOrder(cache.orders, asset, cur_rate, cache.mode_null).then(result => {
-                cache.cur_order = result;
-                resolve(result);
-            }).catch(error => {
-                if (error !== false)
-                    return reject(error);
-                //No valid order found in current tag
-                cache.orders = null;
-                getSellOrder()
-                    .then(result => resolve(result))
-                    .catch(error => reject(error))
-            })
-        } else if (cache.tags.length) { //If cache has remaining tags
-            cache.cur_tag = cache.tags.pop();
-            getSellOrdersInTag(cache.cur_tag, asset, cur_rate).then(orders => {
-                cache.orders = orders;
-                getSellOrder()
-                    .then(result => resolve(result))
-                    .catch(error => reject(error))
-            }).catch(error => reject(error));
-        } else if (!cache.end) { //Un-tagged floID's orders  (do only once)
-            getUntaggedSellOrders(asset, cur_rate).then(orders => {
-                cache.orders = orders;
-                cache.cur_tag = null;
-                cache.end = true;
-                getSellOrder()
-                    .then(result => resolve(result))
-                    .catch(error => reject(error))
-            }).catch(error => reject(error));
-        } else if (!cache.mode_null) { //Lowest priority Assets (Brought from other sources)
-            cache.orders = cache.null_queue.reverse(); //Reverse it so that we can pop the highest priority
-            cache.mode_null = true;
-            cache.null_queue = null;
-            getSellOrder()
-                .then(result => resolve(result))
-                .catch(error => reject(error))
-        } else
-            reject(false);
-    });
-    getSellOrder.cache = {
-        tags: tags_sell,
-        null_queue: [],
-        mode_null: false
-    };
-
-    const getBuyOrder = () => new Promise((resolve, reject) => {
-        let cache = getBuyOrder.cache;
-        if (cache.cur_order) { //If cache already has a pending order
-            verifyBuyOrder(cache.cur_order, cur_rate).then(result => {
-                cache.cur_order = result;
-                resolve(result);
-            }).catch(error => {
-                if (error !== false)
-                    return reject(error);
-                //Order not valid (cash not available)
-                cache.cur_order = null;
-                getBuyOrder()
-                    .then(result => resolve(result))
-                    .catch(error => reject(error))
-            })
-        } else if (cache.orders && cache.orders.length) { //If cache already has orders in priority
-            getTopValidBuyOrder(cache.orders, cur_rate).then(result => {
-                cache.cur_order = result;
-                resolve(result);
-            }).catch(error => {
-                if (error !== false)
-                    return reject(error);
-                //No valid order found in current tag
-                cache.orders = null;
-                getBuyOrder()
-                    .then(result => resolve(result))
-                    .catch(error => reject(error))
-            })
-        } else if (cache.tags.length) { //If cache has remaining tags
-            cache.cur_tag = cache.tags.pop();
-            getBuyOrdersInTag(cache.cur_tag, asset, cur_rate).then(orders => {
-                cache.orders = orders;
-                getBuyOrder()
-                    .then(result => resolve(result))
-                    .catch(error => reject(error))
-            }).catch(error => reject(error));
-        } else if (!cache.end) { //Un-tagged floID's orders  (do only once)
-            getUntaggedBuyOrders(asset, cur_rate).then(orders => {
-                cache.orders = orders;
-                cache.cur_tag = null;
-                cache.end = true;
-                getBuyOrder()
-                    .then(result => resolve(result))
-                    .catch(error => reject(error))
-            }).catch(error => reject(error));
-        } else
-            reject(false);
-    });
-    getBuyOrder.cache = {
-        tags: tags_buy
-    };
-}
-
-function getUntaggedSellOrders(asset, cur_price) {
-    return new Promise((resolve, reject) => {
-        DB.query("SELECT SellOrder.id, SellOrder.floID, SellOrder.quantity FROM SellOrder" +
-                " LEFT JOIN UserTag ON UserTag.floID = SellOrder.floID" +
-                " WHERE UserTag.floID IS NULL AND SellOrder.asset = ? AND SellOrder.minPrice <=?" +
-                " ORDER BY SellOrder.time_placed", [asset, cur_price])
-            .then(orders => resolve(orders))
-            .catch(error => reject(error))
-    })
-}
-
-function getUntaggedBuyOrders(asset, cur_price) {
-    return new Promise((resolve, reject) => {
-        DB.query("SELECT BuyOrder.id, BuyOrder.floID, BuyOrder.quantity FROM BuyOrder" +
-                " LEFT JOIN UserTag ON UserTag.floID = BuyOrder.floID" +
-                " WHERE UserTag.floID IS NULL AND BuyOrder.asset = ? AND BuyOrder.maxPrice >=? " +
-                " ORDER BY BuyOrder.time_placed", [asset, cur_price])
-            .then(orders => resolve(orders))
-            .catch(error => reject(error))
-    })
-}
-
-function getSellOrdersInTag(tag, asset, cur_price) {
-    return new Promise((resolve, reject) => {
-        DB.query("SELECT SellOrder.id, SellOrder.floID, SellOrder.quantity FROM SellOrder" +
-            " INNER JOIN UserTag ON UserTag.floID = SellOrder.floID" +
-            " WHERE UserTag.tag = ? AND SellOrder.asset = ? AND SellOrder.minPrice <=?" +
-            " ORDER BY SellOrder.time_placed", [tag, asset, cur_price]).then(orders => {
-            if (orders.length <= 1) // No (or) Only-one order, hence priority sort not required.
-                resolve(orders);
-            else
-                getPointsFromAPI(tag, orders.map(o => o.floID)).then(points => {
-                    let orders_sorted = orders.map(o => [o, points[o.floID]])
-                        .sort((a, b) => a[1] > b[1] ? -1 : a[1] < b[1] ? 1 : 0) //sort by points (ascending)
-                        .map(x => x[0]);
-                    resolve(orders_sorted);
-                }).catch(error => reject(error))
-        }).catch(error => reject(error))
-    });
-}
-
-function getBuyOrdersInTag(tag, asset, cur_price) {
-    return new Promise((resolve, reject) => {
-        DB.query("SELECT BuyOrder.id, BuyOrder.floID, BuyOrder.quantity FROM BuyOrder" +
-            " INNER JOIN UserTag ON UserTag.floID = BuyOrder.floID" +
-            " WHERE UserTag.tag = ? AND BuyOrder.asset = ? AND BuyOrder.maxPrice >=?" +
-            " ORDER BY BuyOrder.time_placed", [tag, asset, cur_price]).then(orders => {
-            if (orders.length <= 1) // No (or) Only-one order, hence priority sort not required.
-                resolve(orders);
-            else
-                getPointsFromAPI(tag, orders.map(o => o.floID)).then(points => {
-                    let orders_sorted = orders.map(o => [o, points[o.floID]])
-                        .sort((a, b) => a[1] > b[1] ? -1 : a[1] < b[1] ? 1 : 0) //sort by points (ascending)
-                        .map(x => x[0]);
-                    resolve(orders_sorted);
-                }).catch(error => reject(error))
-        }).catch(error => reject(error))
-    });
-}
-
-function getPointsFromAPI(tag, floIDs) {
-    floIDs = Array.from(new Set(floIDs));
-    return new Promise((resolve, reject) => {
-        DB.query("SELECT api FROM TagList WHERE tag=?", [tag]).then(result => {
-            let api = result[0].api;
-            Promise.allSettled(floIDs.map(id => fetch_api(api, id))).then(result => {
-                let points = {};
-                for (let i in result)
-                    points[floIDs[i]] = result[i].status === "fulfilled" ? result[i].value : 0;
-                resolve(points);
-            })
-        }).catch(error => reject(error))
-    });
-}
-
-function fetch_api(api, id) {
-    return new Promise((resolve, reject) => {
-        //TODO: fetch data from API
-        let url = api.replace('<flo-id>', id);
-        global.fetch(url).then(response => {
-            if (response.ok)
-                response.text()
-                .then(result => resolve(result))
-                .catch(error => reject(error))
-            else
-                reject(response);
-        }).catch(error => reject(error))
-    })
-}
-
-function getTopValidSellOrder(orders, asset, cur_price, mode_null) {
-    return new Promise((resolve, reject) => {
-        if (!orders.length)
-            return reject(false)
-        verifySellOrder(orders.pop(), asset, cur_price, mode_null) //pop: as the orders are sorted in ascending (highest point should be checked 1st)
-            .then(result => resolve(result))
-            .catch(error => {
-                if (error !== false)
-                    return reject(error);
-                getTopValidSellOrder(orders, asset, cur_price, mode_null)
-                    .then(result => resolve(result))
-                    .catch(error => reject(error));
-            });
-    });
-}
-
-function verifySellOrder(sellOrder, asset, cur_price, mode_null) {
-    return new Promise((resolve, reject) => {
-        if (!mode_null)
-            DB.query("SELECT quantity, base FROM Vault WHERE floID=? AND asset=? AND base IS NOT NULL ORDER BY base", [sellOrder.floID, asset]).then(result => {
-                let rem = sellOrder.quantity,
-                    sell_base = 0,
-                    base_quantity = 0;
-                for (let i = 0; i < result.length && rem > 0; i++) {
-                    if (rem < result[i].quantity) {
-                        sell_base += (rem * result[i].base);
-                        base_quantity += rem;
-                        rem = 0;
-                    } else {
-                        sell_base += (result[i].quantity * result[i].base);
-                        base_quantity += result[i].quantity;
-                        rem -= result[i].quantity;
-                    }
-                }
-                if (base_quantity)
-                    sell_base = sell_base / base_quantity;
-                if (sell_base > cur_price)
-                    reject(false);
-                else
-                    resolve(sellOrder);
-            }).catch(error => reject(error));
-        else if (mode_null)
-            DB.query("SELECT IFNULL(SUM(quantity), 0) as total FROM Vault WHERE floID=? AND asset=?", [sellOrder.floID, asset]).then(result => {
-                if (result[0].total < sellOrder.quantity)
-                    console.warn(`Sell Order ${sellOrder.id} was made without enough Assets. This should not happen`);
-                if (result[0].total > 0)
-                    resolve(sellOrder);
-                else
-                    reject(false);
-            }).catch(error => reject(error))
-    })
-}
-
-function getTopValidBuyOrder(orders, cur_price) {
-    return new Promise((resolve, reject) => {
-        if (!orders.length)
-            return reject(false)
-        verifyBuyOrder(orders.pop(), cur_price) //pop: as the orders are sorted in ascending (highest point should be checked 1st)
-            .then(result => resolve(result))
-            .catch(error => {
-                if (error !== false)
-                    return reject(error);
-                getTopValidBuyOrder(orders, cur_price)
-                    .then(result => resolve(result))
-                    .catch(error => reject(error));
-            });
-    });
-}
-
-function verifyBuyOrder(buyOrder, cur_price) {
-    return new Promise((resolve, reject) => {
-        DB.query("SELECT balance FROM Cash WHERE floID=?", [buyOrder.floID]).then(result => {
-            if (!result.length || result[0].balance < cur_price * buyOrder.quantity) {
-                //This should not happen unless a buy order is placed when user doesnt have enough cash balance
-                console.warn(`Buy order ${buyOrder.id} is active, but Cash is insufficient`);
-                reject(false);
-            } else
-                resolve(buyOrder);
-        }).catch(error => reject(error));
-    })
-}
-
-module.exports = {
-    addTag,
-    removeTag,
-    addDistributor,
-    removeDistributor,
-    checkDistributor,
-    getBestPairs,
-    set DB(db) {
-        DB = db;
-    }
-};
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
index 6c7b1a9..1f33dcb 100644
--- a/src/main.js
+++ b/src/main.js
@@ -75,7 +75,7 @@ function refreshDataFromBlockchain() {
                                 promises.push(DB.query("DELETE FROM TagList WHERE tag=?", [t]));
                         if (content.Tag.add)
                             for (let t in content.Tag.add)
-                                promises.push(DB.query("INSERT INTO TagList (tag, sellPriority, buyPriority, api) VALUE (?,?,?,?) ON DUPLICATE KEY UPDATE tag=tag", [t, content.Tag.add[t].sellPriority, content.Tag.add[t].buyPriority, content.Tag.add[t].api]));
+                                promises.push(DB.query("INSERT INTO TagList (tag, sellPriority, buyPriority) VALUE (?, ?, ?) ON DUPLICATE KEY UPDATE tag=tag", [t, content.Tag.add[t].sellPriority, content.Tag.add[t].buyPriority, content.Tag.add[t].api]));
                         if (content.Tag.update)
                             for (let t in content.Tag.update)
                                 for (let a in content.Tag.update[t])
diff --git a/src/market.js b/src/market.js
index d73d09c..d9a5476 100644
--- a/src/market.js
+++ b/src/market.js
@@ -3,13 +3,17 @@
 const coupling = require('./coupling');
 
 const {
-    MINIMUM_BUY_REQUIREMENT,
+    MAXIMUM_LAUNCH_SELL_CHIPS,
     TRADE_HASH_PREFIX,
     TRANSFER_HASH_PREFIX
 } = require('./_constants')["market"];
 
+const LAUNCH_SELLER_TAG = "launch-seller";
+
 const MINI_PERIOD_INTERVAL = require('./_constants')['app']['PERIOD_INTERVAL'] / 10;
 
+const updateBalance = coupling.updateBalance;
+
 var DB, assetList; //container for database and allowed assets
 
 function login(floID, proxyKey) {
@@ -119,10 +123,6 @@ getAssetBalance.check = (floID, asset, amount) => new Promise((resolve, reject)
     }).catch(error => reject(error))
 });
 
-const updateBalance = {};
-updateBalance.consume = (floID, token, amount) => ["UPDATE UserBalance SET quantity=quantity-? WHERE floID=? AND token=?", [amount, floID, token]];
-updateBalance.add = (floID, token, amount) => ["INSERT INTO UserBalance (floID, token, quantity) VALUE (?, ?, ?) ON DUPLICATE KEY UPDATE quantity=quantity+?", [floID, token, amount, amount]];
-
 function addSellOrder(floID, asset, quantity, min_price) {
     return new Promise((resolve, reject) => {
         if (!floCrypto.validateAddr(floID))
@@ -143,17 +143,17 @@ function addSellOrder(floID, asset, quantity, min_price) {
     });
 }
 
-const checkSellRequirement = (floID, asset) => new Promise((resolve, reject) => {
-    DB.query("SELECT * FROM UserTag WHERE floID=? AND tag=?", [floID, "MINER"]).then(result => {
-        if (result.length)
-            return resolve(true);
-        //TODO: Should seller need to buy same type of asset before selling?
-        DB.query("SELECT IFNULL(SUM(quantity), 0) AS brought FROM TradeTransactions WHERE buyer=? AND asset=?", [floID, asset]).then(result => {
-            if (result[0].brought >= MINIMUM_BUY_REQUIREMENT)
-                resolve(true);
-            else
-                reject(INVALID(`Sellers required to buy atleast ${MINIMUM_BUY_REQUIREMENT} ${asset} before placing a sell order unless they are a Miner`));
-        }).catch(error => reject(error))
+const checkSellRequirement = (floID, asset, quantity) => new Promise((resolve, reject) => {
+    Promise.all([
+        DB.query("SELECT IFNULL(SUM(quantity), 0) AS total_chips FROM SellChips WHERE floID=? AND asset=?", [floID, asset]),
+        DB.query("SELECT IFNULL(SUM(quantity), 0) AS locked FROM SellOrder WHERE floID=? AND asset=?", [floID, asset])
+    ]).then(result => {
+        let total = result[0].total_chips,
+            locked = result[1].locked;
+        if (total > locked + quantity)
+            resolve(true);
+        else
+            reject(INVALID(`Insufficient sell-chips for ${asset}`));
     }).catch(error => reject(error))
 });
 
@@ -280,7 +280,7 @@ function transferToken(sender, receivers, token) {
                 txQueries.push(updateBalance.consume(sender, token, totalAmount));
                 for (let floID in receivers)
                     txQueries.push(updateBalance.add(floID, token, receivers[floID]));
-                coupling.group.checkDistributor(sender, token).then(result => {
+                checkDistributor(sender, token).then(result => {
                     if (result)
                         for (let floID in receivers)
                             txQueries.push(["INSERT INTO Vault (floID, asset, quantity) VALUES (?, ?, ?)", [floID, token, receivers[floID]]]);
@@ -332,6 +332,7 @@ function confirmDepositFLO() {
                 let txQueries = [];
                 txQueries.push(updateBalance.add(req.floID, "FLO", amount));
                 txQueries.push(["UPDATE InputFLO SET status=?, amount=? WHERE id=?", ["SUCCESS", amount, req.id]]);
+
                 DB.transaction(txQueries)
                     .then(result => console.debug("FLO deposited:", req.floID, amount))
                     .catch(error => console.error(error))
@@ -369,6 +370,31 @@ confirmDepositFLO.checkTx = function(sender, txid) {
     })
 }
 
+confirmDepositFLO.addSellChipsIfLaunchSeller = function(floID, quantity) {
+    return new Promise((resolve, reject) => {
+        checkTag(req.floID, LAUNCH_SELLER_TAG).then(result => {
+            if (result) //floID is launch-seller
+                Promise.all([
+                    DB.query("SELECT SUM(quantity) FROM TradeTransactions WHERE seller=? AND asset=?", [floID, 'FLO']),
+                    DB.query("SELECT SUM(quantity) FROM TradeTransactions WHERE buyer=? AND asset=?", [floID, 'FLO']),
+                    DB.query("SELECT SUM(quantity) FROM SellChips WHERE floID=? AND asset=?", [floID, 'FLO']),
+                ]).then(result => {
+                    let sold = result[0],
+                        brought = result[1],
+                        chips = result[2];
+                    let remLaunchChips = MAXIMUM_LAUNCH_SELL_CHIPS - (sold + chips) + brought;
+                    quantity = Math.min(quantity, remLaunchChips);
+                    if (quantity > 0)
+                        resolve(["INSERT INTO SellChips(floID, asset, quantity) VALUES (?, ?, ?)", [floID, 'FLO', quantity]]);
+                    else
+                        resolve([]);
+                }).catch(error => reject(error))
+            else //floID is not launch-seller
+                resolve([]);
+        }).catch(error => reject(error))
+    })
+}
+
 function withdrawFLO(floID, amount) {
     return new Promise((resolve, reject) => {
         if (!floCrypto.validateAddr(floID))
@@ -563,6 +589,68 @@ function confirmWithdrawalToken() {
     }).catch(error => console.error(error));
 }
 
+function addTag(floID, tag) {
+    return new Promise((resolve, reject) => {
+        DB.query("INSERT INTO UserTag (floID, tag) VALUE (?,?)", [floID, tag])
+            .then(result => resolve(`Added ${floID} to ${tag}`))
+            .catch(error => {
+                if (error.code === "ER_DUP_ENTRY")
+                    reject(INVALID(`${floID} already in ${tag}`));
+                else if (error.code === "ER_NO_REFERENCED_ROW")
+                    reject(INVALID(`Invalid Tag`));
+                else
+                    reject(error);
+            });
+    });
+}
+
+function removeTag(floID, tag) {
+    return new Promise((resolve, reject) => {
+        DB.query("DELETE FROM UserTag WHERE floID=? AND tag=?", [floID, tag])
+            .then(result => resolve(`Removed ${floID} from ${tag}`))
+            .catch(error => reject(error));
+    })
+}
+
+function checkTag(floID, tag) {
+    new Promise((resolve, reject) => {
+        DB.query("SELECT id FROM UserTag WHERE floID=? AND tag=?", [floID, tag])
+            .then(result => resolve(result.length ? true : false))
+            .catch(error => reject(error))
+    })
+}
+
+function addDistributor(floID, asset) {
+    return new Promise((resolve, reject) => {
+        DB.query("INSERT INTO Distributors (floID, asset) VALUE (?,?)", [floID, asset])
+            .then(result => resolve(`Added ${asset} distributor: ${floID}`))
+            .catch(error => {
+                if (error.code === "ER_DUP_ENTRY")
+                    reject(INVALID(`${floID} is already ${asset} disributor`));
+                else if (error.code === "ER_NO_REFERENCED_ROW")
+                    reject(INVALID(`Invalid Asset`));
+                else
+                    reject(error);
+            });
+    });
+}
+
+function removeDistributor(floID, asset) {
+    return new Promise((resolve, reject) => {
+        DB.query("DELETE FROM Distributors WHERE floID=? AND tag=?", [floID, asset])
+            .then(result => resolve(`Removed ${asset} distributor: ${floID}`))
+            .catch(error => reject(error));
+    })
+}
+
+function checkDistributor(floID, asset) {
+    new Promise((resolve, reject) => {
+        DB.query("SELECT id FROM Distributors WHERE floID=? AND asset=?", [floID, asset])
+            .then(result => resolve(result.length ? true : false))
+            .catch(error => reject(error))
+    })
+}
+
 function periodicProcess() {
     blockchainReCheck();
     assetList.forEach(asset => coupling.initiate(asset));
@@ -603,8 +691,11 @@ module.exports = {
     withdrawFLO,
     depositToken,
     withdrawToken,
+    addTag,
+    removeTag,
+    addDistributor,
+    removeDistributor,
     periodicProcess,
-    group: coupling.group,
     set DB(db) {
         DB = db;
         coupling.DB = db;
diff --git a/src/request.js b/src/request.js
index d89ccfe..dbb3bc3 100644
--- a/src/request.js
+++ b/src/request.js
@@ -263,7 +263,7 @@ function AddUserTag(req, res) {
             tag: data.tag,
             timestamp: data.timestamp
         }, data.sign, data.floID, data.pubKey,
-        () => market.group.addTag(data.user, data.tag)
+        () => market.addTag(data.user, data.tag)
     );
 }
 
@@ -277,7 +277,7 @@ function RemoveUserTag(req, res) {
             tag: data.tag,
             timestamp: data.timestamp
         }, data.sign, data.floID, data.pubKey,
-        () => market.group.removeTag(data.user, data.tag)
+        () => market.removeTag(data.user, data.tag)
     );
 }
 
@@ -291,7 +291,7 @@ function AddDistributor(req, res) {
             asset: data.asset,
             timestamp: data.timestamp
         }, data.sign, data.floID, data.pubKey,
-        () => market.group.addDistributor(data.distributor, data.asset)
+        () => market.addDistributor(data.distributor, data.asset)
     );
 }
 
@@ -305,7 +305,7 @@ function RemoveDistributor(req, res) {
             asset: data.asset,
             timestamp: data.timestamp
         }, data.sign, data.floID, data.pubKey,
-        () => market.group.removeDistributor(data.distributor, data.asset)
+        () => market.removeDistributor(data.distributor, data.asset)
     );
 }
 

From b56985810f51e58e08f53b74bd4fa53500b34656 Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Sun, 17 Apr 2022 03:52:59 +0530
Subject: [PATCH 039/168] Delete app-config.json

---
 args/app-config.json | 1 -
 1 file changed, 1 deletion(-)
 delete mode 100644 args/app-config.json

diff --git a/args/app-config.json b/args/app-config.json
deleted file mode 100644
index 635cc90..0000000
--- a/args/app-config.json
+++ /dev/null
@@ -1 +0,0 @@
-{"secret":"9qWGMLljSaHWGfm4tfXMxukjig43fBtafjZ","port":"8080","sql_user":"user","sql_pwd":"Qwerty@123","sql_db":"exchange","sql_host":"localhost","backup-port":"8081","backup-floIDs":[]}
\ No newline at end of file

From 74b643fc08371efe265398b95656844a8d66193e Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Mon, 18 Apr 2022 21:07:15 +0530
Subject: [PATCH 040/168] Ambiguity fix

Changes to remove ambiguity of data during backup system
- Converted all Float and Decimal to DECIMAL(16, 8)
- Converted Datetime to Timestamp
- Fixed: Storing time data in backup
---
 args/schema.sql     | 76 ++++++++++++++++++++++-----------------------
 src/backup/head.js  |  2 +-
 src/backup/slave.js |  4 +--
 src/database.js     |  2 +-
 4 files changed, 42 insertions(+), 42 deletions(-)

diff --git a/args/schema.sql b/args/schema.sql
index 244a960..8b3a8d4 100644
--- a/args/schema.sql
+++ b/args/schema.sql
@@ -21,7 +21,7 @@ CREATE TABLE TagList (
 
 CREATE TABLE AssetList (
     asset VARCHAR(64) NOT NULL,
-    initialPrice DECIMAL(10, 2),
+    initialPrice DECIMAL(16, 8),
     PRIMARY KEY(asset)
 );
 
@@ -36,7 +36,7 @@ CREATE TABLE UserSession (
     id INT NOT NULL AUTO_INCREMENT,
     floID CHAR(34) NOT NULL,
     proxyKey CHAR(66) NOT NULL,
-    session_time DATETIME DEFAULT CURRENT_TIMESTAMP,
+    session_time TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
     KEY (id),
     PRIMARY KEY(floID)
 );
@@ -45,7 +45,7 @@ CREATE TABLE UserBalance (
     id INT NOT NULL AUTO_INCREMENT,
     floID CHAR(34) NOT NULL,
     token VARCHAR(64) NOT NULL,
-    quantity DECIMAL(10, 2) NOT NULL DEFAULT 0,
+    quantity DECIMAL(16, 8) NOT NULL DEFAULT 0,
     PRIMARY KEY(floID, token),
     KEY(id)
 )
@@ -53,10 +53,10 @@ CREATE TABLE UserBalance (
 CREATE TABLE SellChips (
     id INT NOT NULL AUTO_INCREMENT,
     floID CHAR(34) NOT NULL,
-    locktime DATETIME DEFAULT CURRENT_TIMESTAMP,
+    locktime TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
     asset VARCHAR(64) NOT NULL,
-    base DECIMAL(10, 2) NOT NULL DEFAULT 0,
-    quantity DECIMAL(10, 2) NOT NULL,
+    base DECIMAL(16, 8) NOT NULL DEFAULT 0,
+    quantity DECIMAL(16, 8) NOT NULL,
     PRIMARY KEY(id),
     FOREIGN KEY (asset) REFERENCES AssetList(asset)
 );
@@ -87,7 +87,7 @@ CREATE TABLE RequestLog(
     request TEXT NOT NULL,
     sign VARCHAR(160) NOT NULL,
     proxy BOOLEAN NOT NULL,
-    request_time DATETIME DEFAULT CURRENT_TIMESTAMP,
+    request_time TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
     PRIMARY KEY(id),
     UNIQUE (sign)
 );
@@ -96,9 +96,9 @@ CREATE TABLE SellOrder (
     id INT NOT NULL AUTO_INCREMENT,
     floID CHAR(34) NOT NULL,
     asset VARCHAR(64) NOT NULL,
-    quantity DECIMAL(10, 2) NOT NULL,
-    minPrice DECIMAL(10, 2) NOT NULL,
-    time_placed DATETIME DEFAULT CURRENT_TIMESTAMP,
+    quantity DECIMAL(16, 8) NOT NULL,
+    minPrice DECIMAL(16, 8) NOT NULL,
+    time_placed TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
     PRIMARY KEY(id),
     FOREIGN KEY (asset) REFERENCES AssetList(asset)
 );
@@ -107,9 +107,9 @@ CREATE TABLE BuyOrder (
     id INT NOT NULL AUTO_INCREMENT,
     floID CHAR(34) NOT NULL,
     asset VARCHAR(64) NOT NULL,
-    quantity DECIMAL(10, 2) NOT NULL,
-    maxPrice DECIMAL(10, 2) NOT NULL,
-    time_placed DATETIME DEFAULT CURRENT_TIMESTAMP,
+    quantity DECIMAL(16, 8) NOT NULL,
+    maxPrice DECIMAL(16, 8) NOT NULL,
+    time_placed TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
     PRIMARY KEY(id),
     FOREIGN KEY (asset) REFERENCES AssetList(asset)
 );
@@ -118,7 +118,7 @@ CREATE TABLE InputFLO (
     id INT NOT NULL AUTO_INCREMENT,
     txid VARCHAR(128) NOT NULL,
     floID CHAR(34) NOT NULL,
-    amount DECIMAL(10, 2),
+    amount DECIMAL(16, 8),
     status VARCHAR(50) NOT NULL,
     PRIMARY KEY(id)
 );
@@ -127,7 +127,7 @@ CREATE TABLE OutputFLO (
     id INT NOT NULL AUTO_INCREMENT,
     txid VARCHAR(128),
     floID CHAR(34) NOT NULL,
-    amount DECIMAL(10, 2) NOT NULL,
+    amount DECIMAL(16, 8) NOT NULL,
     status VARCHAR(50) NOT NULL,
     PRIMARY KEY(id)
 );
@@ -137,7 +137,7 @@ CREATE TABLE InputToken (
     txid VARCHAR(128) NOT NULL,
     floID CHAR(34) NOT NULL,
     token VARCHAR(64),
-    amount DECIMAL(10, 2),
+    amount DECIMAL(16, 8),
     status VARCHAR(50) NOT NULL,
     PRIMARY KEY(id)
 );
@@ -147,7 +147,7 @@ CREATE TABLE OutputToken (
     txid VARCHAR(128),
     floID CHAR(34) NOT NULL,
     token VARCHAR(64),
-    amount DECIMAL(10, 2) NOT NULL,
+    amount DECIMAL(16, 8) NOT NULL,
     status VARCHAR(50) NOT NULL,
     PRIMARY KEY(id)
 );
@@ -157,8 +157,8 @@ CREATE TABLE OutputToken (
 CREATE TABLE PriceHistory (
     id INT NOT NULL AUTO_INCREMENT,
     asset VARCHAR(64) NOT NULL,
-    rate DECIMAL(10, 2) NOT NULL,
-    rec_time DATETIME DEFAULT CURRENT_TIMESTAMP,
+    rate DECIMAL(16, 8) NOT NULL,
+    rec_time TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
     PRIMARY KEY(id),
     FOREIGN KEY (asset) REFERENCES AssetList(asset)
 );
@@ -168,8 +168,8 @@ CREATE TABLE TransferTransactions (
     sender CHAR(34) NOT NULL,
     receiver TEXT NOT NULL,
     token VARCHAR(64) NOT NULL,
-    totalAmount DECIMAL(10, 2) NOT NULL,
-    tx_time DATETIME DEFAULT CURRENT_TIMESTAMP,
+    totalAmount DECIMAL(16, 8) NOT NULL,
+    tx_time TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
     txid VARCHAR(66) NOT NULL,
     KEY(id),
     PRIMARY KEY(txid)
@@ -180,9 +180,9 @@ CREATE TABLE TradeTransactions (
     seller CHAR(34) NOT NULL,
     buyer CHAR(34) NOT NULL,
     asset VARCHAR(64) NOT NULL,
-    quantity DECIMAL(10, 2) NOT NULL,
-    unitValue DECIMAL(10, 2) NOT NULL,
-    tx_time DATETIME DEFAULT CURRENT_TIMESTAMP,
+    quantity DECIMAL(16, 8) NOT NULL,
+    unitValue DECIMAL(16, 8) NOT NULL,
+    tx_time TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
     txid VARCHAR(66) NOT NULL,
     KEY(id),
     PRIMARY KEY(txid),
@@ -191,21 +191,21 @@ CREATE TABLE TradeTransactions (
 
 CREATE TABLE AuditTrade(
     id INT NOT NULL AUTO_INCREMENT,
-    rec_time DATETIME DEFAULT CURRENT_TIMESTAMP,
-    unit_price DECIMAL(10, 2) NOT NULL,
-    quantity DECIMAL(10, 2) NOT NULL,
-    total_cost DECIMAL(10, 2) NOT NULL,
+    rec_time TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+    unit_price DECIMAL(16, 8) NOT NULL,
+    quantity DECIMAL(16, 8) NOT NULL,
+    total_cost DECIMAL(16, 8) NOT NULL,
     asset VARCHAR(64) NOT NULL,
     sellerID CHAR(34) NOT NULL,
-    seller_old_asset DECIMAL(10, 2) NOT NULL,
-    seller_new_asset DECIMAL(10, 2) NOT NULL,
-    seller_old_cash DECIMAL(10, 2) NOT NULL,
-    seller_new_cash DECIMAL(10, 2) NOT NULL,
+    seller_old_asset DECIMAL(16, 8) NOT NULL,
+    seller_new_asset DECIMAL(16, 8) NOT NULL,
+    seller_old_cash DECIMAL(16, 8) NOT NULL,
+    seller_new_cash DECIMAL(16, 8) NOT NULL,
     buyerID CHAR(34) NOT NULL,
-    buyer_old_asset DECIMAL(10, 2) NOT NULL,
-    buyer_new_asset DECIMAL(10, 2) NOT NULL,
-    buyer_old_cash DECIMAL(10, 2) NOT NULL,
-    buyer_new_cash DECIMAL(10, 2) NOT NULL,
+    buyer_old_asset DECIMAL(16, 8) NOT NULL,
+    buyer_new_asset DECIMAL(16, 8) NOT NULL,
+    buyer_old_cash DECIMAL(16, 8) NOT NULL,
+    buyer_new_cash DECIMAL(16, 8) NOT NULL,
     PRIMARY KEY(id),
     FOREIGN KEY (asset) REFERENCES AssetList(asset)
 );
@@ -216,7 +216,7 @@ CREATE TABLE _backup (
     t_name TINYTEXT,
     id INT,
     mode BOOLEAN DEFAULT TRUE,
-    timestamp DATETIME DEFAULT CURRENT_TIMESTAMP,
+    timestamp TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
     PRIMARY KEY(t_name, id)
 );
 
@@ -231,7 +231,7 @@ CREATE table _backupCache(
 CREATE TABLE sinkShares(
     floID CHAR(34) NOT NULL,
     share TEXT,
-    time_ DATETIME DEFAULT CURRENT_TIMESTAMP,
+    time_stored TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
     PRIMARY KEY(floID)
 );
 
diff --git a/src/backup/head.js b/src/backup/head.js
index 614cece..926325f 100644
--- a/src/backup/head.js
+++ b/src/backup/head.js
@@ -200,7 +200,7 @@ function informLiveNodes(init) {
         if (init && flag)
             syncRequest();
         //Check if sinkKey or share available in DB
-        DB.query("SELECT floID, share FROM sinkShares ORDER BY time_ DESC LIMIT 1").then(result => {
+        DB.query("SELECT floID, share FROM sinkShares ORDER BY time_stored DESC LIMIT 1").then(result => {
             if (result.length) {
                 let share = Crypto.AES.decrypt(result[0].share, global.myPrivKey);
                 if (share.startsWith(SINK_KEY_INDICATOR)) {
diff --git a/src/backup/slave.js b/src/backup/slave.js
index bd7b6a3..5ecb3a7 100644
--- a/src/backup/slave.js
+++ b/src/backup/slave.js
@@ -152,7 +152,7 @@ function storeSinkShare(sinkID, keyShare) {
 }
 
 function sendSinkShare(pubKey) {
-    DB.query("SELECT floID, share FROM sinkShares ORDER BY time_ DESC LIMIT 1").then(result => {
+    DB.query("SELECT floID, share FROM sinkShares ORDER BY time_stored DESC LIMIT 1").then(result => {
         if (!result.length)
             return console.warn("No key-shares in DB!");
         let share = Crypto.AES.decrypt(result[0].share, global.myPrivKey);
@@ -323,7 +323,7 @@ function updateTableData(table, data) {
     })
 }
 
-const validateValue = val => (typeof val === "string" && /\.\d{3}Z$/.test(val)) ? val.substring(0, val.length - 1) : val;
+const validateValue = val => (typeof val === "string" && /\.\d{3}Z$/.test(val)) ? global.convertDateToString(val) : val;
 
 function verifyChecksum(checksum_ref) {
     return new Promise((resolve, reject) => {
diff --git a/src/database.js b/src/database.js
index 298aeaa..89e8841 100644
--- a/src/database.js
+++ b/src/database.js
@@ -87,7 +87,7 @@ function Database(user, password, dbname, host = 'localhost') {
             password: password,
             database: dbname,
             //dateStrings : true,
-            timezone: 'UTC'
+            //timezone: 'UTC'
         });
         db.connect.then(conn => {
             conn.release();

From 38cc9659ce958936767eded39609c4e8fde76f53 Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Thu, 21 Apr 2022 02:49:02 +0530
Subject: [PATCH 041/168] floExchangeAPI v1.1.1

- All rejected errors are now an instance of ExchangeError
---
 docs/index.html                | 28 ++++++++--------
 docs/scripts/floExchangeAPI.js | 58 ++++++++++++++++++----------------
 2 files changed, 45 insertions(+), 41 deletions(-)

diff --git a/docs/index.html b/docs/index.html
index 38a388e..fbd788a 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -20,7 +20,6 @@
     <script src="scripts/floTokenAPI.js"></script>
     <script src="scripts/floExchangeAPI.js"></script>
     <script src="https://unpkg.com/lightweight-charts/dist/lightweight-charts.standalone.production.js"></script>
-    <script>console.debug(floExchangeAPI);</script>
 </head>
 
 <body class="hide">
@@ -1370,7 +1369,7 @@
                         })
                     }
                     catch (err) {
-                        notify(err.data, 'error')
+                        notify(err.message, 'error')
                     }
                 } else {
                     try {
@@ -1391,7 +1390,7 @@
                         getRef('market_orders_list').append(marketTransactionList)
                     }
                     catch (err) {
-                        notify(err.data, 'error')
+                        notify(err.message, 'error')
                     }
                 }
                 getRef('market_orders_list').append(frag)
@@ -1512,10 +1511,10 @@
             }
             catch (err) {
                 getRef('trade_button_wrapper').append(getRef('failure_template').content.cloneNode(true))
-                if (err.data === 'Insufficient rupee') {
+                if (err.message === 'Insufficient rupee') {
                     notify(`Insufficient balance to ${tradeType} ${asset}. Please deposit rupee to wallet first.`, 'error', { pinned: true })
                 } else {
-                    notify(err.data, 'error')
+                    notify(err.message, 'error')
                 }
             }
             finally {
@@ -1694,10 +1693,10 @@
                 }
             }
             catch (err) {
-                if ((err.data || err) === 'Insufficient rupe balance') {
-                    showWalletResult('error', `Failed`, err.data || err, 'open-upi')
+                if ((err.message || err) === 'Insufficient rupe balance') {
+                    showWalletResult('error', `Failed`, err.message || err, 'open-upi')
                 } else {
-                    showWalletResult('error', `Failed`, err.data || err)
+                    showWalletResult('error', `Failed`, err.message || err)
                 }
             }
             finally {
@@ -1875,7 +1874,7 @@
                                         }, 200);
                                     }
                             })
-                            .catch(err => notify(err.data, 'error'))
+                            .catch(err => notify(err.message, 'error'))
                     }
                 })
             } else if (e.target.closest('.more-info')) {
@@ -1893,7 +1892,7 @@
                         hideMyOrdersOptions()
                     }
                     catch (err) {
-                        notify(err.data, 'error')
+                        notify(err.message, 'error')
                     }
                     finally {
                         refresh()
@@ -2083,7 +2082,7 @@
                 if (pagesData.params.hasOwnProperty('asset' && pagesData.params.asset !== ''))
                     getRef('get_price').value = parseFloat(parseFloat(rates[pagesData.params.asset]).toFixed(4))
 
-            }).catch(error => console.error(error))
+            }).catch(error => console.error(error.message))
         }
 
         function refresh(init = false) {
@@ -2165,12 +2164,13 @@
                 proxy.secret.then(_ => null).catch(_ => null);
                 showPage(window.location.hash);
             }).catch(error => {
-                if (error.data === 'Invalid request signature! Re-login if this error occurs frequently') {
+                console.debug(error)
+                if (error.message === 'Invalid request signature! Re-login if this error occurs frequently') {
                     proxy.clear()
                     location.reload()
                 }
                 else
-                    notify(error.data, 'error')
+                    notify(error.message, 'error')
             })
                 .finally(() => {
                     hideProcess('login_button_wrapper')
@@ -2207,7 +2207,7 @@
                     getRef('sign_in_hash').value = null;
                     account();
                 }).catch(error => {
-                    notify(error.data, 'error')
+                    notify(error.message, 'error')
                     hideProcess('login_button_wrapper')
                 })
             }
diff --git a/docs/scripts/floExchangeAPI.js b/docs/scripts/floExchangeAPI.js
index efe6248..7ffeaf8 100644
--- a/docs/scripts/floExchangeAPI.js
+++ b/docs/scripts/floExchangeAPI.js
@@ -1,6 +1,6 @@
 'use strict';
 
-(function(EXPORTS) {
+(function(EXPORTS) { //floExchangeAPI v1.1.1
     const exchangeAPI = EXPORTS;
 
     /*Kademlia DHT K-bucket implementation as a binary tree.*/
@@ -462,14 +462,13 @@
 
     }
 
-    const INVALID_SERVER_MSG = "INCORRECT_SERVER_ERROR";
     var nodeList, nodeURL, nodeKBucket; //Container for (backup) node list
 
     function fetch_api(api, options) {
         return new Promise((resolve, reject) => {
             let curPos = fetch_api.curPos || 0;
             if (curPos >= nodeList.length)
-                return resolve('No Nodes online');
+                return reject(ExchangeError(ExchangeError.NODES_OFFLINE_CODE, 'No Node online! Try again later'));
             let url = "https://" + nodeURL[nodeList[curPos]];
             (options ? fetch(url + api, options) : fetch(url + api))
             .then(result => resolve(result)).catch(error => {
@@ -483,30 +482,35 @@
         })
     }
 
-    function ResponseError(status, data) {
-        if (data === INVALID_SERVER_MSG)
+    function ExchangeError(status, message) {
+        if (message === ExchangeError.INVALID_SERVER_MSG)
             location.reload();
-        else if (this instanceof ResponseError) {
-            this.data = data;
+        else if (this instanceof ExchangeError) {
+            this.message = message;
             this.status = status;
         } else
-            return new ResponseError(status, data);
+            return new ExchangeError(status, message);
     }
 
+    ExchangeError.INVALID_SERVER_MSG = "INCORRECT_SERVER_ERROR";
+    ExchangeError.BAD_REQUEST_CODE = 400;
+    ExchangeError.BAD_RESPONSE_CODE = 500;
+    ExchangeError.NODES_OFFLINE_CODE = 404;
+
     function responseParse(response, json_ = true) {
         return new Promise((resolve, reject) => {
             if (!response.ok)
                 response.text()
-                .then(result => reject(ResponseError(response.status, result)))
-                .catch(error => reject(error));
+                .then(result => reject(ExchangeError(response.status, result)))
+                .catch(error => reject(ExchangeError(response.status, error)));
             else if (json_)
                 response.json()
                 .then(result => resolve(result))
-                .catch(error => reject(error));
+                .catch(error => reject(ExchangeError(ExchangeError.BAD_RESPONSE_CODE, error)));
             else
                 response.text()
                 .then(result => resolve(result))
-                .catch(error => reject(error));
+                .catch(error => reject(ExchangeError(ExchangeError.BAD_RESPONSE_CODE, error)));
         });
     }
 
@@ -590,7 +594,7 @@
     exchangeAPI.getBalance = function(floID = null, token = null) {
         return new Promise((resolve, reject) => {
             if (!floID && !token)
-                return reject("Need atleast one argument")
+                return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Need atleast one argument"));
             let queryStr = (floID ? "floID=" + floID : "") +
                 (floID && token ? "&" : "") +
                 (token ? "token=" + token : "");
@@ -605,7 +609,7 @@
     exchangeAPI.getTx = function(txid) {
         return new Promise((resolve, reject) => {
             if (!txid)
-                return reject('txid required');
+                return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, 'txid required'));
             fetch_api('/get-transaction?txid=' + txid)
                 .then(result => responseParse(result)
                     .then(result => resolve(result))
@@ -635,7 +639,7 @@
     exchangeAPI.signUp = function (privKey, code, hash) {
         return new Promise((resolve, reject) => {
             if (!code || !hash)
-                return reject("Login Code missing")
+                return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Login Code missing"));
             let request = {
                 pubKey: floCrypto.getPubKeyHex(privKey),
                 floID: floCrypto.getFloID(privKey),
@@ -667,7 +671,7 @@
     exchangeAPI.login = function(privKey, proxyKey, code, hash) {
         return new Promise((resolve, reject) => {
             if (!code || !hash)
-                return reject("Login Code missing")
+                return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Login Code missing"));
             let request = {
                 proxyKey: proxyKey,
                 floID: floCrypto.getFloID(privKey),
@@ -677,7 +681,7 @@
                 hash: hash
             };
             if (!privKey || !request.floID)
-                return reject("Invalid Private key");
+                return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Invalid Private key"));
             request.sign = signRequest({
                 type: "login",
                 random: code,
@@ -729,9 +733,9 @@
     exchangeAPI.buy = function(asset, quantity, max_price, floID, proxySecret) {
         return new Promise((resolve, reject) => {
             if (typeof quantity !== "number" || quantity <= 0)
-                return reject(`Invalid quantity (${quantity})`);
+                return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, `Invalid quantity (${quantity})`));
             else if (typeof max_price !== "number" || max_price <= 0)
-                return reject(`Invalid max_price (${max_price})`);
+                return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, `Invalid max_price (${max_price})`));
             let request = {
                 floID: floID,
                 asset: asset,
@@ -767,9 +771,9 @@
     exchangeAPI.sell = function(asset, quantity, min_price, floID, proxySecret) {
         return new Promise((resolve, reject) => {
             if (typeof quantity !== "number" || quantity <= 0)
-                return reject(`Invalid quantity (${quantity})`);
+                return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, `Invalid quantity (${quantity})`));
             else if (typeof min_price !== "number" || min_price <= 0)
-                return reject(`Invalid min_price (${min_price})`);
+                return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, `Invalid min_price (${min_price})`));
             let request = {
                 floID: floID,
                 asset: asset,
@@ -805,7 +809,7 @@
     exchangeAPI.cancelOrder = function(type, id, floID, proxySecret) {
         return new Promise((resolve, reject) => {
             if (type !== "buy" && type !== "sell")
-                return reject(`Invalid type (${type}): type should be sell (or) buy`);
+                return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, `Invalid type (${type}): type should be sell (or) buy`));
             let request = {
                 floID: floID,
                 orderType: type,
@@ -839,7 +843,7 @@
     exchangeAPI.transferToken = function(receiver, token, floID, proxySecret) {
         return new Promise((resolve, reject) => {
             if (typeof receiver !== 'object' || receiver === null)
-                return reject("Invalid receiver: parameter is not an object");
+                return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Invalid receiver: parameter is not an object"));
             let invalidIDs = [],
                 invalidAmt = [];
             for (let f in receiver) {
@@ -849,9 +853,9 @@
                     invalidAmt.push(receiver[f])
             }
             if (invalidIDs.length)
-                return reject(INVALID(`Invalid receiver (${invalidIDs})`));
+                return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, `Invalid receiver (${invalidIDs})`));
             else if (invalidAmt.length)
-                return reject(`Invalid amount (${invalidAmt})`);
+                return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, `Invalid amount (${invalidAmt})`));
             let request = {
                 floID: floID,
                 token: token,
@@ -884,7 +888,7 @@
     exchangeAPI.depositFLO = function(quantity, floID, sinkID, privKey, proxySecret = null) {
         return new Promise((resolve, reject) => {
             if (typeof quantity !== "number" || quantity <= floGlobals.fee)
-                return reject(`Invalid quantity (${quantity})`);
+                return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, `Invalid quantity (${quantity})`));
             floBlockchainAPI.sendTx(floID, sinkID, quantity, privKey, '(deposit in market)').then(txid => {
                 let request = {
                     floID: floID,
@@ -946,7 +950,7 @@
     exchangeAPI.depositToken = function(token, quantity, floID, sinkID, privKey, proxySecret = null) {
         return new Promise((resolve, reject) => {
             if (!floCrypto.verifyPrivKey(privKey, floID))
-                return reject("Invalid Private Key");
+                return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Invalid Private Key"));
             floTokenAPI.sendToken(privKey, quantity, sinkID, '(deposit in market)', token).then(txid => {
                 let request = {
                     floID: floID,

From 579d00b3437b49fba7abe64342eb0975fca81971 Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Thu, 21 Apr 2022 14:05:22 +0530
Subject: [PATCH 042/168] Update schema.sql

---
 args/schema.sql | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/args/schema.sql b/args/schema.sql
index 8b3a8d4..a07a8a3 100644
--- a/args/schema.sql
+++ b/args/schema.sql
@@ -326,18 +326,18 @@ FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('PriceHistory', NEW.id) ON
 CREATE TRIGGER PriceHistory_D AFTER DELETE ON PriceHistory
 FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('PriceHistory', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, timestamp=DEFAULT;
 
-CREATE TRIGGER AuditTransaction_I AFTER INSERT ON AuditTrade
+CREATE TRIGGER AuditTrade_I AFTER INSERT ON AuditTrade
 FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('AuditTrade', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
-CREATE TRIGGER AuditTransaction_U AFTER UPDATE ON AuditTrade
+CREATE TRIGGER AuditTrade_U AFTER UPDATE ON AuditTrade
 FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('AuditTrade', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
-CREATE TRIGGER AuditTransaction_D AFTER DELETE ON AuditTrade
+CREATE TRIGGER AuditTrade_D AFTER DELETE ON AuditTrade
 FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('AuditTrade', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, timestamp=DEFAULT;
 
-CREATE TRIGGER TransactionHistory_I AFTER INSERT ON TradeTransactions
+CREATE TRIGGER TradeTransactions_I AFTER INSERT ON TradeTransactions
 FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('TradeTransactions', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
-CREATE TRIGGER TransactionHistory_U AFTER UPDATE ON TradeTransactions
+CREATE TRIGGER TradeTransactions_U AFTER UPDATE ON TradeTransactions
 FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('TradeTransactions', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
-CREATE TRIGGER TransactionHistory_D AFTER DELETE ON TradeTransactions
+CREATE TRIGGER TradeTransactions_D AFTER DELETE ON TradeTransactions
 FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('TradeTransactions', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, timestamp=DEFAULT;
 
 CREATE TRIGGER TransferTransactions_I AFTER INSERT ON TransferTransactions

From e88799f01f56dfc2c8a786a5390f66d645b4f55f Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Tue, 26 Apr 2022 03:30:51 +0530
Subject: [PATCH 043/168] update std-op

---
 docs/scripts/floBlockchainAPI.js |   965 +--
 docs/scripts/floCrypto.js        |   638 +-
 docs/scripts/lib.js              | 12564 +++++++++++++++--------------
 setup/reset-password.js          |     4 +-
 src/main.js                      |     4 +-
 5 files changed, 7175 insertions(+), 7000 deletions(-)

diff --git a/docs/scripts/floBlockchainAPI.js b/docs/scripts/floBlockchainAPI.js
index 5db40df..8d3d857 100644
--- a/docs/scripts/floBlockchainAPI.js
+++ b/docs/scripts/floBlockchainAPI.js
@@ -1,513 +1,514 @@
-'use strict';
-/* FLO Blockchain Operator to send/receive data from blockchain using API calls*/
-//version 2.2.1
-(function(GLOBAL) {
-    const floBlockchainAPI = GLOBAL.floBlockchainAPI = {
+(function(EXPORTS) { //floBlockchainAPI v2.3.0
+    /* FLO Blockchain Operator to send/receive data from blockchain using API calls*/
+    'use strict';
+    const floBlockchainAPI = EXPORTS;
 
-        util: {
-            serverList: floGlobals.apiURL[floGlobals.blockchain].slice(0),
-            curPos: floCrypto.randInt(0, floGlobals.apiURL[floGlobals.blockchain].length - 1),
-            fetch_retry: function(apicall, rm_flosight) {
-                return new Promise((resolve, reject) => {
-                    let i = this.serverList.indexOf(rm_flosight)
-                    if (i != -1) this.serverList.splice(i, 1);
-                    this.curPos = floCrypto.randInt(0, this.serverList.length - 1);
-                    this.fetch_api(apicall)
+    const serverList = floGlobals.apiURL[floGlobals.blockchain].slice(0);
+    var curPos = floCrypto.randInt(0, serverList - 1);
+
+    function fetch_retry(apicall, rm_flosight) {
+        return new Promise((resolve, reject) => {
+            let i = serverList.indexOf(rm_flosight)
+            if (i != -1) serverList.splice(i, 1);
+            curPos = floCrypto.randInt(0, serverList.length - 1);
+            fetch_api(apicall)
+                .then(result => resolve(result))
+                .catch(error => reject(error));
+        })
+    }
+
+    function fetch_api(apicall) {
+        return new Promise((resolve, reject) => {
+            if (serverList.length === 0)
+                reject("No floSight server working");
+            else {
+                let flosight = serverList[curPos];
+                fetch(flosight + apicall).then(response => {
+                    if (response.ok)
+                        response.json().then(data => resolve(data));
+                    else {
+                        fetch_retry(apicall, flosight)
+                            .then(result => resolve(result))
+                            .catch(error => reject(error));
+                    }
+                }).catch(error => {
+                    fetch_retry(apicall, flosight)
                         .then(result => resolve(result))
                         .catch(error => reject(error));
                 })
-            },
-            fetch_api: function(apicall) {
-                return new Promise((resolve, reject) => {
-                    if (this.serverList.length === 0)
-                        reject("No floSight server working");
-                    else {
-                        let flosight = this.serverList[this.curPos];
-                        fetch(flosight + apicall).then(response => {
-                            if (response.ok)
-                                response.json().then(data => resolve(data));
-                            else {
-                                this.fetch_retry(apicall, flosight)
-                                    .then(result => resolve(result))
-                                    .catch(error => reject(error));
-                            }
-                        }).catch(error => {
-                            this.fetch_retry(apicall, flosight)
-                                .then(result => resolve(result))
-                                .catch(error => reject(error));
-                        })
-                    }
-                })
-            },
-
-            current: function() {
-                return this.serverList[this.curPos];
             }
-        },
+        })
+    }
 
-        //Promised function to get data from API
-        promisedAPI: function(apicall) {
-            return new Promise((resolve, reject) => {
-                //console.log(apicall);
-                this.util.fetch_api(apicall)
-                    .then(result => resolve(result))
-                    .catch(error => reject(error));
-            });
-        },
+    Object.defineProperty(floBlockchainAPI, 'current_server', {
+        get: () => serverList[curPos]
+    });
 
-        //Get balance for the given Address
-        getBalance: function(addr) {
-            return new Promise((resolve, reject) => {
-                this.promisedAPI(`api/addr/${addr}/balance`)
-                    .then(balance => resolve(parseFloat(balance)))
-                    .catch(error => reject(error));
-            });
-        },
+    //Promised function to get data from API
+    const promisedAPI = floBlockchainAPI.promisedAPI = function(apicall) {
+        return new Promise((resolve, reject) => {
+            //console.log(apicall);
+            fetch_api(apicall)
+                .then(result => resolve(result))
+                .catch(error => reject(error));
+        });
+    }
 
-        //Write Data into blockchain
-        writeData: function(senderAddr, data, privKey, receiverAddr = floGlobals.adminID, strict_utxo = true) {
-            return new Promise((resolve, reject) => {
-                if (typeof data != "string")
-                    data = JSON.stringify(data);
-                this.sendTx(senderAddr, receiverAddr, floGlobals.sendAmt, privKey, data, strict_utxo)
-                    .then(txid => resolve(txid))
-                    .catch(error => reject(error));
-            });
-        },
+    //Get balance for the given Address
+    const getBalance = floBlockchainAPI.getBalance = function(addr) {
+        return new Promise((resolve, reject) => {
+            promisedAPI(`api/addr/${addr}/balance`)
+                .then(balance => resolve(parseFloat(balance)))
+                .catch(error => reject(error));
+        });
+    }
 
-        //Send Tx to blockchain 
-        sendTx: function(senderAddr, receiverAddr, sendAmt, privKey, floData = '', strict_utxo = true) {
-            return new Promise((resolve, reject) => {
-                if (!floCrypto.validateASCII(floData))
-                    return reject("Invalid FLO_Data: only printable ASCII characters are allowed");
-                else if (!floCrypto.validateAddr(senderAddr))
-                    return reject(`Invalid address : ${senderAddr}`);
-                else if (!floCrypto.validateAddr(receiverAddr))
-                    return reject(`Invalid address : ${receiverAddr}`);
-                else if (privKey.length < 1 || !floCrypto.verifyPrivKey(privKey, senderAddr))
-                    return reject("Invalid Private key!");
-                else if (typeof sendAmt !== 'number' || sendAmt <= 0)
-                    return reject(`Invalid sendAmt : ${sendAmt}`);
+    //Send Tx to blockchain 
+    const sendTx = floBlockchainAPI.sendTx = function(senderAddr, receiverAddr, sendAmt, privKey, floData = '', strict_utxo = true) {
+        return new Promise((resolve, reject) => {
+            if (!floCrypto.validateASCII(floData))
+                return reject("Invalid FLO_Data: only printable ASCII characters are allowed");
+            else if (!floCrypto.validateAddr(senderAddr))
+                return reject(`Invalid address : ${senderAddr}`);
+            else if (!floCrypto.validateAddr(receiverAddr))
+                return reject(`Invalid address : ${receiverAddr}`);
+            else if (privKey.length < 1 || !floCrypto.verifyPrivKey(privKey, senderAddr))
+                return reject("Invalid Private key!");
+            else if (typeof sendAmt !== 'number' || sendAmt <= 0)
+                return reject(`Invalid sendAmt : ${sendAmt}`);
 
-                //get unconfirmed tx list
-                this.promisedAPI(`api/addr/${senderAddr}`).then(result => {
-                    this.readTxs(senderAddr, 0, result.unconfirmedTxApperances).then(result => {
-                        let unconfirmedSpent = {};
-                        for (let tx of result.items)
-                            if (tx.confirmations == 0)
-                                for (let vin of tx.vin)
-                                    if (vin.addr === senderAddr) {
-                                        if (Array.isArray(unconfirmedSpent[vin.txid]))
-                                            unconfirmedSpent[vin.txid].push(vin.vout);
-                                        else
-                                            unconfirmedSpent[vin.txid] = [vin.vout];
-                                    }
-                        //get utxos list
-                        this.promisedAPI(`api/addr/${senderAddr}/utxo`).then(utxos => {
-                            //form/construct the transaction data
-                            var trx = bitjs.transaction();
-                            var utxoAmt = 0.0;
-                            var fee = floGlobals.fee;
-                            for (var i = utxos.length - 1;
-                                (i >= 0) && (utxoAmt < sendAmt + fee); i--) {
-                                //use only utxos with confirmations (strict_utxo mode)
-                                if (utxos[i].confirmations || !strict_utxo) {
-                                    if (utxos[i].txid in unconfirmedSpent && unconfirmedSpent[utxos[i].txid].includes(utxos[i].vout))
-                                        continue; //A transaction has already used this utxo, but is unconfirmed.
-                                    trx.addinput(utxos[i].txid, utxos[i].vout, utxos[i].scriptPubKey);
-                                    utxoAmt += utxos[i].amount;
-                                };
-                            }
-                            if (utxoAmt < sendAmt + fee)
-                                reject("Insufficient FLO balance!");
-                            else {
-                                trx.addoutput(receiverAddr, sendAmt);
-                                var change = utxoAmt - sendAmt - fee;
-                                if (change > 0)
-                                    trx.addoutput(senderAddr, change);
-                                trx.addflodata(floData.replace(/\n/g, ' '));
-                                var signedTxHash = trx.sign(privKey, 1);
-                                this.broadcastTx(signedTxHash)
-                                    .then(txid => resolve(txid))
-                                    .catch(error => reject(error))
-                            }
-                        }).catch(error => reject(error))
+            //get unconfirmed tx list
+            promisedAPI(`api/addr/${senderAddr}`).then(result => {
+                readTxs(senderAddr, 0, result.unconfirmedTxApperances).then(result => {
+                    let unconfirmedSpent = {};
+                    for (let tx of result.items)
+                        if (tx.confirmations == 0)
+                            for (let vin of tx.vin)
+                                if (vin.addr === senderAddr) {
+                                    if (Array.isArray(unconfirmedSpent[vin.txid]))
+                                        unconfirmedSpent[vin.txid].push(vin.vout);
+                                    else
+                                        unconfirmedSpent[vin.txid] = [vin.vout];
+                                }
+                    //get utxos list
+                    promisedAPI(`api/addr/${senderAddr}/utxo`).then(utxos => {
+                        //form/construct the transaction data
+                        var trx = bitjs.transaction();
+                        var utxoAmt = 0.0;
+                        var fee = floGlobals.fee;
+                        for (var i = utxos.length - 1;
+                            (i >= 0) && (utxoAmt < sendAmt + fee); i--) {
+                            //use only utxos with confirmations (strict_utxo mode)
+                            if (utxos[i].confirmations || !strict_utxo) {
+                                if (utxos[i].txid in unconfirmedSpent && unconfirmedSpent[utxos[i].txid].includes(utxos[i].vout))
+                                    continue; //A transaction has already used the utxo, but is unconfirmed.
+                                trx.addinput(utxos[i].txid, utxos[i].vout, utxos[i].scriptPubKey);
+                                utxoAmt += utxos[i].amount;
+                            };
+                        }
+                        if (utxoAmt < sendAmt + fee)
+                            reject("Insufficient FLO balance!");
+                        else {
+                            trx.addoutput(receiverAddr, sendAmt);
+                            var change = utxoAmt - sendAmt - fee;
+                            if (change > 0)
+                                trx.addoutput(senderAddr, change);
+                            trx.addflodata(floData.replace(/\n/g, ' '));
+                            var signedTxHash = trx.sign(privKey, 1);
+                            broadcastTx(signedTxHash)
+                                .then(txid => resolve(txid))
+                                .catch(error => reject(error))
+                        }
                     }).catch(error => reject(error))
                 }).catch(error => reject(error))
-            });
-        },
+            }).catch(error => reject(error))
+        });
+    }
 
-        //merge all UTXOs of a given floID into a single UTXO
-        mergeUTXOs: function(floID, privKey, floData = '') {
-            return new Promise((resolve, reject) => {
-                if (!floCrypto.validateAddr(floID))
-                    return reject(`Invalid floID`);
-                if (!floCrypto.verifyPrivKey(privKey, floID))
-                    return reject("Invalid Private Key");
-                if (!floCrypto.validateASCII(floData))
-                    return reject("Invalid FLO_Data: only printable ASCII characters are allowed");
-                var trx = bitjs.transaction();
-                var utxoAmt = 0.0;
-                var fee = floGlobals.fee;
-                this.promisedAPI(`api/addr/${floID}/utxo`).then(utxos => {
-                    for (var i = utxos.length - 1; i >= 0; i--)
-                        if (utxos[i].confirmations) {
-                            trx.addinput(utxos[i].txid, utxos[i].vout, utxos[i].scriptPubKey);
-                            utxoAmt += utxos[i].amount;
+    //Write Data into blockchain
+    floBlockchainAPI.writeData = function(senderAddr, data, privKey, receiverAddr = floGlobals.adminID, strict_utxo = true) {
+        return new Promise((resolve, reject) => {
+            if (typeof data != "string")
+                data = JSON.stringify(data);
+            sendTx(senderAddr, receiverAddr, floGlobals.sendAmt, privKey, data, strict_utxo)
+                .then(txid => resolve(txid))
+                .catch(error => reject(error));
+        });
+    }
+
+    //merge all UTXOs of a given floID into a single UTXO
+    floBlockchainAPI.mergeUTXOs = function(floID, privKey, floData = '') {
+        return new Promise((resolve, reject) => {
+            if (!floCrypto.validateAddr(floID))
+                return reject(`Invalid floID`);
+            if (!floCrypto.verifyPrivKey(privKey, floID))
+                return reject("Invalid Private Key");
+            if (!floCrypto.validateASCII(floData))
+                return reject("Invalid FLO_Data: only printable ASCII characters are allowed");
+            var trx = bitjs.transaction();
+            var utxoAmt = 0.0;
+            var fee = floGlobals.fee;
+            promisedAPI(`api/addr/${floID}/utxo`).then(utxos => {
+                for (var i = utxos.length - 1; i >= 0; i--)
+                    if (utxos[i].confirmations) {
+                        trx.addinput(utxos[i].txid, utxos[i].vout, utxos[i].scriptPubKey);
+                        utxoAmt += utxos[i].amount;
+                    }
+                trx.addoutput(floID, utxoAmt - fee);
+                trx.addflodata(floData.replace(/\n/g, ' '));
+                var signedTxHash = trx.sign(privKey, 1);
+                broadcastTx(signedTxHash)
+                    .then(txid => resolve(txid))
+                    .catch(error => reject(error))
+            }).catch(error => reject(error))
+        })
+    }
+
+    /**Write data into blockchain from (and/or) to multiple floID
+     * @param  {Array} senderPrivKeys List of sender private-keys
+     * @param  {string} data FLO data of the txn
+     * @param  {Array} receivers List of receivers
+     * @param  {boolean} preserveRatio (optional) preserve ratio or equal contribution
+     * @return {Promise}
+     */
+    floBlockchainAPI.writeDataMultiple = function(senderPrivKeys, data, receivers = [floGlobals.adminID], preserveRatio = true) {
+        return new Promise((resolve, reject) => {
+            if (!Array.isArray(senderPrivKeys))
+                return reject("Invalid senderPrivKeys: SenderPrivKeys must be Array");
+            if (!preserveRatio) {
+                let tmp = {};
+                let amount = (floGlobals.sendAmt * receivers.length) / senderPrivKeys.length;
+                senderPrivKeys.forEach(key => tmp[key] = amount);
+                senderPrivKeys = tmp;
+            }
+            if (!Array.isArray(receivers))
+                return reject("Invalid receivers: Receivers must be Array");
+            else {
+                let tmp = {};
+                let amount = floGlobals.sendAmt;
+                receivers.forEach(floID => tmp[floID] = amount);
+                receivers = tmp
+            }
+            if (typeof data != "string")
+                data = JSON.stringify(data);
+            sendTxMultiple(senderPrivKeys, receivers, data)
+                .then(txid => resolve(txid))
+                .catch(error => reject(error))
+        })
+    }
+
+    /**Send Tx from (and/or) to multiple floID
+     * @param  {Array or Object} senderPrivKeys List of sender private-key (optional: with coins to be sent)
+     * @param  {Object} receivers List of receivers with respective amount to be sent
+     * @param  {string} floData FLO data of the txn
+     * @return {Promise}
+     */
+    const sendTxMultiple = floBlockchainAPI.sendTxMultiple = function(senderPrivKeys, receivers, floData = '') {
+        return new Promise((resolve, reject) => {
+            if (!floCrypto.validateASCII(floData))
+                return reject("Invalid FLO_Data: only printable ASCII characters are allowed");
+            let senders = {},
+                preserveRatio;
+            //check for argument validations
+            try {
+                let invalids = {
+                    InvalidSenderPrivKeys: [],
+                    InvalidSenderAmountFor: [],
+                    InvalidReceiverIDs: [],
+                    InvalidReceiveAmountFor: []
+                }
+                let inputVal = 0,
+                    outputVal = 0;
+                //Validate sender privatekeys (and send amount if passed)
+                //conversion when only privateKeys are passed (preserveRatio mode)
+                if (Array.isArray(senderPrivKeys)) {
+                    senderPrivKeys.forEach(key => {
+                        try {
+                            if (!key)
+                                invalids.InvalidSenderPrivKeys.push(key);
+                            else {
+                                let floID = floCrypto.getFloID(key);
+                                senders[floID] = {
+                                    wif: key
+                                }
+                            }
+                        } catch (error) {
+                            invalids.InvalidSenderPrivKeys.push(key)
                         }
-                    trx.addoutput(floID, utxoAmt - fee);
+                    })
+                    preserveRatio = true;
+                }
+                //conversion when privatekeys are passed with send amount
+                else {
+                    for (let key in senderPrivKeys) {
+                        try {
+                            if (!key)
+                                invalids.InvalidSenderPrivKeys.push(key);
+                            else {
+                                if (typeof senderPrivKeys[key] !== 'number' || senderPrivKeys[key] <= 0)
+                                    invalids.InvalidSenderAmountFor.push(key);
+                                else
+                                    inputVal += senderPrivKeys[key];
+                                let floID = floCrypto.getFloID(key);
+                                senders[floID] = {
+                                    wif: key,
+                                    coins: senderPrivKeys[key]
+                                }
+                            }
+                        } catch (error) {
+                            invalids.InvalidSenderPrivKeys.push(key)
+                        }
+                    }
+                    preserveRatio = false;
+                }
+                //Validate the receiver IDs and receive amount
+                for (let floID in receivers) {
+                    if (!floCrypto.validateAddr(floID))
+                        invalids.InvalidReceiverIDs.push(floID);
+                    if (typeof receivers[floID] !== 'number' || receivers[floID] <= 0)
+                        invalids.InvalidReceiveAmountFor.push(floID);
+                    else
+                        outputVal += receivers[floID];
+                }
+                //Reject if any invalids are found
+                for (let i in invalids)
+                    if (!invalids[i].length)
+                        delete invalids[i];
+                if (Object.keys(invalids).length)
+                    return reject(invalids);
+                //Reject if given inputVal and outputVal are not equal
+                if (!preserveRatio && inputVal != outputVal)
+                    return reject(`Input Amount (${inputVal}) not equal to Output Amount (${outputVal})`);
+            } catch (error) {
+                return reject(error)
+            }
+            //Get balance of senders
+            let promises = [];
+            for (let floID in senders)
+                promises.push(getBalance(floID));
+            Promise.all(promises).then(results => {
+                let totalBalance = 0,
+                    totalFee = floGlobals.fee,
+                    balance = {};
+                //Divide fee among sender if not for preserveRatio
+                if (!preserveRatio)
+                    var dividedFee = totalFee / Object.keys(senders).length;
+                //Check if balance of each sender is sufficient enough
+                let insufficient = [];
+                for (let floID in senders) {
+                    balance[floID] = parseFloat(results.shift());
+                    if (isNaN(balance[floID]) || (preserveRatio && balance[floID] <= totalFee) ||
+                        (!preserveRatio && balance[floID] < senders[floID].coins + dividedFee))
+                        insufficient.push(floID);
+                    totalBalance += balance[floID];
+                }
+                if (insufficient.length)
+                    return reject({
+                        InsufficientBalance: insufficient
+                    })
+                //Calculate totalSentAmount and check if totalBalance is sufficient
+                let totalSendAmt = totalFee;
+                for (floID in receivers)
+                    totalSendAmt += receivers[floID];
+                if (totalBalance < totalSendAmt)
+                    return reject("Insufficient total Balance");
+                //Get the UTXOs of the senders
+                let promises = [];
+                for (floID in senders)
+                    promises.push(promisedAPI(`api/addr/${floID}/utxo`));
+                Promise.all(promises).then(results => {
+                    let wifSeq = [];
+                    var trx = bitjs.transaction();
+                    for (floID in senders) {
+                        let utxos = results.shift();
+                        let sendAmt;
+                        if (preserveRatio) {
+                            let ratio = (balance[floID] / totalBalance);
+                            sendAmt = totalSendAmt * ratio;
+                        } else
+                            sendAmt = senders[floID].coins + dividedFee;
+                        let wif = senders[floID].wif;
+                        let utxoAmt = 0.0;
+                        for (let i = utxos.length - 1;
+                            (i >= 0) && (utxoAmt < sendAmt); i--) {
+                            if (utxos[i].confirmations) {
+                                trx.addinput(utxos[i].txid, utxos[i].vout, utxos[i].scriptPubKey);
+                                wifSeq.push(wif);
+                                utxoAmt += utxos[i].amount;
+                            }
+                        }
+                        if (utxoAmt < sendAmt)
+                            return reject("Insufficient balance:" + floID);
+                        let change = (utxoAmt - sendAmt);
+                        if (change > 0)
+                            trx.addoutput(floID, change);
+                    }
+                    for (floID in receivers)
+                        trx.addoutput(floID, receivers[floID]);
                     trx.addflodata(floData.replace(/\n/g, ' '));
-                    var signedTxHash = trx.sign(privKey, 1);
-                    this.broadcastTx(signedTxHash)
+                    for (let i = 0; i < wifSeq.length; i++)
+                        trx.signinput(i, wifSeq[i], 1);
+                    var signedTxHash = trx.serialize();
+                    broadcastTx(signedTxHash)
                         .then(txid => resolve(txid))
                         .catch(error => reject(error))
                 }).catch(error => reject(error))
-            })
-        },
+            }).catch(error => reject(error))
+        })
+    }
 
-        /**Write data into blockchain from (and/or) to multiple floID
-         * @param  {Array} senderPrivKeys List of sender private-keys
-         * @param  {string} data FLO data of the txn
-         * @param  {Array} receivers List of receivers
-         * @param  {boolean} preserveRatio (optional) preserve ratio or equal contribution
-         * @return {Promise}
-         */
-        writeDataMultiple: function(senderPrivKeys, data, receivers = [floGlobals.adminID], preserveRatio = true) {
-            return new Promise((resolve, reject) => {
-                if (!Array.isArray(senderPrivKeys))
-                    return reject("Invalid senderPrivKeys: SenderPrivKeys must be Array");
-                if (!preserveRatio) {
-                    let tmp = {};
-                    let amount = (floGlobals.sendAmt * receivers.length) / senderPrivKeys.length;
-                    senderPrivKeys.forEach(key => tmp[key] = amount);
-                    senderPrivKeys = tmp;
-                }
-                if (!Array.isArray(receivers))
-                    return reject("Invalid receivers: Receivers must be Array");
-                else {
-                    let tmp = {};
-                    let amount = floGlobals.sendAmt;
-                    receivers.forEach(floID => tmp[floID] = amount);
-                    receivers = tmp
-                }
-                if (typeof data != "string")
-                    data = JSON.stringify(data);
-                this.sendTxMultiple(senderPrivKeys, receivers, data)
-                    .then(txid => resolve(txid))
-                    .catch(error => reject(error))
-            })
-        },
+    //Broadcast signed Tx in blockchain using API
+    const broadcastTx = floBlockchainAPI.broadcastTx = function(signedTxHash) {
+        return new Promise((resolve, reject) => {
+            if (signedTxHash.length < 1)
+                return reject("Empty Signature");
+            var url = serverList[curPos] + 'api/tx/send';
+            fetch(url, {
+                method: "POST",
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                body: `{"rawtx":"${signedTxHash}"}`
+            }).then(response => {
+                if (response.ok)
+                    response.json().then(data => resolve(data.txid.result));
+                else
+                    response.text().then(data => resolve(data));
+            }).catch(error => reject(error));
+        })
+    }
 
-        /**Send Tx from (and/or) to multiple floID
-         * @param  {Array or Object} senderPrivKeys List of sender private-key (optional: with coins to be sent)
-         * @param  {Object} receivers List of receivers with respective amount to be sent
-         * @param  {string} floData FLO data of the txn
-         * @return {Promise}
-         */
-        sendTxMultiple: function(senderPrivKeys, receivers, floData = '') {
-            return new Promise((resolve, reject) => {
-                if (!floCrypto.validateASCII(floData))
-                    return reject("Invalid FLO_Data: only printable ASCII characters are allowed");
-                let senders = {},
-                    preserveRatio;
-                //check for argument validations
-                try {
-                    let invalids = {
-                        InvalidSenderPrivKeys: [],
-                        InvalidSenderAmountFor: [],
-                        InvalidReceiverIDs: [],
-                        InvalidReceiveAmountFor: []
-                    }
-                    let inputVal = 0,
-                        outputVal = 0;
-                    //Validate sender privatekeys (and send amount if passed)
-                    //conversion when only privateKeys are passed (preserveRatio mode)
-                    if (Array.isArray(senderPrivKeys)) {
-                        senderPrivKeys.forEach(key => {
-                            try {
-                                if (!key)
-                                    invalids.InvalidSenderPrivKeys.push(key);
-                                else {
-                                    let floID = floCrypto.getFloID(key);
-                                    senders[floID] = {
-                                        wif: key
-                                    }
-                                }
-                            } catch (error) {
-                                invalids.InvalidSenderPrivKeys.push(key)
-                            }
-                        })
-                        preserveRatio = true;
-                    }
-                    //conversion when privatekeys are passed with send amount
-                    else {
-                        for (let key in senderPrivKeys) {
-                            try {
-                                if (!key)
-                                    invalids.InvalidSenderPrivKeys.push(key);
-                                else {
-                                    if (typeof senderPrivKeys[key] !== 'number' || senderPrivKeys[key] <= 0)
-                                        invalids.InvalidSenderAmountFor.push(key);
-                                    else
-                                        inputVal += senderPrivKeys[key];
-                                    let floID = floCrypto.getFloID(key);
-                                    senders[floID] = {
-                                        wif: key,
-                                        coins: senderPrivKeys[key]
-                                    }
-                                }
-                            } catch (error) {
-                                invalids.InvalidSenderPrivKeys.push(key)
-                            }
-                        }
-                        preserveRatio = false;
-                    }
-                    //Validate the receiver IDs and receive amount
-                    for (let floID in receivers) {
-                        if (!floCrypto.validateAddr(floID))
-                            invalids.InvalidReceiverIDs.push(floID);
-                        if (typeof receivers[floID] !== 'number' || receivers[floID] <= 0)
-                            invalids.InvalidReceiveAmountFor.push(floID);
-                        else
-                            outputVal += receivers[floID];
-                    }
-                    //Reject if any invalids are found
-                    for (let i in invalids)
-                        if (!invalids[i].length)
-                            delete invalids[i];
-                    if (Object.keys(invalids).length)
-                        return reject(invalids);
-                    //Reject if given inputVal and outputVal are not equal
-                    if (!preserveRatio && inputVal != outputVal)
-                        return reject(`Input Amount (${inputVal}) not equal to Output Amount (${outputVal})`);
-                } catch (error) {
-                    return reject(error)
-                }
-                //Get balance of senders
-                let promises = [];
-                for (let floID in senders)
-                    promises.push(this.getBalance(floID));
-                Promise.all(promises).then(results => {
-                    let totalBalance = 0,
-                        totalFee = floGlobals.fee,
-                        balance = {};
-                    //Divide fee among sender if not for preserveRatio
-                    if (!preserveRatio)
-                        var dividedFee = totalFee / Object.keys(senders).length;
-                    //Check if balance of each sender is sufficient enough
-                    let insufficient = [];
-                    for (let floID in senders) {
-                        balance[floID] = parseFloat(results.shift());
-                        if (isNaN(balance[floID]) || (preserveRatio && balance[floID] <= totalFee) ||
-                            (!preserveRatio && balance[floID] < senders[floID].coins + dividedFee))
-                            insufficient.push(floID);
-                        totalBalance += balance[floID];
-                    }
-                    if (insufficient.length)
-                        return reject({
-                            InsufficientBalance: insufficient
-                        })
-                    //Calculate totalSentAmount and check if totalBalance is sufficient
-                    let totalSendAmt = totalFee;
-                    for (floID in receivers)
-                        totalSendAmt += receivers[floID];
-                    if (totalBalance < totalSendAmt)
-                        return reject("Insufficient total Balance");
-                    //Get the UTXOs of the senders
-                    let promises = [];
-                    for (floID in senders)
-                        promises.push(this.promisedAPI(`api/addr/${floID}/utxo`));
-                    Promise.all(promises).then(results => {
-                        let wifSeq = [];
-                        var trx = bitjs.transaction();
-                        for (floID in senders) {
-                            let utxos = results.shift();
-                            let sendAmt;
-                            if (preserveRatio) {
-                                let ratio = (balance[floID] / totalBalance);
-                                sendAmt = totalSendAmt * ratio;
-                            } else
-                                sendAmt = senders[floID].coins + dividedFee;
-                            let wif = senders[floID].wif;
-                            let utxoAmt = 0.0;
-                            for (let i = utxos.length - 1;
-                                (i >= 0) && (utxoAmt < sendAmt); i--) {
-                                if (utxos[i].confirmations) {
-                                    trx.addinput(utxos[i].txid, utxos[i].vout, utxos[i].scriptPubKey);
-                                    wifSeq.push(wif);
-                                    utxoAmt += utxos[i].amount;
-                                }
-                            }
-                            if (utxoAmt < sendAmt)
-                                return reject("Insufficient balance:" + floID);
-                            let change = (utxoAmt - sendAmt);
-                            if (change > 0)
-                                trx.addoutput(floID, change);
-                        }
-                        for (floID in receivers)
-                            trx.addoutput(floID, receivers[floID]);
-                        trx.addflodata(floData.replace(/\n/g, ' '));
-                        for (let i = 0; i < wifSeq.length; i++)
-                            trx.signinput(i, wifSeq[i], 1);
-                        var signedTxHash = trx.serialize();
-                        this.broadcastTx(signedTxHash)
-                            .then(txid => resolve(txid))
-                            .catch(error => reject(error))
-                    }).catch(error => reject(error))
-                }).catch(error => reject(error))
-            })
-        },
+    floBlockchainAPI.getTx = function(txid) {
+        return new Promise((resolve, reject) => {
+            promisedAPI(`api/tx/${txid}`)
+                .then(response => resolve(response))
+                .catch(error => reject(error))
+        })
+    }
 
-        //Broadcast signed Tx in blockchain using API
-        broadcastTx: function(signedTxHash) {
-            return new Promise((resolve, reject) => {
-                if (signedTxHash.length < 1)
-                    return reject("Empty Signature");
-                var url = this.util.serverList[this.util.curPos] + 'api/tx/send';
-                fetch(url, {
-                    method: "POST",
-                    headers: {
-                        'Content-Type': 'application/json'
-                    },
-                    body: `{"rawtx":"${signedTxHash}"}`
-                }).then(response => {
-                    if (response.ok)
-                        response.json().then(data => resolve(data.txid.result));
-                    else
-                        response.text().then(data => resolve(data));
-                }).catch(error => reject(error));
-            })
-        },
+    //Read Txs of Address between from and to
+    const readTxs = floBlockchainAPI.readTxs = function(addr, from, to) {
+        return new Promise((resolve, reject) => {
+            promisedAPI(`api/addrs/${addr}/txs?from=${from}&to=${to}`)
+                .then(response => resolve(response))
+                .catch(error => reject(error))
+        });
+    }
 
-        getTx: function(txid) {
-            return new Promise((resolve, reject) => {
-                this.promisedAPI(`api/tx/${txid}`)
-                    .then(response => resolve(response))
-                    .catch(error => reject(error))
-            })
-        },
+    //Read All Txs of Address (newest first)
+    floBlockchainAPI.readAllTxs = function(addr) {
+        return new Promise((resolve, reject) => {
+            promisedAPI(`api/addrs/${addr}/txs?from=0&to=1`).then(response => {
+                promisedAPI(`api/addrs/${addr}/txs?from=0&to=${response.totalItems}0`)
+                    .then(response => resolve(response.items))
+                    .catch(error => reject(error));
+            }).catch(error => reject(error))
+        });
+    }
 
-        //Read Txs of Address between from and to
-        readTxs: function(addr, from, to) {
-            return new Promise((resolve, reject) => {
-                this.promisedAPI(`api/addrs/${addr}/txs?from=${from}&to=${to}`)
-                    .then(response => resolve(response))
-                    .catch(error => reject(error))
-            });
-        },
-
-        //Read All Txs of Address (newest first)
-        readAllTxs: function(addr) {
-            return new Promise((resolve, reject) => {
-                this.promisedAPI(`api/addrs/${addr}/txs?from=0&to=1`).then(response => {
-                    this.promisedAPI(`api/addrs/${addr}/txs?from=0&to=${response.totalItems}0`)
-                        .then(response => resolve(response.items))
-                        .catch(error => reject(error));
-                }).catch(error => reject(error))
-            });
-        },
-
-        /*Read flo Data from txs of given Address
-        options can be used to filter data
-        limit       : maximum number of filtered data (default = 1000, negative  = no limit)
-        ignoreOld   : ignore old txs (default = 0)
-        sentOnly    : filters only sent data
-        receivedOnly: filters only received data
-        pattern     : filters data that with JSON pattern
-        filter      : custom filter funtion for floData (eg . filter: d => {return d[0] == '$'})
-        tx          : (boolean) resolve tx data or not (resolves an Array of Object with tx details)
-        sender      : flo-id(s) of sender
-        receiver    : flo-id(s) of receiver
-        */
-        readData: function(addr, options = {}) {
-            options.limit = options.limit || 0;
-            options.ignoreOld = options.ignoreOld || 0;
-            if (typeof options.sender === "string") options.sender = [options.sender];
-            if (typeof options.receiver === "string") options.receiver = [options.receiver];
-            return new Promise((resolve, reject) => {
-                this.promisedAPI(`api/addrs/${addr}/txs?from=0&to=1`).then(response => {
-                    var newItems = response.totalItems - options.ignoreOld;
-                    this.promisedAPI(`api/addrs/${addr}/txs?from=0&to=${newItems*2}`).then(response => {
-                        if (options.limit <= 0)
-                            options.limit = response.items.length;
-                        var filteredData = [];
-                        let numToRead = response.totalItems - options.ignoreOld,
-                            unconfirmedCount = 0;
-                        for (let i = 0; i < numToRead && filteredData.length < options.limit; i++) {
-                            if (!response.items[i].confirmations) { //unconfirmed transactions
-                                unconfirmedCount++;
+    /*Read flo Data from txs of given Address
+    options can be used to filter data
+    limit       : maximum number of filtered data (default = 1000, negative  = no limit)
+    ignoreOld   : ignore old txs (default = 0)
+    sentOnly    : filters only sent data
+    receivedOnly: filters only received data
+    pattern     : filters data that with JSON pattern
+    filter      : custom filter funtion for floData (eg . filter: d => {return d[0] == '$'})
+    tx          : (boolean) resolve tx data or not (resolves an Array of Object with tx details)
+    sender      : flo-id(s) of sender
+    receiver    : flo-id(s) of receiver
+    */
+    floBlockchainAPI.readData = function(addr, options = {}) {
+        options.limit = options.limit || 0;
+        options.ignoreOld = options.ignoreOld || 0;
+        if (typeof options.sender === "string") options.sender = [options.sender];
+        if (typeof options.receiver === "string") options.receiver = [options.receiver];
+        return new Promise((resolve, reject) => {
+            promisedAPI(`api/addrs/${addr}/txs?from=0&to=1`).then(response => {
+                var newItems = response.totalItems - options.ignoreOld;
+                promisedAPI(`api/addrs/${addr}/txs?from=0&to=${newItems*2}`).then(response => {
+                    if (options.limit <= 0)
+                        options.limit = response.items.length;
+                    var filteredData = [];
+                    let numToRead = response.totalItems - options.ignoreOld,
+                        unconfirmedCount = 0;
+                    for (let i = 0; i < numToRead && filteredData.length < options.limit; i++) {
+                        if (!response.items[i].confirmations) { //unconfirmed transactions
+                            unconfirmedCount++;
+                            if (numToRead < response.items[i].length)
                                 numToRead++;
-                                continue;
-                            }
-                            if (options.pattern) {
-                                try {
-                                    let jsonContent = JSON.parse(response.items[i].floData);
-                                    if (!Object.keys(jsonContent).includes(options.pattern))
-                                        continue;
-                                } catch (error) {
-                                    continue;
-                                }
-                            }
-                            if (options.sentOnly) {
-                                let flag = false;
-                                for (let vin of response.items[i].vin)
-                                    if (vin.addr === addr) {
-                                        flag = true;
-                                        break;
-                                    }
-                                if (!flag) continue;
-                            }
-                            if (Array.isArray(options.sender)) {
-                                let flag = false;
-                                for (let vin of response.items[i].vin)
-                                    if (options.sender.includes(vin.addr)) {
-                                        flag = true;
-                                        break;
-                                    }
-                                if (!flag) continue;
-                            }
-                            if (options.receivedOnly) {
-                                let flag = false;
-                                for (let vout of response.items[i].vout)
-                                    if (vout.scriptPubKey.addresses[0] === addr) {
-                                        flag = true;
-                                        break;
-                                    }
-                                if (!flag) continue;
-                            }
-                            if (Array.isArray(options.receiver)) {
-                                let flag = false;
-                                for (let vout of response.items[i].vout)
-                                    if (options.receiver.includes(vout.scriptPubKey.addresses[0])) {
-                                        flag = true;
-                                        break;
-                                    }
-                                if (!flag) continue;
-                            }
-                            if (options.filter && !options.filter(response.items[i].floData))
-                                continue;
-
-                            if (options.tx) {
-                                let d = {}
-                                d.txid = response.items[i].txid;
-                                d.time = response.items[i].time;
-                                d.blockheight = response.items[i].blockheight;
-                                d.data = response.items[i].floData;
-                                filteredData.push(d);
-                            } else
-                                filteredData.push(response.items[i].floData);
+                            continue;
                         }
-                        resolve({
-                            totalTxs: response.totalItems - unconfirmedCount,
-                            data: filteredData
-                        });
-                    }).catch(error => {
-                        reject(error);
+                        if (options.pattern) {
+                            try {
+                                let jsonContent = JSON.parse(response.items[i].floData);
+                                if (!Object.keys(jsonContent).includes(options.pattern))
+                                    continue;
+                            } catch (error) {
+                                continue;
+                            }
+                        }
+                        if (options.sentOnly) {
+                            let flag = false;
+                            for (let vin of response.items[i].vin)
+                                if (vin.addr === addr) {
+                                    flag = true;
+                                    break;
+                                }
+                            if (!flag) continue;
+                        }
+                        if (Array.isArray(options.sender)) {
+                            let flag = false;
+                            for (let vin of response.items[i].vin)
+                                if (options.sender.includes(vin.addr)) {
+                                    flag = true;
+                                    break;
+                                }
+                            if (!flag) continue;
+                        }
+                        if (options.receivedOnly) {
+                            let flag = false;
+                            for (let vout of response.items[i].vout)
+                                if (vout.scriptPubKey.addresses[0] === addr) {
+                                    flag = true;
+                                    break;
+                                }
+                            if (!flag) continue;
+                        }
+                        if (Array.isArray(options.receiver)) {
+                            let flag = false;
+                            for (let vout of response.items[i].vout)
+                                if (options.receiver.includes(vout.scriptPubKey.addresses[0])) {
+                                    flag = true;
+                                    break;
+                                }
+                            if (!flag) continue;
+                        }
+                        if (options.filter && !options.filter(response.items[i].floData))
+                            continue;
+
+                        if (options.tx) {
+                            let d = {}
+                            d.txid = response.items[i].txid;
+                            d.time = response.items[i].time;
+                            d.blockheight = response.items[i].blockheight;
+                            d.data = response.items[i].floData;
+                            filteredData.push(d);
+                        } else
+                            filteredData.push(response.items[i].floData);
+                    }
+                    resolve({
+                        totalTxs: response.totalItems - unconfirmedCount,
+                        data: filteredData
                     });
                 }).catch(error => {
                     reject(error);
                 });
+            }).catch(error => {
+                reject(error);
             });
-        }
+        });
     }
-})(typeof global !== "undefined" ? global : window);
\ No newline at end of file
+
+
+})('object' === typeof module ? module.exports : window.floBlockchainAPI = {});
\ No newline at end of file
diff --git a/docs/scripts/floCrypto.js b/docs/scripts/floCrypto.js
index dacf98c..4ab4d5c 100644
--- a/docs/scripts/floCrypto.js
+++ b/docs/scripts/floCrypto.js
@@ -1,339 +1,313 @@
-'use strict';
+(function(EXPORTS) { //floCrypto v2.3.0a
+    /* FLO Crypto Operators */
+    'use strict';
+    const floCrypto = EXPORTS;
 
-(function(GLOBAL) {
-    const floCrypto = GLOBAL.floCrypto = {
+    const p = BigInteger("FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFEFFFFFC2F", 16);
+    const ecparams = EllipticCurve.getSECCurveByName("secp256k1");
+    const ascii_alternatives = `‘ '\n’ '\n“ "\n” "\n– --\n— ---\n≥ >=\n≤ <=\n≠ !=\n× *\n÷ /\n← <-\n→ ->\n↔ <->\n⇒ =>\n⇐ <=\n⇔ <=>`;
+    const exponent1 = () => p.add(BigInteger.ONE).divide(BigInteger("4"));
 
-        util: {
-            p: BigInteger("FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFEFFFFFC2F", 16),
+    function calculateY(x) {
+        let exp = exponent1();
+        // x is x value of public key in BigInteger format without 02 or 03 or 04 prefix
+        return x.modPow(BigInteger("3"), p).add(BigInteger("7")).mod(p).modPow(exp, p)
+    }
 
-            ecparams: EllipticCurve.getSECCurveByName("secp256k1"),
+    function getUncompressedPublicKey(compressedPublicKey) {
+        // Fetch x from compressedPublicKey
+        let pubKeyBytes = Crypto.util.hexToBytes(compressedPublicKey);
+        const prefix = pubKeyBytes.shift() // remove prefix
+        let prefix_modulus = prefix % 2;
+        pubKeyBytes.unshift(0) // add prefix 0
+        let x = new BigInteger(pubKeyBytes)
+        let xDecimalValue = x.toString()
+        // Fetch y
+        let y = calculateY(x);
+        let yDecimalValue = y.toString();
+        // verify y value
+        let resultBigInt = y.mod(BigInteger("2"));
+        let check = resultBigInt.toString() % 2;
+        if (prefix_modulus !== check)
+            yDecimalValue = y.negate().mod(p).toString();
+        return {
+            x: xDecimalValue,
+            y: yDecimalValue
+        };
+    }
 
-            asciiAlternatives: `‘ '\n’ '\n“ "\n” "\n– --\n— ---\n≥ >=\n≤ <=\n≠ !=\n× *\n÷ /\n← <-\n→ ->\n↔ <->\n⇒ =>\n⇐ <=\n⇔ <=>`,
-
-            exponent1: function() {
-                return this.p.add(BigInteger.ONE).divide(BigInteger("4"))
-            },
-
-            calculateY: function(x) {
-                let p = this.p;
-                let exp = this.exponent1();
-                // x is x value of public key in BigInteger format without 02 or 03 or 04 prefix
-                return x.modPow(BigInteger("3"), p).add(BigInteger("7")).mod(p).modPow(exp, p)
-            },
-            getUncompressedPublicKey: function(compressedPublicKey) {
-                const p = this.p;
-                // Fetch x from compressedPublicKey
-                let pubKeyBytes = Crypto.util.hexToBytes(compressedPublicKey);
-                const prefix = pubKeyBytes.shift() // remove prefix
-                let prefix_modulus = prefix % 2;
-                pubKeyBytes.unshift(0) // add prefix 0
-                let x = new BigInteger(pubKeyBytes)
-                let xDecimalValue = x.toString()
-                // Fetch y
-                let y = this.calculateY(x);
-                let yDecimalValue = y.toString();
-                // verify y value
-                let resultBigInt = y.mod(BigInteger("2"));
-                let check = resultBigInt.toString() % 2;
-                if (prefix_modulus !== check)
-                    yDecimalValue = y.negate().mod(p).toString();
-                return {
-                    x: xDecimalValue,
-                    y: yDecimalValue
-                };
-            },
-
-            getSenderPublicKeyString: function() {
-                let privateKey = ellipticCurveEncryption.senderRandom();
-                var senderPublicKeyString = ellipticCurveEncryption.senderPublicString(privateKey);
-                return {
-                    privateKey: privateKey,
-                    senderPublicKeyString: senderPublicKeyString
-                }
-            },
-
-            deriveSharedKeySender: function(receiverCompressedPublicKey, senderPrivateKey) {
-                let receiverPublicKeyString = this.getUncompressedPublicKey(receiverCompressedPublicKey);
-                var senderDerivedKey = ellipticCurveEncryption.senderSharedKeyDerivation(
-                    receiverPublicKeyString.x, receiverPublicKeyString.y, senderPrivateKey);
-                return senderDerivedKey;
-            },
-
-            deriveReceiverSharedKey: function(senderPublicKeyString, receiverPrivateKey) {
-                return ellipticCurveEncryption.receiverSharedKeyDerivation(
-                    senderPublicKeyString.XValuePublicString, senderPublicKeyString.YValuePublicString, receiverPrivateKey);
-            },
-
-            getReceiverPublicKeyString: function(privateKey) {
-                return ellipticCurveEncryption.receiverPublicString(privateKey);
-            },
-
-            deriveSharedKeyReceiver: function(senderPublicKeyString, receiverPrivateKey) {
-                return ellipticCurveEncryption.receiverSharedKeyDerivation(
-                    senderPublicKeyString.XValuePublicString, senderPublicKeyString.YValuePublicString, receiverPrivateKey);
-            },
-
-            wifToDecimal: function(pk_wif, isPubKeyCompressed = false) {
-                let pk = Bitcoin.Base58.decode(pk_wif)
-                pk.shift()
-                pk.splice(-4, 4)
-                //If the private key corresponded to a compressed public key, also drop the last byte (it should be 0x01).
-                if (isPubKeyCompressed == true) pk.pop()
-                pk.unshift(0)
-                let privateKeyDecimal = BigInteger(pk).toString()
-                let privateKeyHex = Crypto.util.bytesToHex(pk)
-                return {
-                    privateKeyDecimal: privateKeyDecimal,
-                    privateKeyHex: privateKeyHex
-                }
-            }
-        },
-
-        //generate a random Interger within range
-        randInt: function(min, max) {
-            min = Math.ceil(min);
-            max = Math.floor(max);
-            return Math.floor(Math.random() * (max - min + 1)) + min;
-        },
-
-        //generate a random String within length (options : alphaNumeric chars only)
-        randString: function(length, alphaNumeric = true) {
-            var result = '';
-            if (alphaNumeric)
-                var characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
-            else
-                var characters =
-                    'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789_+-./*?@#&$<>=[]{}():';
-            for (var i = 0; i < length; i++)
-                result += characters.charAt(Math.floor(Math.random() * characters.length));
-            return result;
-        },
-
-        //Encrypt Data using public-key
-        encryptData: function(data, receiverCompressedPublicKey) {
-            var senderECKeyData = this.util.getSenderPublicKeyString();
-            var senderDerivedKey = this.util.deriveSharedKeySender(receiverCompressedPublicKey, senderECKeyData
-                .privateKey);
-            let senderKey = senderDerivedKey.XValue + senderDerivedKey.YValue;
-            let secret = Crypto.AES.encrypt(data, senderKey);
-            return {
-                secret: secret,
-                senderPublicKeyString: senderECKeyData.senderPublicKeyString
-            };
-        },
-
-        //Decrypt Data using private-key
-        decryptData: function(data, myPrivateKey) {
-            var receiverECKeyData = {};
-            if (typeof myPrivateKey !== "string") throw new Error("No private key found.");
-
-            let privateKey = this.util.wifToDecimal(myPrivateKey, true);
-            if (typeof privateKey.privateKeyDecimal !== "string") throw new Error(
-                "Failed to detremine your private key.");
-            receiverECKeyData.privateKey = privateKey.privateKeyDecimal;
-
-            var receiverDerivedKey = this.util.deriveReceiverSharedKey(data.senderPublicKeyString,
-                receiverECKeyData
-                .privateKey);
-
-            let receiverKey = receiverDerivedKey.XValue + receiverDerivedKey.YValue;
-            let decryptMsg = Crypto.AES.decrypt(data.secret, receiverKey);
-            return decryptMsg;
-        },
-
-        //Sign data using private-key
-        signData: function(data, privateKeyHex) {
-            var key = new Bitcoin.ECKey(privateKeyHex);
-            key.setCompressed(true);
-
-            var privateKeyArr = key.getBitcoinPrivateKeyByteArray();
-            var privateKey = BigInteger.fromByteArrayUnsigned(privateKeyArr);
-            var messageHash = Crypto.SHA256(data);
-
-            var messageHashBigInteger = new BigInteger(messageHash);
-            var messageSign = Bitcoin.ECDSA.sign(messageHashBigInteger, key.priv);
-
-            var sighex = Crypto.util.bytesToHex(messageSign);
-            return sighex;
-        },
-
-        //Verify signatue of the data using public-key
-        verifySign: function(data, signatureHex, publicKeyHex) {
-            var msgHash = Crypto.SHA256(data);
-            var messageHashBigInteger = new BigInteger(msgHash);
-
-            var sigBytes = Crypto.util.hexToBytes(signatureHex);
-            var signature = Bitcoin.ECDSA.parseSig(sigBytes);
-
-            var publicKeyPoint = this.util.ecparams.getCurve().decodePointHex(publicKeyHex);
-
-            var verify = Bitcoin.ECDSA.verifyRaw(messageHashBigInteger, signature.r, signature.s,
-                publicKeyPoint);
-            return verify;
-        },
-
-        //Generates a new flo ID and returns private-key, public-key and floID
-        generateNewID: function() {
-            try {
-                var key = new Bitcoin.ECKey(false);
-                key.setCompressed(true);
-                return {
-                    floID: key.getBitcoinAddress(),
-                    pubKey: key.getPubKeyHex(),
-                    privKey: key.getBitcoinWalletImportFormat()
-                }
-            } catch (e) {
-                console.error(e);
-            }
-        },
-
-        //Returns public-key from private-key
-        getPubKeyHex: function(privateKeyHex) {
-            if (!privateKeyHex)
-                return null;
-            var key = new Bitcoin.ECKey(privateKeyHex);
-            if (key.priv == null)
-                return null;
-            key.setCompressed(true);
-            return key.getPubKeyHex();
-        },
-
-        //Returns flo-ID from public-key or private-key
-        getFloID: function(keyHex) {
-            if (!keyHex)
-                return null;
-            try {
-                var key = new Bitcoin.ECKey(keyHex);
-                if (key.priv == null)
-                    key.setPub(keyHex);
-                return key.getBitcoinAddress();
-            } catch (e) {
-                return null;
-            }
-        },
-
-        //Verify the private-key for the given public-key or flo-ID
-        verifyPrivKey: function(privateKeyHex, pubKey_floID, isfloID = true) {
-            if (!privateKeyHex || !pubKey_floID)
-                return false;
-            try {
-                var key = new Bitcoin.ECKey(privateKeyHex);
-                if (key.priv == null)
-                    return false;
-                key.setCompressed(true);
-                if (isfloID && pubKey_floID == key.getBitcoinAddress())
-                    return true;
-                else if (!isfloID && pubKey_floID == key.getPubKeyHex())
-                    return true;
-                else
-                    return false;
-            } catch (e) {
-                console.error(e);
-            }
-        },
-
-        //Check if the given Address is valid or not
-        validateAddr: function(inpAddr) {
-            if (!inpAddr)
-                return false;
-            try {
-                var addr = new Bitcoin.Address(inpAddr);
-                return true;
-            } catch {
-                return false;
-            }
-        },
-
-        //Split the str using shamir's Secret and Returns the shares 
-        createShamirsSecretShares: function(str, total_shares, threshold_limit) {
-            try {
-                if (str.length > 0) {
-                    var strHex = shamirSecretShare.str2hex(str);
-                    var shares = shamirSecretShare.share(strHex, total_shares, threshold_limit);
-                    return shares;
-                }
-                return false;
-            } catch {
-                return false
-            }
-        },
-
-        //Verifies the shares and str
-        verifyShamirsSecret: function(sharesArray, str) {
-            return (str && this.retrieveShamirSecret(sharesArray) === str)
-        },
-
-        //Returns the retrived secret by combining the shamirs shares
-        retrieveShamirSecret: function(sharesArray) {
-            try {
-                if (sharesArray.length > 0) {
-                    var comb = shamirSecretShare.combine(sharesArray.slice(0, sharesArray.length));
-                    comb = shamirSecretShare.hex2str(comb);
-                    return comb;
-                }
-                return false;
-            } catch {
-                return false;
-            }
-        },
-
-        validateASCII: function(string, bool = true) {
-            if (typeof string !== "string")
-                return null;
-            if (bool) {
-                let x;
-                for (let i = 0; i < string.length; i++) {
-                    x = string.charCodeAt(i);
-                    if (x < 32 || x > 127)
-                        return false;
-                }
-                return true;
-            } else {
-                let x, invalids = {};
-                for (let i = 0; i < string.length; i++) {
-                    x = string.charCodeAt(i);
-                    if (x < 32 || x > 127)
-                        if (x in invalids)
-                            invalids[string[i]].push(i)
-                    else
-                        invalids[string[i]] = [i];
-                }
-                if (Object.keys(invalids).length)
-                    return invalids;
-                else
-                    return true;
-            }
-        },
-
-        convertToASCII: function(string, mode = 'soft-remove') {
-            let chars = this.validateASCII(string, false);
-            if (chars === true)
-                return string;
-            else if (chars === null)
-                return null;
-            let convertor, result = string,
-                refAlt = {};
-            this.util.asciiAlternatives.split('\n').forEach(a => refAlt[a[0]] = a.slice(2));
-            mode = mode.toLowerCase();
-            if (mode === "hard-unicode")
-                convertor = (c) => `\\u${('000'+c.charCodeAt().toString(16)).slice(-4)}`;
-            else if (mode === "soft-unicode")
-                convertor = (c) => refAlt[c] || `\\u${('000'+c.charCodeAt().toString(16)).slice(-4)}`;
-            else if (mode === "hard-remove")
-                convertor = c => "";
-            else if (mode === "soft-remove")
-                convertor = c => refAlt[c] || "";
-            else
-                return null;
-            for (let c in chars)
-                result = result.replaceAll(c, convertor(c));
-            return result;
-        },
-
-        revertUnicode: function(string) {
-            return string.replace(/\\u[\dA-F]{4}/gi,
-                m => String.fromCharCode(parseInt(m.replace(/\\u/g, ''), 16)));
+    function getSenderPublicKeyString() {
+        let privateKey = ellipticCurveEncryption.senderRandom();
+        var senderPublicKeyString = ellipticCurveEncryption.senderPublicString(privateKey);
+        return {
+            privateKey: privateKey,
+            senderPublicKeyString: senderPublicKeyString
         }
     }
 
-})(typeof global !== "undefined" ? global : window);
\ No newline at end of file
+    function deriveSharedKeySender(receiverPublicKeyHex, senderPrivateKey) {
+        let receiverPublicKeyString = getUncompressedPublicKey(receiverPublicKeyHex);
+        var senderDerivedKey = ellipticCurveEncryption.senderSharedKeyDerivation(
+            receiverPublicKeyString.x, receiverPublicKeyString.y, senderPrivateKey);
+        return senderDerivedKey;
+    }
+
+    function deriveSharedKeyReceiver(senderPublicKeyString, receiverPrivateKey) {
+        return ellipticCurveEncryption.receiverSharedKeyDerivation(
+            senderPublicKeyString.XValuePublicString, senderPublicKeyString.YValuePublicString, receiverPrivateKey);
+    }
+
+    function getReceiverPublicKeyString(privateKey) {
+        return ellipticCurveEncryption.receiverPublicString(privateKey);
+    }
+
+    function wifToDecimal(pk_wif, isPubKeyCompressed = false) {
+        let pk = Bitcoin.Base58.decode(pk_wif)
+        pk.shift()
+        pk.splice(-4, 4)
+        //If the private key corresponded to a compressed public key, also drop the last byte (it should be 0x01).
+        if (isPubKeyCompressed == true) pk.pop()
+        pk.unshift(0)
+        let privateKeyDecimal = BigInteger(pk).toString()
+        let privateKeyHex = Crypto.util.bytesToHex(pk)
+        return {
+            privateKeyDecimal: privateKeyDecimal,
+            privateKeyHex: privateKeyHex
+        }
+    }
+
+    //generate a random Interger within range
+    floCrypto.randInt = function(min, max) {
+        min = Math.ceil(min);
+        max = Math.floor(max);
+        return Math.floor(Math.random() * (max - min + 1)) + min;
+    }
+
+    //generate a random String within length (options : alphaNumeric chars only)
+    floCrypto.randString = function(length, alphaNumeric = true) {
+        var result = '';
+        var characters = alphaNumeric ? 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789' :
+            'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789_+-./*?@#&$<>=[]{}():';
+        for (var i = 0; i < length; i++)
+            result += characters.charAt(Math.floor(Math.random() * characters.length));
+        return result;
+    }
+
+    //Encrypt Data using public-key
+    floCrypto.encryptData = function(data, receiverPublicKeyHex) {
+        var senderECKeyData = getSenderPublicKeyString();
+        var senderDerivedKey = deriveSharedKeySender(receiverPublicKeyHex, senderECKeyData.privateKey);
+        let senderKey = senderDerivedKey.XValue + senderDerivedKey.YValue;
+        let secret = Crypto.AES.encrypt(data, senderKey);
+        return {
+            secret: secret,
+            senderPublicKeyString: senderECKeyData.senderPublicKeyString
+        };
+    }
+
+    //Decrypt Data using private-key
+    floCrypto.decryptData = function(data, privateKeyHex) {
+        var receiverECKeyData = {};
+        if (typeof privateKeyHex !== "string") throw new Error("No private key found.");
+        let privateKey = wifToDecimal(privateKeyHex, true);
+        if (typeof privateKey.privateKeyDecimal !== "string") throw new Error("Failed to detremine your private key.");
+        receiverECKeyData.privateKey = privateKey.privateKeyDecimal;
+        var receiverDerivedKey = deriveSharedKeyReceiver(data.senderPublicKeyString, receiverECKeyData.privateKey);
+        let receiverKey = receiverDerivedKey.XValue + receiverDerivedKey.YValue;
+        let decryptMsg = Crypto.AES.decrypt(data.secret, receiverKey);
+        return decryptMsg;
+    }
+
+    //Sign data using private-key
+    floCrypto.signData = function(data, privateKeyHex) {
+        var key = new Bitcoin.ECKey(privateKeyHex);
+        key.setCompressed(true);
+        var privateKeyArr = key.getBitcoinPrivateKeyByteArray();
+        var privateKey = BigInteger.fromByteArrayUnsigned(privateKeyArr);
+        var messageHash = Crypto.SHA256(data);
+        var messageHashBigInteger = new BigInteger(messageHash);
+        var messageSign = Bitcoin.ECDSA.sign(messageHashBigInteger, key.priv);
+        var sighex = Crypto.util.bytesToHex(messageSign);
+        return sighex;
+    }
+
+    //Verify signatue of the data using public-key
+    floCrypto.verifySign = function(data, signatureHex, publicKeyHex) {
+        var msgHash = Crypto.SHA256(data);
+        var messageHashBigInteger = new BigInteger(msgHash);
+        var sigBytes = Crypto.util.hexToBytes(signatureHex);
+        var signature = Bitcoin.ECDSA.parseSig(sigBytes);
+        var publicKeyPoint = ecparams.getCurve().decodePointHex(publicKeyHex);
+        var verify = Bitcoin.ECDSA.verifyRaw(messageHashBigInteger, signature.r, signature.s, publicKeyPoint);
+        return verify;
+    }
+
+    //Generates a new flo ID and returns private-key, public-key and floID
+    const generateNewID = floCrypto.generateNewID = function() {
+        var key = new Bitcoin.ECKey(false);
+        key.setCompressed(true);
+        return {
+            floID: key.getBitcoinAddress(),
+            pubKey: key.getPubKeyHex(),
+            privKey: key.getBitcoinWalletImportFormat()
+        }
+    }
+
+    Object.defineProperty(floCrypto, 'newID', {
+        get: () => generateNewID()
+    });
+
+    //Returns public-key from private-key
+    floCrypto.getPubKeyHex = function(privateKeyHex) {
+        if (!privateKeyHex)
+            return null;
+        var key = new Bitcoin.ECKey(privateKeyHex);
+        if (key.priv == null)
+            return null;
+        key.setCompressed(true);
+        return key.getPubKeyHex();
+    }
+
+    //Returns flo-ID from public-key or private-key
+    floCrypto.getFloID = function(keyHex) {
+        if (!keyHex)
+            return null;
+        try {
+            var key = new Bitcoin.ECKey(keyHex);
+            if (key.priv == null)
+                key.setPub(keyHex);
+            return key.getBitcoinAddress();
+        } catch {
+            return null;
+        }
+    }
+
+    //Verify the private-key for the given public-key or flo-ID
+    floCrypto.verifyPrivKey = function(privateKeyHex, pubKey_floID, isfloID = true) {
+        if (!privateKeyHex || !pubKey_floID)
+            return false;
+        try {
+            var key = new Bitcoin.ECKey(privateKeyHex);
+            if (key.priv == null)
+                return false;
+            key.setCompressed(true);
+            if (isfloID && pubKey_floID == key.getBitcoinAddress())
+                return true;
+            else if (!isfloID && pubKey_floID == key.getPubKeyHex())
+                return true;
+            else
+                return false;
+        } catch {
+            return null;
+        }
+    }
+
+    //Check if the given Address is valid or not
+    floCrypto.validateFloID = floCrypto.validateAddr = function(inpAddr) {
+        if (!inpAddr)
+            return false;
+        try {
+            let addr = new Bitcoin.Address(inpAddr);
+            return true;
+        } catch {
+            return false;
+        }
+    }
+
+    //Split the str using shamir's Secret and Returns the shares 
+    floCrypto.createShamirsSecretShares = function(str, total_shares, threshold_limit) {
+        try {
+            if (str.length > 0) {
+                var strHex = shamirSecretShare.str2hex(str);
+                var shares = shamirSecretShare.share(strHex, total_shares, threshold_limit);
+                return shares;
+            }
+            return false;
+        } catch {
+            return false
+        }
+    }
+
+    //Returns the retrived secret by combining the shamirs shares
+    const retrieveShamirSecret = floCrypto.retrieveShamirSecret = function(sharesArray) {
+        try {
+            if (sharesArray.length > 0) {
+                var comb = shamirSecretShare.combine(sharesArray.slice(0, sharesArray.length));
+                comb = shamirSecretShare.hex2str(comb);
+                return comb;
+            }
+            return false;
+        } catch {
+            return false;
+        }
+    }
+
+    //Verifies the shares and str
+    floCrypto.verifyShamirsSecret = function(sharesArray, str) {
+        if (!str)
+            return null;
+        else if (retrieveShamirSecret(sharesArray) === str)
+            return true;
+        else
+            return false;
+    }
+
+    const validateASCII = floCrypto.validateASCII = function(string, bool = true) {
+        if (typeof string !== "string")
+            return null;
+        if (bool) {
+            let x;
+            for (let i = 0; i < string.length; i++) {
+                x = string.charCodeAt(i);
+                if (x < 32 || x > 127)
+                    return false;
+            }
+            return true;
+        } else {
+            let x, invalids = {};
+            for (let i = 0; i < string.length; i++) {
+                x = string.charCodeAt(i);
+                if (x < 32 || x > 127)
+                    if (x in invalids)
+                        invalids[string[i]].push(i)
+                else
+                    invalids[string[i]] = [i];
+            }
+            if (Object.keys(invalids).length)
+                return invalids;
+            else
+                return true;
+        }
+    }
+
+    floCrypto.convertToASCII = function(string, mode = 'soft-remove') {
+        let chars = validateASCII(string, false);
+        if (chars === true)
+            return string;
+        else if (chars === null)
+            return null;
+        let convertor, result = string,
+            refAlt = {};
+        ascii_alternatives.split('\n').forEach(a => refAlt[a[0]] = a.slice(2));
+        mode = mode.toLowerCase();
+        if (mode === "hard-unicode")
+            convertor = (c) => `\\u${('000'+c.charCodeAt().toString(16)).slice(-4)}`;
+        else if (mode === "soft-unicode")
+            convertor = (c) => refAlt[c] || `\\u${('000'+c.charCodeAt().toString(16)).slice(-4)}`;
+        else if (mode === "hard-remove")
+            convertor = c => "";
+        else if (mode === "soft-remove")
+            convertor = c => refAlt[c] || "";
+        else
+            return null;
+        for (let c in chars)
+            result = result.replaceAll(c, convertor(c));
+        return result;
+    }
+
+    floCrypto.revertUnicode = function(string) {
+        return string.replace(/\\u[\dA-F]{4}/gi,
+            m => String.fromCharCode(parseInt(m.replace(/\\u/g, ''), 16)));
+    }
+
+})('object' === typeof module ? module.exports : window.floCrypto = {});
\ No newline at end of file
diff --git a/docs/scripts/lib.js b/docs/scripts/lib.js
index 0608f03..80afa89 100644
--- a/docs/scripts/lib.js
+++ b/docs/scripts/lib.js
@@ -1,1378 +1,976 @@
-(typeof global !== "undefined" ? global : window).cryptocoin = floGlobals.blockchain;
-/*  Util Libraries required for Standard operations
-    All credits for these codes belong to their respective creators, moderators and owners.
-    For more info on licence for these codes, visit respective source.
-*/
-'use strict';
-//Crypto.js
-(function(GLOBAL) {
-    // Global Crypto object
-    var Crypto = GLOBAL.Crypto = {};
-    /*!
-     * Crypto-JS v2.5.4  Crypto.js
-     * http://code.google.com/p/crypto-js/
-     * Copyright (c) 2009-2013, Jeff Mott. All rights reserved.
-     * http://code.google.com/p/crypto-js/wiki/License
+(function(GLOBAL) { //lib v1.2.2a
+    'use strict';
+    /* Utility Libraries required for Standard operations
+     * All credits for these codes belong to their respective creators, moderators and owners.
+     * For more info (including license and terms of use), please visit respective source.
      */
+    GLOBAL.cryptocoin = (typeof floGlobals === 'undefined' ? null : floGlobals.blockchain) || 'FLO';
+
+    //Crypto.js
     (function() {
+        // Global Crypto object
+        var Crypto = GLOBAL.Crypto = {};
+        /*!
+         * Crypto-JS v2.5.4  Crypto.js
+         * http://code.google.com/p/crypto-js/
+         * Copyright (c) 2009-2013, Jeff Mott. All rights reserved.
+         * http://code.google.com/p/crypto-js/wiki/License
+         */
+        (function() {
 
-        var base64map = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
+            var base64map = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
 
-        // Crypto utilities
-        var util = Crypto.util = {
+            // Crypto utilities
+            var util = Crypto.util = {
 
-            // Bit-wise rotate left
-            rotl: function(n, b) {
-                return (n << b) | (n >>> (32 - b));
-            },
+                // Bit-wise rotate left
+                rotl: function(n, b) {
+                    return (n << b) | (n >>> (32 - b));
+                },
 
-            // Bit-wise rotate right
-            rotr: function(n, b) {
-                return (n << (32 - b)) | (n >>> b);
-            },
+                // Bit-wise rotate right
+                rotr: function(n, b) {
+                    return (n << (32 - b)) | (n >>> b);
+                },
 
-            // Swap big-endian to little-endian and vice versa
-            endian: function(n) {
+                // Swap big-endian to little-endian and vice versa
+                endian: function(n) {
 
-                // If number given, swap endian
-                if (n.constructor == Number) {
-                    return util.rotl(n, 8) & 0x00FF00FF |
-                        util.rotl(n, 24) & 0xFF00FF00;
-                }
-
-                // Else, assume array and swap all items
-                for (var i = 0; i < n.length; i++)
-                    n[i] = util.endian(n[i]);
-                return n;
-
-            },
-
-            // Generate an array of any length of random bytes
-            randomBytes: function(n) {
-                for (var bytes = []; n > 0; n--)
-                    bytes.push(Math.floor(Math.random() * 256));
-                return bytes;
-            },
-
-            // Convert a byte array to big-endian 32-bit words
-            bytesToWords: function(bytes) {
-                for (var words = [], i = 0, b = 0; i < bytes.length; i++, b += 8)
-                    words[b >>> 5] |= (bytes[i] & 0xFF) << (24 - b % 32);
-                return words;
-            },
-
-            // Convert big-endian 32-bit words to a byte array
-            wordsToBytes: function(words) {
-                for (var bytes = [], b = 0; b < words.length * 32; b += 8)
-                    bytes.push((words[b >>> 5] >>> (24 - b % 32)) & 0xFF);
-                return bytes;
-            },
-
-            // Convert a byte array to a hex string
-            bytesToHex: function(bytes) {
-                for (var hex = [], i = 0; i < bytes.length; i++) {
-                    hex.push((bytes[i] >>> 4).toString(16));
-                    hex.push((bytes[i] & 0xF).toString(16));
-                }
-                return hex.join("");
-            },
-
-            // Convert a hex string to a byte array
-            hexToBytes: function(hex) {
-                for (var bytes = [], c = 0; c < hex.length; c += 2)
-                    bytes.push(parseInt(hex.substr(c, 2), 16));
-                return bytes;
-            },
-
-            // Convert a byte array to a base-64 string
-            bytesToBase64: function(bytes) {
-                for (var base64 = [], i = 0; i < bytes.length; i += 3) {
-                    var triplet = (bytes[i] << 16) | (bytes[i + 1] << 8) | bytes[i + 2];
-                    for (var j = 0; j < 4; j++) {
-                        if (i * 8 + j * 6 <= bytes.length * 8)
-                            base64.push(base64map.charAt((triplet >>> 6 * (3 - j)) & 0x3F));
-                        else base64.push("=");
-                    }
-                }
-
-                return base64.join("");
-            },
-
-            // Convert a base-64 string to a byte array
-            base64ToBytes: function(base64) {
-                // Remove non-base-64 characters
-                base64 = base64.replace(/[^A-Z0-9+\/]/ig, "");
-
-                for (var bytes = [], i = 0, imod4 = 0; i < base64.length; imod4 = ++i % 4) {
-                    if (imod4 == 0) continue;
-                    bytes.push(((base64map.indexOf(base64.charAt(i - 1)) & (Math.pow(2, -2 * imod4 + 8) - 1)) << (imod4 * 2)) |
-                        (base64map.indexOf(base64.charAt(i)) >>> (6 - imod4 * 2)));
-                }
-
-                return bytes;
-            }
-
-        };
-
-        // Crypto character encodings
-        var charenc = Crypto.charenc = {};
-
-        // UTF-8 encoding
-        var UTF8 = charenc.UTF8 = {
-
-            // Convert a string to a byte array
-            stringToBytes: function(str) {
-                return Binary.stringToBytes(unescape(encodeURIComponent(str)));
-            },
-
-            // Convert a byte array to a string
-            bytesToString: function(bytes) {
-                return decodeURIComponent(escape(Binary.bytesToString(bytes)));
-            }
-
-        };
-
-        // Binary encoding
-        var Binary = charenc.Binary = {
-
-            // Convert a string to a byte array
-            stringToBytes: function(str) {
-                for (var bytes = [], i = 0; i < str.length; i++)
-                    bytes.push(str.charCodeAt(i) & 0xFF);
-                return bytes;
-            },
-
-            // Convert a byte array to a string
-            bytesToString: function(bytes) {
-                for (var str = [], i = 0; i < bytes.length; i++)
-                    str.push(String.fromCharCode(bytes[i]));
-                return str.join("");
-            }
-
-        };
-
-    })();
-    //Adding SHA1 to fix basic PKBDF2
-    /*
-     * Crypto-JS v2.5.4
-     * http://code.google.com/p/crypto-js/
-     * (c) 2009-2012 by Jeff Mott. All rights reserved.
-     * http://code.google.com/p/crypto-js/wiki/License
-     */
-    (function() {
-
-        // Shortcuts
-        var C = Crypto,
-            util = C.util,
-            charenc = C.charenc,
-            UTF8 = charenc.UTF8,
-            Binary = charenc.Binary;
-
-        // Public API
-        var SHA1 = C.SHA1 = function(message, options) {
-            var digestbytes = util.wordsToBytes(SHA1._sha1(message));
-            return options && options.asBytes ? digestbytes :
-                options && options.asString ? Binary.bytesToString(digestbytes) :
-                util.bytesToHex(digestbytes);
-        };
-
-        // The core
-        SHA1._sha1 = function(message) {
-
-            // Convert to byte array
-            if (message.constructor == String) message = UTF8.stringToBytes(message);
-            /* else, assume byte array already */
-
-            var m = util.bytesToWords(message),
-                l = message.length * 8,
-                w = [],
-                H0 = 1732584193,
-                H1 = -271733879,
-                H2 = -1732584194,
-                H3 = 271733878,
-                H4 = -1009589776;
-
-            // Padding
-            m[l >> 5] |= 0x80 << (24 - l % 32);
-            m[((l + 64 >>> 9) << 4) + 15] = l;
-
-            for (var i = 0; i < m.length; i += 16) {
-
-                var a = H0,
-                    b = H1,
-                    c = H2,
-                    d = H3,
-                    e = H4;
-
-                for (var j = 0; j < 80; j++) {
-
-                    if (j < 16) w[j] = m[i + j];
-                    else {
-                        var n = w[j - 3] ^ w[j - 8] ^ w[j - 14] ^ w[j - 16];
-                        w[j] = (n << 1) | (n >>> 31);
+                    // If number given, swap endian
+                    if (n.constructor == Number) {
+                        return util.rotl(n, 8) & 0x00FF00FF |
+                            util.rotl(n, 24) & 0xFF00FF00;
                     }
 
-                    var t = ((H0 << 5) | (H0 >>> 27)) + H4 + (w[j] >>> 0) + (
-                        j < 20 ? (H1 & H2 | ~H1 & H3) + 1518500249 :
-                        j < 40 ? (H1 ^ H2 ^ H3) + 1859775393 :
-                        j < 60 ? (H1 & H2 | H1 & H3 | H2 & H3) - 1894007588 :
-                        (H1 ^ H2 ^ H3) - 899497514);
+                    // Else, assume array and swap all items
+                    for (var i = 0; i < n.length; i++)
+                        n[i] = util.endian(n[i]);
+                    return n;
 
-                    H4 = H3;
-                    H3 = H2;
-                    H2 = (H1 << 30) | (H1 >>> 2);
-                    H1 = H0;
-                    H0 = t;
+                },
+
+                // Generate an array of any length of random bytes
+                randomBytes: function(n) {
+                    for (var bytes = []; n > 0; n--)
+                        bytes.push(Math.floor(Math.random() * 256));
+                    return bytes;
+                },
+
+                // Convert a byte array to big-endian 32-bit words
+                bytesToWords: function(bytes) {
+                    for (var words = [], i = 0, b = 0; i < bytes.length; i++, b += 8)
+                        words[b >>> 5] |= (bytes[i] & 0xFF) << (24 - b % 32);
+                    return words;
+                },
+
+                // Convert big-endian 32-bit words to a byte array
+                wordsToBytes: function(words) {
+                    for (var bytes = [], b = 0; b < words.length * 32; b += 8)
+                        bytes.push((words[b >>> 5] >>> (24 - b % 32)) & 0xFF);
+                    return bytes;
+                },
+
+                // Convert a byte array to a hex string
+                bytesToHex: function(bytes) {
+                    for (var hex = [], i = 0; i < bytes.length; i++) {
+                        hex.push((bytes[i] >>> 4).toString(16));
+                        hex.push((bytes[i] & 0xF).toString(16));
+                    }
+                    return hex.join("");
+                },
+
+                // Convert a hex string to a byte array
+                hexToBytes: function(hex) {
+                    for (var bytes = [], c = 0; c < hex.length; c += 2)
+                        bytes.push(parseInt(hex.substr(c, 2), 16));
+                    return bytes;
+                },
+
+                // Convert a byte array to a base-64 string
+                bytesToBase64: function(bytes) {
+                    for (var base64 = [], i = 0; i < bytes.length; i += 3) {
+                        var triplet = (bytes[i] << 16) | (bytes[i + 1] << 8) | bytes[i + 2];
+                        for (var j = 0; j < 4; j++) {
+                            if (i * 8 + j * 6 <= bytes.length * 8)
+                                base64.push(base64map.charAt((triplet >>> 6 * (3 - j)) & 0x3F));
+                            else base64.push("=");
+                        }
+                    }
+
+                    return base64.join("");
+                },
+
+                // Convert a base-64 string to a byte array
+                base64ToBytes: function(base64) {
+                    // Remove non-base-64 characters
+                    base64 = base64.replace(/[^A-Z0-9+\/]/ig, "");
+
+                    for (var bytes = [], i = 0, imod4 = 0; i < base64.length; imod4 = ++i % 4) {
+                        if (imod4 == 0) continue;
+                        bytes.push(((base64map.indexOf(base64.charAt(i - 1)) & (Math.pow(2, -2 * imod4 + 8) - 1)) << (imod4 * 2)) |
+                            (base64map.indexOf(base64.charAt(i)) >>> (6 - imod4 * 2)));
+                    }
+
+                    return bytes;
+                }
+
+            };
+
+            // Crypto character encodings
+            var charenc = Crypto.charenc = {};
+
+            // UTF-8 encoding
+            var UTF8 = charenc.UTF8 = {
+
+                // Convert a string to a byte array
+                stringToBytes: function(str) {
+                    return Binary.stringToBytes(unescape(encodeURIComponent(str)));
+                },
+
+                // Convert a byte array to a string
+                bytesToString: function(bytes) {
+                    return decodeURIComponent(escape(Binary.bytesToString(bytes)));
+                }
+
+            };
+
+            // Binary encoding
+            var Binary = charenc.Binary = {
+
+                // Convert a string to a byte array
+                stringToBytes: function(str) {
+                    for (var bytes = [], i = 0; i < str.length; i++)
+                        bytes.push(str.charCodeAt(i) & 0xFF);
+                    return bytes;
+                },
+
+                // Convert a byte array to a string
+                bytesToString: function(bytes) {
+                    for (var str = [], i = 0; i < bytes.length; i++)
+                        str.push(String.fromCharCode(bytes[i]));
+                    return str.join("");
+                }
+
+            };
+
+        })();
+        //Adding SHA1 to fix basic PKBDF2
+        /*
+         * Crypto-JS v2.5.4
+         * http://code.google.com/p/crypto-js/
+         * (c) 2009-2012 by Jeff Mott. All rights reserved.
+         * http://code.google.com/p/crypto-js/wiki/License
+         */
+        (function() {
+
+            // Shortcuts
+            var C = Crypto,
+                util = C.util,
+                charenc = C.charenc,
+                UTF8 = charenc.UTF8,
+                Binary = charenc.Binary;
+
+            // Public API
+            var SHA1 = C.SHA1 = function(message, options) {
+                var digestbytes = util.wordsToBytes(SHA1._sha1(message));
+                return options && options.asBytes ? digestbytes :
+                    options && options.asString ? Binary.bytesToString(digestbytes) :
+                    util.bytesToHex(digestbytes);
+            };
+
+            // The core
+            SHA1._sha1 = function(message) {
+
+                // Convert to byte array
+                if (message.constructor == String) message = UTF8.stringToBytes(message);
+                /* else, assume byte array already */
+
+                var m = util.bytesToWords(message),
+                    l = message.length * 8,
+                    w = [],
+                    H0 = 1732584193,
+                    H1 = -271733879,
+                    H2 = -1732584194,
+                    H3 = 271733878,
+                    H4 = -1009589776;
+
+                // Padding
+                m[l >> 5] |= 0x80 << (24 - l % 32);
+                m[((l + 64 >>> 9) << 4) + 15] = l;
+
+                for (var i = 0; i < m.length; i += 16) {
+
+                    var a = H0,
+                        b = H1,
+                        c = H2,
+                        d = H3,
+                        e = H4;
+
+                    for (var j = 0; j < 80; j++) {
+
+                        if (j < 16) w[j] = m[i + j];
+                        else {
+                            var n = w[j - 3] ^ w[j - 8] ^ w[j - 14] ^ w[j - 16];
+                            w[j] = (n << 1) | (n >>> 31);
+                        }
+
+                        var t = ((H0 << 5) | (H0 >>> 27)) + H4 + (w[j] >>> 0) + (
+                            j < 20 ? (H1 & H2 | ~H1 & H3) + 1518500249 :
+                            j < 40 ? (H1 ^ H2 ^ H3) + 1859775393 :
+                            j < 60 ? (H1 & H2 | H1 & H3 | H2 & H3) - 1894007588 :
+                            (H1 ^ H2 ^ H3) - 899497514);
+
+                        H4 = H3;
+                        H3 = H2;
+                        H2 = (H1 << 30) | (H1 >>> 2);
+                        H1 = H0;
+                        H0 = t;
+
+                    }
+
+                    H0 += a;
+                    H1 += b;
+                    H2 += c;
+                    H3 += d;
+                    H4 += e;
 
                 }
 
-                H0 += a;
-                H1 += b;
-                H2 += c;
-                H3 += d;
-                H4 += e;
+                return [H0, H1, H2, H3, H4];
 
-            }
+            };
 
-            return [H0, H1, H2, H3, H4];
+            // Package private blocksize
+            SHA1._blocksize = 16;
 
-        };
+            SHA1._digestsize = 20;
 
-        // Package private blocksize
-        SHA1._blocksize = 16;
+        })();
 
-        SHA1._digestsize = 20;
+        //Added to make PKBDF2 work
+        /*
+         * Crypto-JS v2.5.4
+         * http://code.google.com/p/crypto-js/
+         * (c) 2009-2012 by Jeff Mott. All rights reserved.
+         * http://code.google.com/p/crypto-js/wiki/License
+         */
+        (function() {
 
-    })();
+            // Shortcuts
+            var C = Crypto,
+                util = C.util,
+                charenc = C.charenc,
+                UTF8 = charenc.UTF8,
+                Binary = charenc.Binary;
 
-    //Added to make PKBDF2 work
-    /*
-     * Crypto-JS v2.5.4
-     * http://code.google.com/p/crypto-js/
-     * (c) 2009-2012 by Jeff Mott. All rights reserved.
-     * http://code.google.com/p/crypto-js/wiki/License
-     */
-    (function() {
+            C.HMAC = function(hasher, message, key, options) {
 
-        // Shortcuts
-        var C = Crypto,
-            util = C.util,
-            charenc = C.charenc,
-            UTF8 = charenc.UTF8,
-            Binary = charenc.Binary;
+                // Convert to byte arrays
+                if (message.constructor == String) message = UTF8.stringToBytes(message);
+                if (key.constructor == String) key = UTF8.stringToBytes(key);
+                /* else, assume byte arrays already */
 
-        C.HMAC = function(hasher, message, key, options) {
+                // Allow arbitrary length keys
+                if (key.length > hasher._blocksize * 4)
+                    key = hasher(key, {
+                        asBytes: true
+                    });
 
-            // Convert to byte arrays
-            if (message.constructor == String) message = UTF8.stringToBytes(message);
-            if (key.constructor == String) key = UTF8.stringToBytes(key);
-            /* else, assume byte arrays already */
+                // XOR keys with pad constants
+                var okey = key.slice(0),
+                    ikey = key.slice(0);
+                for (var i = 0; i < hasher._blocksize * 4; i++) {
+                    okey[i] ^= 0x5C;
+                    ikey[i] ^= 0x36;
+                }
 
-            // Allow arbitrary length keys
-            if (key.length > hasher._blocksize * 4)
-                key = hasher(key, {
+                var hmacbytes = hasher(okey.concat(hasher(ikey.concat(message), {
+                    asBytes: true
+                })), {
                     asBytes: true
                 });
 
-            // XOR keys with pad constants
-            var okey = key.slice(0),
-                ikey = key.slice(0);
-            for (var i = 0; i < hasher._blocksize * 4; i++) {
-                okey[i] ^= 0x5C;
-                ikey[i] ^= 0x36;
-            }
+                return options && options.asBytes ? hmacbytes :
+                    options && options.asString ? Binary.bytesToString(hmacbytes) :
+                    util.bytesToHex(hmacbytes);
 
-            var hmacbytes = hasher(okey.concat(hasher(ikey.concat(message), {
-                asBytes: true
-            })), {
-                asBytes: true
-            });
-
-            return options && options.asBytes ? hmacbytes :
-                options && options.asString ? Binary.bytesToString(hmacbytes) :
-                util.bytesToHex(hmacbytes);
-
-        };
-
-    })();
-
-
-    //crypto-sha256-hmac.js
-    /*
-     * Crypto-JS v2.5.4
-     * http://code.google.com/p/crypto-js/
-     * (c) 2009-2012 by Jeff Mott. All rights reserved.
-     * http://code.google.com/p/crypto-js/wiki/License
-     */
-    (function() {
-        var d = Crypto,
-            k = d.util,
-            g = d.charenc,
-            b = g.UTF8,
-            a = g.Binary,
-            c = [1116352408, 1899447441, 3049323471, 3921009573, 961987163, 1508970993, 2453635748, 2870763221,
-                3624381080, 310598401, 607225278, 1426881987, 1925078388, 2162078206, 2614888103, 3248222580,
-                3835390401, 4022224774, 264347078, 604807628, 770255983, 1249150122, 1555081692, 1996064986,
-                2554220882, 2821834349, 2952996808, 3210313671, 3336571891, 3584528711, 113926993, 338241895,
-                666307205, 773529912, 1294757372, 1396182291, 1695183700, 1986661051, 2177026350, 2456956037,
-                2730485921,
-                2820302411, 3259730800, 3345764771, 3516065817, 3600352804, 4094571909, 275423344, 430227734,
-                506948616, 659060556, 883997877, 958139571, 1322822218, 1537002063, 1747873779, 1955562222,
-                2024104815, 2227730452, 2361852424, 2428436474, 2756734187, 3204031479, 3329325298
-            ],
-            e = d.SHA256 = function(b, c) {
-                var f = k.wordsToBytes(e._sha256(b));
-                return c && c.asBytes ? f : c && c.asString ? a.bytesToString(f) : k.bytesToHex(f)
             };
-        e._sha256 = function(a) {
-            a.constructor == String && (a = b.stringToBytes(a));
-            var e = k.bytesToWords(a),
-                f = a.length * 8,
-                a = [1779033703, 3144134277,
-                    1013904242, 2773480762, 1359893119, 2600822924, 528734635, 1541459225
+
+        })();
+
+
+        //crypto-sha256-hmac.js
+        /*
+         * Crypto-JS v2.5.4
+         * http://code.google.com/p/crypto-js/
+         * (c) 2009-2012 by Jeff Mott. All rights reserved.
+         * http://code.google.com/p/crypto-js/wiki/License
+         */
+        (function() {
+            var d = Crypto,
+                k = d.util,
+                g = d.charenc,
+                b = g.UTF8,
+                a = g.Binary,
+                c = [1116352408, 1899447441, 3049323471, 3921009573, 961987163, 1508970993, 2453635748, 2870763221,
+                    3624381080, 310598401, 607225278, 1426881987, 1925078388, 2162078206, 2614888103, 3248222580,
+                    3835390401, 4022224774, 264347078, 604807628, 770255983, 1249150122, 1555081692, 1996064986,
+                    2554220882, 2821834349, 2952996808, 3210313671, 3336571891, 3584528711, 113926993, 338241895,
+                    666307205, 773529912, 1294757372, 1396182291, 1695183700, 1986661051, 2177026350, 2456956037,
+                    2730485921,
+                    2820302411, 3259730800, 3345764771, 3516065817, 3600352804, 4094571909, 275423344, 430227734,
+                    506948616, 659060556, 883997877, 958139571, 1322822218, 1537002063, 1747873779, 1955562222,
+                    2024104815, 2227730452, 2361852424, 2428436474, 2756734187, 3204031479, 3329325298
                 ],
-                d = [],
-                g, m, r, i, n, o, s, t, h, l, j;
-            e[f >> 5] |= 128 << 24 - f % 32;
-            e[(f + 64 >> 9 << 4) + 15] = f;
-            for (t = 0; t < e.length; t += 16) {
-                f = a[0];
-                g = a[1];
-                m = a[2];
-                r = a[3];
-                i = a[4];
-                n = a[5];
-                o = a[6];
-                s = a[7];
-                for (h = 0; h < 64; h++) {
-                    h < 16 ? d[h] = e[h + t] : (l = d[h - 15], j = d[h - 2], d[h] = ((l << 25 | l >>> 7) ^
-                        (l << 14 | l >>> 18) ^ l >>> 3) + (d[h - 7] >>> 0) + ((j << 15 | j >>> 17) ^
-                        (j << 13 | j >>> 19) ^ j >>> 10) + (d[h - 16] >>> 0));
-                    j = f & g ^ f & m ^ g & m;
-                    var u = (f << 30 | f >>> 2) ^ (f << 19 | f >>> 13) ^ (f << 10 | f >>> 22);
-                    l = (s >>> 0) + ((i << 26 | i >>> 6) ^ (i << 21 | i >>> 11) ^ (i << 7 | i >>> 25)) +
-                        (i & n ^ ~i & o) + c[h] + (d[h] >>> 0);
-                    j = u + j;
-                    s = o;
-                    o = n;
-                    n = i;
-                    i = r + l >>> 0;
-                    r = m;
-                    m = g;
-                    g = f;
-                    f = l + j >>> 0
+                e = d.SHA256 = function(b, c) {
+                    var f = k.wordsToBytes(e._sha256(b));
+                    return c && c.asBytes ? f : c && c.asString ? a.bytesToString(f) : k.bytesToHex(f)
+                };
+            e._sha256 = function(a) {
+                a.constructor == String && (a = b.stringToBytes(a));
+                var e = k.bytesToWords(a),
+                    f = a.length * 8,
+                    a = [1779033703, 3144134277,
+                        1013904242, 2773480762, 1359893119, 2600822924, 528734635, 1541459225
+                    ],
+                    d = [],
+                    g, m, r, i, n, o, s, t, h, l, j;
+                e[f >> 5] |= 128 << 24 - f % 32;
+                e[(f + 64 >> 9 << 4) + 15] = f;
+                for (t = 0; t < e.length; t += 16) {
+                    f = a[0];
+                    g = a[1];
+                    m = a[2];
+                    r = a[3];
+                    i = a[4];
+                    n = a[5];
+                    o = a[6];
+                    s = a[7];
+                    for (h = 0; h < 64; h++) {
+                        h < 16 ? d[h] = e[h + t] : (l = d[h - 15], j = d[h - 2], d[h] = ((l << 25 | l >>> 7) ^
+                            (l << 14 | l >>> 18) ^ l >>> 3) + (d[h - 7] >>> 0) + ((j << 15 | j >>> 17) ^
+                            (j << 13 | j >>> 19) ^ j >>> 10) + (d[h - 16] >>> 0));
+                        j = f & g ^ f & m ^ g & m;
+                        var u = (f << 30 | f >>> 2) ^ (f << 19 | f >>> 13) ^ (f << 10 | f >>> 22);
+                        l = (s >>> 0) + ((i << 26 | i >>> 6) ^ (i << 21 | i >>> 11) ^ (i << 7 | i >>> 25)) +
+                            (i & n ^ ~i & o) + c[h] + (d[h] >>> 0);
+                        j = u + j;
+                        s = o;
+                        o = n;
+                        n = i;
+                        i = r + l >>> 0;
+                        r = m;
+                        m = g;
+                        g = f;
+                        f = l + j >>> 0
+                    }
+                    a[0] += f;
+                    a[1] += g;
+                    a[2] += m;
+                    a[3] += r;
+                    a[4] += i;
+                    a[5] += n;
+                    a[6] += o;
+                    a[7] += s
                 }
-                a[0] += f;
-                a[1] += g;
-                a[2] += m;
-                a[3] += r;
-                a[4] += i;
-                a[5] += n;
-                a[6] += o;
-                a[7] += s
+                return a
+            };
+            e._blocksize = 16;
+            e._digestsize = 32
+        })();
+        (function() {
+            var d = Crypto,
+                k = d.util,
+                g = d.charenc,
+                b = g.UTF8,
+                a = g.Binary;
+            d.HMAC = function(c, e, d, g) {
+                e.constructor == String && (e = b.stringToBytes(e));
+                d.constructor == String && (d = b.stringToBytes(d));
+                d.length > c._blocksize * 4 && (d = c(d, {
+                    asBytes: !0
+                }));
+                for (var f = d.slice(0), d = d.slice(0), q = 0; q < c._blocksize * 4; q++) f[q] ^= 92, d[q] ^=
+                    54;
+                c = c(f.concat(c(d.concat(e), {
+                    asBytes: !0
+                })), {
+                    asBytes: !0
+                });
+                return g && g.asBytes ? c : g && g.asString ? a.bytesToString(c) : k.bytesToHex(c)
             }
-            return a
-        };
-        e._blocksize = 16;
-        e._digestsize = 32
+        })();
     })();
+
+    //SecureRandom.js
     (function() {
-        var d = Crypto,
-            k = d.util,
-            g = d.charenc,
-            b = g.UTF8,
-            a = g.Binary;
-        d.HMAC = function(c, e, d, g) {
-            e.constructor == String && (e = b.stringToBytes(e));
-            d.constructor == String && (d = b.stringToBytes(d));
-            d.length > c._blocksize * 4 && (d = c(d, {
-                asBytes: !0
-            }));
-            for (var f = d.slice(0), d = d.slice(0), q = 0; q < c._blocksize * 4; q++) f[q] ^= 92, d[q] ^=
-                54;
-            c = c(f.concat(c(d.concat(e), {
-                asBytes: !0
-            })), {
-                asBytes: !0
+
+        const getRandomValues = function(buf) {
+            if (typeof require === 'function') {
+                var bytes = require('crypto').randomBytes(buf.length);
+                buf.set(bytes)
+                return buf;
+            } else if (GLOBAL.crypto && GLOBAL.crypto.getRandomValues)
+                return GLOBAL.crypto.getRandomValues(buf);
+            else
+                return null;
+        }
+
+        /*!
+         * Random number generator with ArcFour PRNG
+         *
+         * NOTE: For best results, put code like
+         * <body onclick='SecureRandom.seedTime();' onkeypress='SecureRandom.seedTime();'>
+         * in your main HTML document.
+         *
+         * Copyright Tom Wu, bitaddress.org  BSD License.
+         * http://www-cs-students.stanford.edu/~tjw/jsbn/LICENSE
+         */
+
+        // Constructor function of Global SecureRandom object
+        var sr = GLOBAL.SecureRandom = function() {};
+
+        // Properties
+        sr.state;
+        sr.pool;
+        sr.pptr;
+        sr.poolCopyOnInit;
+
+        // Pool size must be a multiple of 4 and greater than 32.
+        // An array of bytes the size of the pool will be passed to init()
+        sr.poolSize = 256;
+
+        // --- object methods ---
+
+        // public method
+        // ba: byte array
+        sr.prototype.nextBytes = function(ba) {
+            var i;
+            if (getRandomValues && GLOBAL.Uint8Array) {
+                try {
+                    var rvBytes = new Uint8Array(ba.length);
+                    getRandomValues(rvBytes);
+                    for (i = 0; i < ba.length; ++i)
+                        ba[i] = sr.getByte() ^ rvBytes[i];
+                    return;
+                } catch (e) {
+                    alert(e);
+                }
+            }
+            for (i = 0; i < ba.length; ++i) ba[i] = sr.getByte();
+        };
+
+
+        // --- static methods ---
+
+        // Mix in the current time (w/milliseconds) into the pool
+        // NOTE: this method should be called from body click/keypress event handlers to increase entropy
+        sr.seedTime = function() {
+            sr.seedInt(new Date().getTime());
+        }
+
+        sr.getByte = function() {
+            if (sr.state == null) {
+                sr.seedTime();
+                sr.state = sr.ArcFour(); // Plug in your RNG constructor here
+                sr.state.init(sr.pool);
+                sr.poolCopyOnInit = [];
+                for (sr.pptr = 0; sr.pptr < sr.pool.length; ++sr.pptr)
+                    sr.poolCopyOnInit[sr.pptr] = sr.pool[sr.pptr];
+                sr.pptr = 0;
+            }
+            // TODO: allow reseeding after first request
+            return sr.state.next();
+        }
+
+        // Mix in a 32-bit integer into the pool
+        sr.seedInt = function(x) {
+            sr.seedInt8(x);
+            sr.seedInt8((x >> 8));
+            sr.seedInt8((x >> 16));
+            sr.seedInt8((x >> 24));
+        }
+
+        // Mix in a 16-bit integer into the pool
+        sr.seedInt16 = function(x) {
+            sr.seedInt8(x);
+            sr.seedInt8((x >> 8));
+        }
+
+        // Mix in a 8-bit integer into the pool
+        sr.seedInt8 = function(x) {
+            sr.pool[sr.pptr++] ^= x & 255;
+            if (sr.pptr >= sr.poolSize) sr.pptr -= sr.poolSize;
+        }
+
+        // Arcfour is a PRNG
+        sr.ArcFour = function() {
+            function Arcfour() {
+                this.i = 0;
+                this.j = 0;
+                this.S = new Array();
+            }
+
+            // Initialize arcfour context from key, an array of ints, each from [0..255]
+            function ARC4init(key) {
+                var i, j, t;
+                for (i = 0; i < 256; ++i)
+                    this.S[i] = i;
+                j = 0;
+                for (i = 0; i < 256; ++i) {
+                    j = (j + this.S[i] + key[i % key.length]) & 255;
+                    t = this.S[i];
+                    this.S[i] = this.S[j];
+                    this.S[j] = t;
+                }
+                this.i = 0;
+                this.j = 0;
+            }
+
+            function ARC4next() {
+                var t;
+                this.i = (this.i + 1) & 255;
+                this.j = (this.j + this.S[this.i]) & 255;
+                t = this.S[this.i];
+                this.S[this.i] = this.S[this.j];
+                this.S[this.j] = t;
+                return this.S[(t + this.S[this.i]) & 255];
+            }
+
+            Arcfour.prototype.init = ARC4init;
+            Arcfour.prototype.next = ARC4next;
+
+            return new Arcfour();
+        };
+
+
+        // Initialize the pool with junk if needed.
+        if (sr.pool == null) {
+            sr.pool = new Array();
+            sr.pptr = 0;
+            var t;
+            if (getRandomValues && GLOBAL.Uint8Array) {
+                try {
+                    // Use webcrypto if available
+                    var ua = new Uint8Array(sr.poolSize);
+                    getRandomValues(ua);
+                    for (t = 0; t < sr.poolSize; ++t)
+                        sr.pool[sr.pptr++] = ua[t];
+                } catch (e) {
+                    alert(e);
+                }
+            }
+            while (sr.pptr < sr.poolSize) { // extract some randomness from Math.random()
+                t = Math.floor(65536 * Math.random());
+                sr.pool[sr.pptr++] = t >>> 8;
+                sr.pool[sr.pptr++] = t & 255;
+            }
+            sr.pptr = Math.floor(sr.poolSize * Math.random());
+            sr.seedTime();
+            // entropy
+            var entropyStr = "";
+            // screen size and color depth: ~4.8 to ~5.4 bits
+            entropyStr += (GLOBAL.screen.height * GLOBAL.screen.width * GLOBAL.screen.colorDepth);
+            entropyStr += (GLOBAL.screen.availHeight * GLOBAL.screen.availWidth * GLOBAL.screen.pixelDepth);
+            // time zone offset: ~4 bits
+            var dateObj = new Date();
+            var timeZoneOffset = dateObj.getTimezoneOffset();
+            entropyStr += timeZoneOffset;
+            // user agent: ~8.3 to ~11.6 bits
+            entropyStr += navigator.userAgent;
+            // browser plugin details: ~16.2 to ~21.8 bits
+            var pluginsStr = "";
+            for (var i = 0; i < navigator.plugins.length; i++) {
+                pluginsStr += navigator.plugins[i].name + " " + navigator.plugins[i].filename + " " + navigator.plugins[i].description + " " + navigator.plugins[i].version + ", ";
+            }
+            var mimeTypesStr = "";
+            for (var i = 0; i < navigator.mimeTypes.length; i++) {
+                mimeTypesStr += navigator.mimeTypes[i].description + " " + navigator.mimeTypes[i].type + " " + navigator.mimeTypes[i].suffixes + ", ";
+            }
+            entropyStr += pluginsStr + mimeTypesStr;
+            // cookies and storage: 1 bit
+            entropyStr += navigator.cookieEnabled + typeof(sessionStorage) + typeof(localStorage);
+            // language: ~7 bit
+            entropyStr += navigator.language;
+            // history: ~2 bit
+            entropyStr += GLOBAL.history.length;
+            // location
+            entropyStr += GLOBAL.location;
+
+            var entropyBytes = Crypto.SHA256(entropyStr, {
+                asBytes: true
             });
-            return g && g.asBytes ? c : g && g.asString ? a.bytesToString(c) : k.bytesToHex(c)
+            for (var i = 0; i < entropyBytes.length; i++) {
+                sr.seedInt8(entropyBytes[i]);
+            }
         }
     })();
-})(typeof global !== "undefined" ? global : window);
 
-//SecureRandom.js
-(function(GLOBAL) {
+    //ripemd160.js
+    (function() {
 
-    const getRandomValues = function(buf) {
-        if (typeof require === 'function') {
-            var bytes = require('crypto').randomBytes(buf.length);
-            buf.set(bytes)
-            return buf;
-        } else if (GLOBAL.crypto && GLOBAL.crypto.getRandomValues)
-            return GLOBAL.crypto.getRandomValues(buf);
-        else
-            return null;
-    }
+        /*
+        CryptoJS v3.1.2
+        code.google.com/p/crypto-js
+        (c) 2009-2013 by Jeff Mott. All rights reserved.
+        code.google.com/p/crypto-js/wiki/License
+        */
+        /** @preserve
+        (c) 2012 by Cédric Mesnil. All rights reserved.
+        Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:
+            - Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.
+            - Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.
+        THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+        */
 
-    /*!
-     * Random number generator with ArcFour PRNG
-     *
-     * NOTE: For best results, put code like
-     * <body onclick='SecureRandom.seedTime();' onkeypress='SecureRandom.seedTime();'>
-     * in your main HTML document.
-     *
-     * Copyright Tom Wu, bitaddress.org  BSD License.
-     * http://www-cs-students.stanford.edu/~tjw/jsbn/LICENSE
-     */
+        // Constants table
+        var zl = [
+            0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15,
+            7, 4, 13, 1, 10, 6, 15, 3, 12, 0, 9, 5, 2, 14, 11, 8,
+            3, 10, 14, 4, 9, 15, 8, 1, 2, 7, 0, 6, 13, 11, 5, 12,
+            1, 9, 11, 10, 0, 8, 12, 4, 13, 3, 7, 15, 14, 5, 6, 2,
+            4, 0, 5, 9, 7, 12, 2, 10, 14, 1, 3, 8, 11, 6, 15, 13
+        ];
+        var zr = [
+            5, 14, 7, 0, 9, 2, 11, 4, 13, 6, 15, 8, 1, 10, 3, 12,
+            6, 11, 3, 7, 0, 13, 5, 10, 14, 15, 8, 12, 4, 9, 1, 2,
+            15, 5, 1, 3, 7, 14, 6, 9, 11, 8, 12, 2, 10, 0, 4, 13,
+            8, 6, 4, 1, 3, 11, 15, 0, 5, 12, 2, 13, 9, 7, 10, 14,
+            12, 15, 10, 4, 1, 5, 8, 7, 6, 2, 13, 14, 0, 3, 9, 11
+        ];
+        var sl = [
+            11, 14, 15, 12, 5, 8, 7, 9, 11, 13, 14, 15, 6, 7, 9, 8,
+            7, 6, 8, 13, 11, 9, 7, 15, 7, 12, 15, 9, 11, 7, 13, 12,
+            11, 13, 6, 7, 14, 9, 13, 15, 14, 8, 13, 6, 5, 12, 7, 5,
+            11, 12, 14, 15, 14, 15, 9, 8, 9, 14, 5, 6, 8, 6, 5, 12,
+            9, 15, 5, 11, 6, 8, 13, 12, 5, 12, 13, 14, 11, 8, 5, 6
+        ];
+        var sr = [
+            8, 9, 9, 11, 13, 15, 15, 5, 7, 7, 8, 11, 14, 14, 12, 6,
+            9, 13, 15, 7, 12, 8, 9, 11, 7, 7, 12, 7, 6, 15, 13, 11,
+            9, 7, 15, 11, 8, 6, 6, 14, 12, 13, 5, 14, 13, 13, 7, 5,
+            15, 5, 8, 11, 14, 14, 6, 14, 6, 9, 12, 9, 12, 5, 15, 8,
+            8, 5, 12, 9, 12, 5, 14, 6, 8, 13, 6, 5, 15, 13, 11, 11
+        ];
 
-    // Constructor function of Global SecureRandom object
-    var sr = GLOBAL.SecureRandom = function() {};
+        var hl = [0x00000000, 0x5A827999, 0x6ED9EBA1, 0x8F1BBCDC, 0xA953FD4E];
+        var hr = [0x50A28BE6, 0x5C4DD124, 0x6D703EF3, 0x7A6D76E9, 0x00000000];
 
-    // Properties
-    sr.state;
-    sr.pool;
-    sr.pptr;
-    sr.poolCopyOnInit;
-
-    // Pool size must be a multiple of 4 and greater than 32.
-    // An array of bytes the size of the pool will be passed to init()
-    sr.poolSize = 256;
-
-    // --- object methods ---
-
-    // public method
-    // ba: byte array
-    sr.prototype.nextBytes = function(ba) {
-        var i;
-        if (getRandomValues && GLOBAL.Uint8Array) {
-            try {
-                var rvBytes = new Uint8Array(ba.length);
-                getRandomValues(rvBytes);
-                for (i = 0; i < ba.length; ++i)
-                    ba[i] = sr.getByte() ^ rvBytes[i];
-                return;
-            } catch (e) {
-                alert(e);
+        var bytesToWords = function(bytes) {
+            var words = [];
+            for (var i = 0, b = 0; i < bytes.length; i++, b += 8) {
+                words[b >>> 5] |= bytes[i] << (24 - b % 32);
             }
-        }
-        for (i = 0; i < ba.length; ++i) ba[i] = sr.getByte();
-    };
+            return words;
+        };
 
-
-    // --- static methods ---
-
-    // Mix in the current time (w/milliseconds) into the pool
-    // NOTE: this method should be called from body click/keypress event handlers to increase entropy
-    sr.seedTime = function() {
-        sr.seedInt(new Date().getTime());
-    }
-
-    sr.getByte = function() {
-        if (sr.state == null) {
-            sr.seedTime();
-            sr.state = sr.ArcFour(); // Plug in your RNG constructor here
-            sr.state.init(sr.pool);
-            sr.poolCopyOnInit = [];
-            for (sr.pptr = 0; sr.pptr < sr.pool.length; ++sr.pptr)
-                sr.poolCopyOnInit[sr.pptr] = sr.pool[sr.pptr];
-            sr.pptr = 0;
-        }
-        // TODO: allow reseeding after first request
-        return sr.state.next();
-    }
-
-    // Mix in a 32-bit integer into the pool
-    sr.seedInt = function(x) {
-        sr.seedInt8(x);
-        sr.seedInt8((x >> 8));
-        sr.seedInt8((x >> 16));
-        sr.seedInt8((x >> 24));
-    }
-
-    // Mix in a 16-bit integer into the pool
-    sr.seedInt16 = function(x) {
-        sr.seedInt8(x);
-        sr.seedInt8((x >> 8));
-    }
-
-    // Mix in a 8-bit integer into the pool
-    sr.seedInt8 = function(x) {
-        sr.pool[sr.pptr++] ^= x & 255;
-        if (sr.pptr >= sr.poolSize) sr.pptr -= sr.poolSize;
-    }
-
-    // Arcfour is a PRNG
-    sr.ArcFour = function() {
-        function Arcfour() {
-            this.i = 0;
-            this.j = 0;
-            this.S = new Array();
-        }
-
-        // Initialize arcfour context from key, an array of ints, each from [0..255]
-        function ARC4init(key) {
-            var i, j, t;
-            for (i = 0; i < 256; ++i)
-                this.S[i] = i;
-            j = 0;
-            for (i = 0; i < 256; ++i) {
-                j = (j + this.S[i] + key[i % key.length]) & 255;
-                t = this.S[i];
-                this.S[i] = this.S[j];
-                this.S[j] = t;
+        var wordsToBytes = function(words) {
+            var bytes = [];
+            for (var b = 0; b < words.length * 32; b += 8) {
+                bytes.push((words[b >>> 5] >>> (24 - b % 32)) & 0xFF);
             }
-            this.i = 0;
-            this.j = 0;
-        }
+            return bytes;
+        };
 
-        function ARC4next() {
+        var processBlock = function(H, M, offset) {
+
+            // Swap endian
+            for (var i = 0; i < 16; i++) {
+                var offset_i = offset + i;
+                var M_offset_i = M[offset_i];
+
+                // Swap
+                M[offset_i] = (
+                    (((M_offset_i << 8) | (M_offset_i >>> 24)) & 0x00ff00ff) |
+                    (((M_offset_i << 24) | (M_offset_i >>> 8)) & 0xff00ff00)
+                );
+            }
+
+            // Working variables
+            var al, bl, cl, dl, el;
+            var ar, br, cr, dr, er;
+
+            ar = al = H[0];
+            br = bl = H[1];
+            cr = cl = H[2];
+            dr = dl = H[3];
+            er = el = H[4];
+            // Computation
             var t;
-            this.i = (this.i + 1) & 255;
-            this.j = (this.j + this.S[this.i]) & 255;
-            t = this.S[this.i];
-            this.S[this.i] = this.S[this.j];
-            this.S[this.j] = t;
-            return this.S[(t + this.S[this.i]) & 255];
-        }
+            for (var i = 0; i < 80; i += 1) {
+                t = (al + M[offset + zl[i]]) | 0;
+                if (i < 16) {
+                    t += f1(bl, cl, dl) + hl[0];
+                } else if (i < 32) {
+                    t += f2(bl, cl, dl) + hl[1];
+                } else if (i < 48) {
+                    t += f3(bl, cl, dl) + hl[2];
+                } else if (i < 64) {
+                    t += f4(bl, cl, dl) + hl[3];
+                } else { // if (i<80) {
+                    t += f5(bl, cl, dl) + hl[4];
+                }
+                t = t | 0;
+                t = rotl(t, sl[i]);
+                t = (t + el) | 0;
+                al = el;
+                el = dl;
+                dl = rotl(cl, 10);
+                cl = bl;
+                bl = t;
 
-        Arcfour.prototype.init = ARC4init;
-        Arcfour.prototype.next = ARC4next;
-
-        return new Arcfour();
-    };
-
-
-    // Initialize the pool with junk if needed.
-    if (sr.pool == null) {
-        sr.pool = new Array();
-        sr.pptr = 0;
-        var t;
-        if (getRandomValues && GLOBAL.Uint8Array) {
-            try {
-                // Use webcrypto if available
-                var ua = new Uint8Array(sr.poolSize);
-                getRandomValues(ua);
-                for (t = 0; t < sr.poolSize; ++t)
-                    sr.pool[sr.pptr++] = ua[t];
-            } catch (e) {
-                alert(e);
+                t = (ar + M[offset + zr[i]]) | 0;
+                if (i < 16) {
+                    t += f5(br, cr, dr) + hr[0];
+                } else if (i < 32) {
+                    t += f4(br, cr, dr) + hr[1];
+                } else if (i < 48) {
+                    t += f3(br, cr, dr) + hr[2];
+                } else if (i < 64) {
+                    t += f2(br, cr, dr) + hr[3];
+                } else { // if (i<80) {
+                    t += f1(br, cr, dr) + hr[4];
+                }
+                t = t | 0;
+                t = rotl(t, sr[i]);
+                t = (t + er) | 0;
+                ar = er;
+                er = dr;
+                dr = rotl(cr, 10);
+                cr = br;
+                br = t;
             }
+            // Intermediate hash value
+            t = (H[1] + cl + dr) | 0;
+            H[1] = (H[2] + dl + er) | 0;
+            H[2] = (H[3] + el + ar) | 0;
+            H[3] = (H[4] + al + br) | 0;
+            H[4] = (H[0] + bl + cr) | 0;
+            H[0] = t;
+        };
+
+        function f1(x, y, z) {
+            return ((x) ^ (y) ^ (z));
         }
-        while (sr.pptr < sr.poolSize) { // extract some randomness from Math.random()
-            t = Math.floor(65536 * Math.random());
-            sr.pool[sr.pptr++] = t >>> 8;
-            sr.pool[sr.pptr++] = t & 255;
+
+        function f2(x, y, z) {
+            return (((x) & (y)) | ((~x) & (z)));
         }
-        sr.pptr = Math.floor(sr.poolSize * Math.random());
-        sr.seedTime();
-        // entropy
-        var entropyStr = "";
-        // screen size and color depth: ~4.8 to ~5.4 bits
-        entropyStr += (GLOBAL.screen.height * GLOBAL.screen.width * GLOBAL.screen.colorDepth);
-        entropyStr += (GLOBAL.screen.availHeight * GLOBAL.screen.availWidth * GLOBAL.screen.pixelDepth);
-        // time zone offset: ~4 bits
-        var dateObj = new Date();
-        var timeZoneOffset = dateObj.getTimezoneOffset();
-        entropyStr += timeZoneOffset;
-        // user agent: ~8.3 to ~11.6 bits
-        entropyStr += navigator.userAgent;
-        // browser plugin details: ~16.2 to ~21.8 bits
-        var pluginsStr = "";
-        for (var i = 0; i < navigator.plugins.length; i++) {
-            pluginsStr += navigator.plugins[i].name + " " + navigator.plugins[i].filename + " " + navigator.plugins[i].description + " " + navigator.plugins[i].version + ", ";
+
+        function f3(x, y, z) {
+            return (((x) | (~(y))) ^ (z));
         }
-        var mimeTypesStr = "";
-        for (var i = 0; i < navigator.mimeTypes.length; i++) {
-            mimeTypesStr += navigator.mimeTypes[i].description + " " + navigator.mimeTypes[i].type + " " + navigator.mimeTypes[i].suffixes + ", ";
+
+        function f4(x, y, z) {
+            return (((x) & (z)) | ((y) & (~(z))));
         }
-        entropyStr += pluginsStr + mimeTypesStr;
-        // cookies and storage: 1 bit
-        entropyStr += navigator.cookieEnabled + typeof(sessionStorage) + typeof(localStorage);
-        // language: ~7 bit
-        entropyStr += navigator.language;
-        // history: ~2 bit
-        entropyStr += GLOBAL.history.length;
-        // location
-        entropyStr += GLOBAL.location;
 
-        var entropyBytes = Crypto.SHA256(entropyStr, {
-            asBytes: true
-        });
-        for (var i = 0; i < entropyBytes.length; i++) {
-            sr.seedInt8(entropyBytes[i]);
+        function f5(x, y, z) {
+            return ((x) ^ ((y) | (~(z))));
         }
-    }
-})(typeof global !== "undefined" ? global : window);
 
-//ripemd160.js
-(function(GLOBAL) {
-
-    /*
-    CryptoJS v3.1.2
-    code.google.com/p/crypto-js
-    (c) 2009-2013 by Jeff Mott. All rights reserved.
-    code.google.com/p/crypto-js/wiki/License
-    */
-    /** @preserve
-    (c) 2012 by Cédric Mesnil. All rights reserved.
-    Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:
-        - Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.
-        - Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.
-    THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
-    */
-
-    // Constants table
-    var zl = [
-        0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15,
-        7, 4, 13, 1, 10, 6, 15, 3, 12, 0, 9, 5, 2, 14, 11, 8,
-        3, 10, 14, 4, 9, 15, 8, 1, 2, 7, 0, 6, 13, 11, 5, 12,
-        1, 9, 11, 10, 0, 8, 12, 4, 13, 3, 7, 15, 14, 5, 6, 2,
-        4, 0, 5, 9, 7, 12, 2, 10, 14, 1, 3, 8, 11, 6, 15, 13
-    ];
-    var zr = [
-        5, 14, 7, 0, 9, 2, 11, 4, 13, 6, 15, 8, 1, 10, 3, 12,
-        6, 11, 3, 7, 0, 13, 5, 10, 14, 15, 8, 12, 4, 9, 1, 2,
-        15, 5, 1, 3, 7, 14, 6, 9, 11, 8, 12, 2, 10, 0, 4, 13,
-        8, 6, 4, 1, 3, 11, 15, 0, 5, 12, 2, 13, 9, 7, 10, 14,
-        12, 15, 10, 4, 1, 5, 8, 7, 6, 2, 13, 14, 0, 3, 9, 11
-    ];
-    var sl = [
-        11, 14, 15, 12, 5, 8, 7, 9, 11, 13, 14, 15, 6, 7, 9, 8,
-        7, 6, 8, 13, 11, 9, 7, 15, 7, 12, 15, 9, 11, 7, 13, 12,
-        11, 13, 6, 7, 14, 9, 13, 15, 14, 8, 13, 6, 5, 12, 7, 5,
-        11, 12, 14, 15, 14, 15, 9, 8, 9, 14, 5, 6, 8, 6, 5, 12,
-        9, 15, 5, 11, 6, 8, 13, 12, 5, 12, 13, 14, 11, 8, 5, 6
-    ];
-    var sr = [
-        8, 9, 9, 11, 13, 15, 15, 5, 7, 7, 8, 11, 14, 14, 12, 6,
-        9, 13, 15, 7, 12, 8, 9, 11, 7, 7, 12, 7, 6, 15, 13, 11,
-        9, 7, 15, 11, 8, 6, 6, 14, 12, 13, 5, 14, 13, 13, 7, 5,
-        15, 5, 8, 11, 14, 14, 6, 14, 6, 9, 12, 9, 12, 5, 15, 8,
-        8, 5, 12, 9, 12, 5, 14, 6, 8, 13, 6, 5, 15, 13, 11, 11
-    ];
-
-    var hl = [0x00000000, 0x5A827999, 0x6ED9EBA1, 0x8F1BBCDC, 0xA953FD4E];
-    var hr = [0x50A28BE6, 0x5C4DD124, 0x6D703EF3, 0x7A6D76E9, 0x00000000];
-
-    var bytesToWords = function(bytes) {
-        var words = [];
-        for (var i = 0, b = 0; i < bytes.length; i++, b += 8) {
-            words[b >>> 5] |= bytes[i] << (24 - b % 32);
+        function rotl(x, n) {
+            return (x << n) | (x >>> (32 - n));
         }
-        return words;
-    };
 
-    var wordsToBytes = function(words) {
-        var bytes = [];
-        for (var b = 0; b < words.length * 32; b += 8) {
-            bytes.push((words[b >>> 5] >>> (24 - b % 32)) & 0xFF);
-        }
-        return bytes;
-    };
+        GLOBAL.ripemd160 = function ripemd160(message) {
+            var H = [0x67452301, 0xEFCDAB89, 0x98BADCFE, 0x10325476, 0xC3D2E1F0];
 
-    var processBlock = function(H, M, offset) {
+            var m = bytesToWords(message);
 
-        // Swap endian
-        for (var i = 0; i < 16; i++) {
-            var offset_i = offset + i;
-            var M_offset_i = M[offset_i];
+            var nBitsLeft = message.length * 8;
+            var nBitsTotal = message.length * 8;
 
-            // Swap
-            M[offset_i] = (
-                (((M_offset_i << 8) | (M_offset_i >>> 24)) & 0x00ff00ff) |
-                (((M_offset_i << 24) | (M_offset_i >>> 8)) & 0xff00ff00)
+            // Add padding
+            m[nBitsLeft >>> 5] |= 0x80 << (24 - nBitsLeft % 32);
+            m[(((nBitsLeft + 64) >>> 9) << 4) + 14] = (
+                (((nBitsTotal << 8) | (nBitsTotal >>> 24)) & 0x00ff00ff) |
+                (((nBitsTotal << 24) | (nBitsTotal >>> 8)) & 0xff00ff00)
             );
-        }
 
-        // Working variables
-        var al, bl, cl, dl, el;
-        var ar, br, cr, dr, er;
-
-        ar = al = H[0];
-        br = bl = H[1];
-        cr = cl = H[2];
-        dr = dl = H[3];
-        er = el = H[4];
-        // Computation
-        var t;
-        for (var i = 0; i < 80; i += 1) {
-            t = (al + M[offset + zl[i]]) | 0;
-            if (i < 16) {
-                t += f1(bl, cl, dl) + hl[0];
-            } else if (i < 32) {
-                t += f2(bl, cl, dl) + hl[1];
-            } else if (i < 48) {
-                t += f3(bl, cl, dl) + hl[2];
-            } else if (i < 64) {
-                t += f4(bl, cl, dl) + hl[3];
-            } else { // if (i<80) {
-                t += f5(bl, cl, dl) + hl[4];
+            for (var i = 0; i < m.length; i += 16) {
+                processBlock(H, m, i);
             }
-            t = t | 0;
-            t = rotl(t, sl[i]);
-            t = (t + el) | 0;
-            al = el;
-            el = dl;
-            dl = rotl(cl, 10);
-            cl = bl;
-            bl = t;
 
-            t = (ar + M[offset + zr[i]]) | 0;
-            if (i < 16) {
-                t += f5(br, cr, dr) + hr[0];
-            } else if (i < 32) {
-                t += f4(br, cr, dr) + hr[1];
-            } else if (i < 48) {
-                t += f3(br, cr, dr) + hr[2];
-            } else if (i < 64) {
-                t += f2(br, cr, dr) + hr[3];
-            } else { // if (i<80) {
-                t += f1(br, cr, dr) + hr[4];
+            // Swap endian
+            for (var i = 0; i < 5; i++) {
+                // Shortcut
+                var H_i = H[i];
+
+                // Swap
+                H[i] = (((H_i << 8) | (H_i >>> 24)) & 0x00ff00ff) |
+                    (((H_i << 24) | (H_i >>> 8)) & 0xff00ff00);
             }
-            t = t | 0;
-            t = rotl(t, sr[i]);
-            t = (t + er) | 0;
-            ar = er;
-            er = dr;
-            dr = rotl(cr, 10);
-            cr = br;
-            br = t;
+
+            var digestbytes = wordsToBytes(H);
+            return digestbytes;
         }
-        // Intermediate hash value
-        t = (H[1] + cl + dr) | 0;
-        H[1] = (H[2] + dl + er) | 0;
-        H[2] = (H[3] + el + ar) | 0;
-        H[3] = (H[4] + al + br) | 0;
-        H[4] = (H[0] + bl + cr) | 0;
-        H[0] = t;
-    };
+    })();
 
-    function f1(x, y, z) {
-        return ((x) ^ (y) ^ (z));
-    }
+    //BigInteger.js
+    (function() {
+        // Upstream 'BigInteger' here:
+        // Original Author: http://www-cs-students.stanford.edu/~tjw/jsbn/
+        // Follows 'jsbn' on Github: https://github.com/jasondavies/jsbn
+        // Review and Testing: https://github.com/cryptocoinjs/bigi/
+        /*!
+         * Basic JavaScript BN library - subset useful for RSA encryption. v1.4
+         *
+         * Copyright (c) 2005  Tom Wu
+         * All Rights Reserved.
+         * BSD License
+         * http://www-cs-students.stanford.edu/~tjw/jsbn/LICENSE
+         *
+         * Copyright Stephan Thomas
+         * Copyright pointbiz
+         */
 
-    function f2(x, y, z) {
-        return (((x) & (y)) | ((~x) & (z)));
-    }
+        // (public) Constructor function of Global BigInteger object
+        var BigInteger = GLOBAL.BigInteger = function BigInteger(a, b, c) {
+            if (!(this instanceof BigInteger))
+                return new BigInteger(a, b, c);
 
-    function f3(x, y, z) {
-        return (((x) | (~(y))) ^ (z));
-    }
+            if (a != null)
+                if ("number" == typeof a) this.fromNumber(a, b, c);
+                else if (b == null && "string" != typeof a) this.fromString(a, 256);
+            else this.fromString(a, b);
+        };
 
-    function f4(x, y, z) {
-        return (((x) & (z)) | ((y) & (~(z))));
-    }
+        // Bits per digit
+        var dbits;
 
-    function f5(x, y, z) {
-        return ((x) ^ ((y) | (~(z))));
-    }
+        // JavaScript engine analysis
+        var canary = 0xdeadbeefcafe;
+        var j_lm = ((canary & 0xffffff) == 0xefcafe);
 
-    function rotl(x, n) {
-        return (x << n) | (x >>> (32 - n));
-    }
-
-    GLOBAL.ripemd160 = function ripemd160(message) {
-        var H = [0x67452301, 0xEFCDAB89, 0x98BADCFE, 0x10325476, 0xC3D2E1F0];
-
-        var m = bytesToWords(message);
-
-        var nBitsLeft = message.length * 8;
-        var nBitsTotal = message.length * 8;
-
-        // Add padding
-        m[nBitsLeft >>> 5] |= 0x80 << (24 - nBitsLeft % 32);
-        m[(((nBitsLeft + 64) >>> 9) << 4) + 14] = (
-            (((nBitsTotal << 8) | (nBitsTotal >>> 24)) & 0x00ff00ff) |
-            (((nBitsTotal << 24) | (nBitsTotal >>> 8)) & 0xff00ff00)
-        );
-
-        for (var i = 0; i < m.length; i += 16) {
-            processBlock(H, m, i);
+        // return new, unset BigInteger
+        function nbi() {
+            return new BigInteger(null);
         }
 
-        // Swap endian
-        for (var i = 0; i < 5; i++) {
-            // Shortcut
-            var H_i = H[i];
+        // am: Compute w_j += (x*this_i), propagate carries,
+        // c is initial carry, returns final carry.
+        // c < 3*dvalue, x < 2*dvalue, this_i < dvalue
+        // We need to select the fastest one that works in this environment.
 
-            // Swap
-            H[i] = (((H_i << 8) | (H_i >>> 24)) & 0x00ff00ff) |
-                (((H_i << 24) | (H_i >>> 8)) & 0xff00ff00);
-        }
-
-        var digestbytes = wordsToBytes(H);
-        return digestbytes;
-    }
-})(typeof global !== "undefined" ? global : window);
-
-//BigInteger.js
-(function(GLOBAL) {
-    // Upstream 'BigInteger' here:
-    // Original Author: http://www-cs-students.stanford.edu/~tjw/jsbn/
-    // Follows 'jsbn' on Github: https://github.com/jasondavies/jsbn
-    // Review and Testing: https://github.com/cryptocoinjs/bigi/
-    /*!
-     * Basic JavaScript BN library - subset useful for RSA encryption. v1.4
-     *
-     * Copyright (c) 2005  Tom Wu
-     * All Rights Reserved.
-     * BSD License
-     * http://www-cs-students.stanford.edu/~tjw/jsbn/LICENSE
-     *
-     * Copyright Stephan Thomas
-     * Copyright pointbiz
-     */
-
-    // (public) Constructor function of Global BigInteger object
-    var BigInteger = GLOBAL.BigInteger = function BigInteger(a, b, c) {
-        if (!(this instanceof BigInteger))
-            return new BigInteger(a, b, c);
-
-        if (a != null)
-            if ("number" == typeof a) this.fromNumber(a, b, c);
-            else if (b == null && "string" != typeof a) this.fromString(a, 256);
-        else this.fromString(a, b);
-    };
-
-    // Bits per digit
-    var dbits;
-
-    // JavaScript engine analysis
-    var canary = 0xdeadbeefcafe;
-    var j_lm = ((canary & 0xffffff) == 0xefcafe);
-
-    // return new, unset BigInteger
-    function nbi() {
-        return new BigInteger(null);
-    }
-
-    // am: Compute w_j += (x*this_i), propagate carries,
-    // c is initial carry, returns final carry.
-    // c < 3*dvalue, x < 2*dvalue, this_i < dvalue
-    // We need to select the fastest one that works in this environment.
-
-    // am1: use a single mult and divide to get the high bits,
-    // max digit bits should be 26 because
-    // max internal value = 2*dvalue^2-2*dvalue (< 2^53)
-    function am1(i, x, w, j, c, n) {
-        while (--n >= 0) {
-            var v = x * this[i++] + w[j] + c;
-            c = Math.floor(v / 0x4000000);
-            w[j++] = v & 0x3ffffff;
-        }
-        return c;
-    }
-    // am2 avoids a big mult-and-extract completely.
-    // Max digit bits should be <= 30 because we do bitwise ops
-    // on values up to 2*hdvalue^2-hdvalue-1 (< 2^31)
-    function am2(i, x, w, j, c, n) {
-        var xl = x & 0x7fff,
-            xh = x >> 15;
-        while (--n >= 0) {
-            var l = this[i] & 0x7fff;
-            var h = this[i++] >> 15;
-            var m = xh * l + h * xl;
-            l = xl * l + ((m & 0x7fff) << 15) + w[j] + (c & 0x3fffffff);
-            c = (l >>> 30) + (m >>> 15) + xh * h + (c >>> 30);
-            w[j++] = l & 0x3fffffff;
-        }
-        return c;
-    }
-    // Alternately, set max digit bits to 28 since some
-    // browsers slow down when dealing with 32-bit numbers.
-    function am3(i, x, w, j, c, n) {
-        var xl = x & 0x3fff,
-            xh = x >> 14;
-        while (--n >= 0) {
-            var l = this[i] & 0x3fff;
-            var h = this[i++] >> 14;
-            var m = xh * l + h * xl;
-            l = xl * l + ((m & 0x3fff) << 14) + w[j] + c;
-            c = (l >> 28) + (m >> 14) + xh * h;
-            w[j++] = l & 0xfffffff;
-        }
-        return c;
-    }
-    if (j_lm && (navigator.appName == "Microsoft Internet Explorer")) {
-        BigInteger.prototype.am = am2;
-        dbits = 30;
-    } else if (j_lm && (navigator.appName != "Netscape")) {
-        BigInteger.prototype.am = am1;
-        dbits = 26;
-    } else { // Mozilla/Netscape seems to prefer am3
-        BigInteger.prototype.am = am3;
-        dbits = 28;
-    }
-
-    BigInteger.prototype.DB = dbits;
-    BigInteger.prototype.DM = ((1 << dbits) - 1);
-    BigInteger.prototype.DV = (1 << dbits);
-
-    var BI_FP = 52;
-    BigInteger.prototype.FV = Math.pow(2, BI_FP);
-    BigInteger.prototype.F1 = BI_FP - dbits;
-    BigInteger.prototype.F2 = 2 * dbits - BI_FP;
-
-    // Digit conversions
-    var BI_RM = "0123456789abcdefghijklmnopqrstuvwxyz";
-    var BI_RC = new Array();
-    var rr, vv;
-    rr = "0".charCodeAt(0);
-    for (vv = 0; vv <= 9; ++vv) BI_RC[rr++] = vv;
-    rr = "a".charCodeAt(0);
-    for (vv = 10; vv < 36; ++vv) BI_RC[rr++] = vv;
-    rr = "A".charCodeAt(0);
-    for (vv = 10; vv < 36; ++vv) BI_RC[rr++] = vv;
-
-    function int2char(n) {
-        return BI_RM.charAt(n);
-    }
-
-    function intAt(s, i) {
-        var c = BI_RC[s.charCodeAt(i)];
-        return (c == null) ? -1 : c;
-    }
-
-
-
-    // return bigint initialized to value
-    function nbv(i) {
-        var r = nbi();
-        r.fromInt(i);
-        return r;
-    }
-
-
-    // returns bit length of the integer x
-    function nbits(x) {
-        var r = 1,
-            t;
-        if ((t = x >>> 16) != 0) {
-            x = t;
-            r += 16;
-        }
-        if ((t = x >> 8) != 0) {
-            x = t;
-            r += 8;
-        }
-        if ((t = x >> 4) != 0) {
-            x = t;
-            r += 4;
-        }
-        if ((t = x >> 2) != 0) {
-            x = t;
-            r += 2;
-        }
-        if ((t = x >> 1) != 0) {
-            x = t;
-            r += 1;
-        }
-        return r;
-    }
-
-
-
-
-
-
-
-    // (protected) copy this to r
-    BigInteger.prototype.copyTo = function(r) {
-        for (var i = this.t - 1; i >= 0; --i) r[i] = this[i];
-        r.t = this.t;
-        r.s = this.s;
-    };
-
-
-    // (protected) set from integer value x, -DV <= x < DV
-    BigInteger.prototype.fromInt = function(x) {
-        this.t = 1;
-        this.s = (x < 0) ? -1 : 0;
-        if (x > 0) this[0] = x;
-        else if (x < -1) this[0] = x + this.DV;
-        else this.t = 0;
-    };
-
-    // (protected) set from string and radix
-    BigInteger.prototype.fromString = function(s, b) {
-        var k;
-        if (b == 16) k = 4;
-        else if (b == 8) k = 3;
-        else if (b == 256) k = 8; // byte array
-        else if (b == 2) k = 1;
-        else if (b == 32) k = 5;
-        else if (b == 4) k = 2;
-        else {
-            this.fromRadix(s, b);
-            return;
-        }
-        this.t = 0;
-        this.s = 0;
-        var i = s.length,
-            mi = false,
-            sh = 0;
-        while (--i >= 0) {
-            var x = (k == 8) ? s[i] & 0xff : intAt(s, i);
-            if (x < 0) {
-                if (s.charAt(i) == "-") mi = true;
-                continue;
+        // am1: use a single mult and divide to get the high bits,
+        // max digit bits should be 26 because
+        // max internal value = 2*dvalue^2-2*dvalue (< 2^53)
+        function am1(i, x, w, j, c, n) {
+            while (--n >= 0) {
+                var v = x * this[i++] + w[j] + c;
+                c = Math.floor(v / 0x4000000);
+                w[j++] = v & 0x3ffffff;
             }
-            mi = false;
-            if (sh == 0)
-                this[this.t++] = x;
-            else if (sh + k > this.DB) {
-                this[this.t - 1] |= (x & ((1 << (this.DB - sh)) - 1)) << sh;
-                this[this.t++] = (x >> (this.DB - sh));
-            } else
-                this[this.t - 1] |= x << sh;
-            sh += k;
-            if (sh >= this.DB) sh -= this.DB;
+            return c;
         }
-        if (k == 8 && (s[0] & 0x80) != 0) {
-            this.s = -1;
-            if (sh > 0) this[this.t - 1] |= ((1 << (this.DB - sh)) - 1) << sh;
-        }
-        this.clamp();
-        if (mi) BigInteger.ZERO.subTo(this, this);
-    };
-
-
-    // (protected) clamp off excess high words
-    BigInteger.prototype.clamp = function() {
-        var c = this.s & this.DM;
-        while (this.t > 0 && this[this.t - 1] == c) --this.t;
-    };
-
-    // (protected) r = this << n*DB
-    BigInteger.prototype.dlShiftTo = function(n, r) {
-        var i;
-        for (i = this.t - 1; i >= 0; --i) r[i + n] = this[i];
-        for (i = n - 1; i >= 0; --i) r[i] = 0;
-        r.t = this.t + n;
-        r.s = this.s;
-    };
-
-    // (protected) r = this >> n*DB
-    BigInteger.prototype.drShiftTo = function(n, r) {
-        for (var i = n; i < this.t; ++i) r[i - n] = this[i];
-        r.t = Math.max(this.t - n, 0);
-        r.s = this.s;
-    };
-
-
-    // (protected) r = this << n
-    BigInteger.prototype.lShiftTo = function(n, r) {
-        var bs = n % this.DB;
-        var cbs = this.DB - bs;
-        var bm = (1 << cbs) - 1;
-        var ds = Math.floor(n / this.DB),
-            c = (this.s << bs) & this.DM,
-            i;
-        for (i = this.t - 1; i >= 0; --i) {
-            r[i + ds + 1] = (this[i] >> cbs) | c;
-            c = (this[i] & bm) << bs;
-        }
-        for (i = ds - 1; i >= 0; --i) r[i] = 0;
-        r[ds] = c;
-        r.t = this.t + ds + 1;
-        r.s = this.s;
-        r.clamp();
-    };
-
-
-    // (protected) r = this >> n
-    BigInteger.prototype.rShiftTo = function(n, r) {
-        r.s = this.s;
-        var ds = Math.floor(n / this.DB);
-        if (ds >= this.t) {
-            r.t = 0;
-            return;
-        }
-        var bs = n % this.DB;
-        var cbs = this.DB - bs;
-        var bm = (1 << bs) - 1;
-        r[0] = this[ds] >> bs;
-        for (var i = ds + 1; i < this.t; ++i) {
-            r[i - ds - 1] |= (this[i] & bm) << cbs;
-            r[i - ds] = this[i] >> bs;
-        }
-        if (bs > 0) r[this.t - ds - 1] |= (this.s & bm) << cbs;
-        r.t = this.t - ds;
-        r.clamp();
-    };
-
-
-    // (protected) r = this - a
-    BigInteger.prototype.subTo = function(a, r) {
-        var i = 0,
-            c = 0,
-            m = Math.min(a.t, this.t);
-        while (i < m) {
-            c += this[i] - a[i];
-            r[i++] = c & this.DM;
-            c >>= this.DB;
-        }
-        if (a.t < this.t) {
-            c -= a.s;
-            while (i < this.t) {
-                c += this[i];
-                r[i++] = c & this.DM;
-                c >>= this.DB;
+        // am2 avoids a big mult-and-extract completely.
+        // Max digit bits should be <= 30 because we do bitwise ops
+        // on values up to 2*hdvalue^2-hdvalue-1 (< 2^31)
+        function am2(i, x, w, j, c, n) {
+            var xl = x & 0x7fff,
+                xh = x >> 15;
+            while (--n >= 0) {
+                var l = this[i] & 0x7fff;
+                var h = this[i++] >> 15;
+                var m = xh * l + h * xl;
+                l = xl * l + ((m & 0x7fff) << 15) + w[j] + (c & 0x3fffffff);
+                c = (l >>> 30) + (m >>> 15) + xh * h + (c >>> 30);
+                w[j++] = l & 0x3fffffff;
             }
-            c += this.s;
-        } else {
-            c += this.s;
-            while (i < a.t) {
-                c -= a[i];
-                r[i++] = c & this.DM;
-                c >>= this.DB;
+            return c;
+        }
+        // Alternately, set max digit bits to 28 since some
+        // browsers slow down when dealing with 32-bit numbers.
+        function am3(i, x, w, j, c, n) {
+            var xl = x & 0x3fff,
+                xh = x >> 14;
+            while (--n >= 0) {
+                var l = this[i] & 0x3fff;
+                var h = this[i++] >> 14;
+                var m = xh * l + h * xl;
+                l = xl * l + ((m & 0x3fff) << 14) + w[j] + c;
+                c = (l >> 28) + (m >> 14) + xh * h;
+                w[j++] = l & 0xfffffff;
             }
-            c -= a.s;
+            return c;
+        }
+        if (j_lm && (navigator.appName == "Microsoft Internet Explorer")) {
+            BigInteger.prototype.am = am2;
+            dbits = 30;
+        } else if (j_lm && (navigator.appName != "Netscape")) {
+            BigInteger.prototype.am = am1;
+            dbits = 26;
+        } else { // Mozilla/Netscape seems to prefer am3
+            BigInteger.prototype.am = am3;
+            dbits = 28;
+        }
+
+        BigInteger.prototype.DB = dbits;
+        BigInteger.prototype.DM = ((1 << dbits) - 1);
+        BigInteger.prototype.DV = (1 << dbits);
+
+        var BI_FP = 52;
+        BigInteger.prototype.FV = Math.pow(2, BI_FP);
+        BigInteger.prototype.F1 = BI_FP - dbits;
+        BigInteger.prototype.F2 = 2 * dbits - BI_FP;
+
+        // Digit conversions
+        var BI_RM = "0123456789abcdefghijklmnopqrstuvwxyz";
+        var BI_RC = new Array();
+        var rr, vv;
+        rr = "0".charCodeAt(0);
+        for (vv = 0; vv <= 9; ++vv) BI_RC[rr++] = vv;
+        rr = "a".charCodeAt(0);
+        for (vv = 10; vv < 36; ++vv) BI_RC[rr++] = vv;
+        rr = "A".charCodeAt(0);
+        for (vv = 10; vv < 36; ++vv) BI_RC[rr++] = vv;
+
+        function int2char(n) {
+            return BI_RM.charAt(n);
+        }
+
+        function intAt(s, i) {
+            var c = BI_RC[s.charCodeAt(i)];
+            return (c == null) ? -1 : c;
         }
-        r.s = (c < 0) ? -1 : 0;
-        if (c < -1) r[i++] = this.DV + c;
-        else if (c > 0) r[i++] = c;
-        r.t = i;
-        r.clamp();
-    };
 
 
-    // (protected) r = this * a, r != this,a (HAC 14.12)
-    // "this" should be the larger one if appropriate.
-    BigInteger.prototype.multiplyTo = function(a, r) {
-        var x = this.abs(),
-            y = a.abs();
-        var i = x.t;
-        r.t = i + y.t;
-        while (--i >= 0) r[i] = 0;
-        for (i = 0; i < y.t; ++i) r[i + x.t] = x.am(0, y[i], r, i, 0, x.t);
-        r.s = 0;
-        r.clamp();
-        if (this.s != a.s) BigInteger.ZERO.subTo(r, r);
-    };
+
+        // return bigint initialized to value
+        function nbv(i) {
+            var r = nbi();
+            r.fromInt(i);
+            return r;
+        }
 
 
-    // (protected) r = this^2, r != this (HAC 14.16)
-    BigInteger.prototype.squareTo = function(r) {
-        var x = this.abs();
-        var i = r.t = 2 * x.t;
-        while (--i >= 0) r[i] = 0;
-        for (i = 0; i < x.t - 1; ++i) {
-            var c = x.am(i, x[i], r, 2 * i, 0, 1);
-            if ((r[i + x.t] += x.am(i + 1, 2 * x[i], r, 2 * i + 1, c, x.t - i - 1)) >= x.DV) {
-                r[i + x.t] -= x.DV;
-                r[i + x.t + 1] = 1;
+        // returns bit length of the integer x
+        function nbits(x) {
+            var r = 1,
+                t;
+            if ((t = x >>> 16) != 0) {
+                x = t;
+                r += 16;
             }
-        }
-        if (r.t > 0) r[r.t - 1] += x.am(i, x[i], r, 2 * i, 0, 1);
-        r.s = 0;
-        r.clamp();
-    };
-
-
-
-    // (protected) divide this by m, quotient and remainder to q, r (HAC 14.20)
-    // r != q, this != m.  q or r may be null.
-    BigInteger.prototype.divRemTo = function(m, q, r) {
-        var pm = m.abs();
-        if (pm.t <= 0) return;
-        var pt = this.abs();
-        if (pt.t < pm.t) {
-            if (q != null) q.fromInt(0);
-            if (r != null) this.copyTo(r);
-            return;
-        }
-        if (r == null) r = nbi();
-        var y = nbi(),
-            ts = this.s,
-            ms = m.s;
-        var nsh = this.DB - nbits(pm[pm.t - 1]); // normalize modulus
-        if (nsh > 0) {
-            pm.lShiftTo(nsh, y);
-            pt.lShiftTo(nsh, r);
-        } else {
-            pm.copyTo(y);
-            pt.copyTo(r);
-        }
-        var ys = y.t;
-        var y0 = y[ys - 1];
-        if (y0 == 0) return;
-        var yt = y0 * (1 << this.F1) + ((ys > 1) ? y[ys - 2] >> this.F2 : 0);
-        var d1 = this.FV / yt,
-            d2 = (1 << this.F1) / yt,
-            e = 1 << this.F2;
-        var i = r.t,
-            j = i - ys,
-            t = (q == null) ? nbi() : q;
-        y.dlShiftTo(j, t);
-        if (r.compareTo(t) >= 0) {
-            r[r.t++] = 1;
-            r.subTo(t, r);
-        }
-        BigInteger.ONE.dlShiftTo(ys, t);
-        t.subTo(y, y); // "negative" y so we can replace sub with am later
-        while (y.t < ys) y[y.t++] = 0;
-        while (--j >= 0) {
-            // Estimate quotient digit
-            var qd = (r[--i] == y0) ? this.DM : Math.floor(r[i] * d1 + (r[i - 1] + e) * d2);
-            if ((r[i] += y.am(0, qd, r, j, 0, ys)) < qd) { // Try it out
-                y.dlShiftTo(j, t);
-                r.subTo(t, r);
-                while (r[i] < --qd) r.subTo(t, r);
+            if ((t = x >> 8) != 0) {
+                x = t;
+                r += 8;
             }
-        }
-        if (q != null) {
-            r.drShiftTo(ys, q);
-            if (ts != ms) BigInteger.ZERO.subTo(q, q);
-        }
-        r.t = ys;
-        r.clamp();
-        if (nsh > 0) r.rShiftTo(nsh, r); // Denormalize remainder
-        if (ts < 0) BigInteger.ZERO.subTo(r, r);
-    };
-
-
-    // (protected) return "-1/this % 2^DB"; useful for Mont. reduction
-    // justification:
-    //         xy == 1 (mod m)
-    //         xy =  1+km
-    //   xy(2-xy) = (1+km)(1-km)
-    // x[y(2-xy)] = 1-k^2m^2
-    // x[y(2-xy)] == 1 (mod m^2)
-    // if y is 1/x mod m, then y(2-xy) is 1/x mod m^2
-    // should reduce x and y(2-xy) by m^2 at each step to keep size bounded.
-    // JS multiply "overflows" differently from C/C++, so care is needed here.
-    BigInteger.prototype.invDigit = function() {
-        if (this.t < 1) return 0;
-        var x = this[0];
-        if ((x & 1) == 0) return 0;
-        var y = x & 3; // y == 1/x mod 2^2
-        y = (y * (2 - (x & 0xf) * y)) & 0xf; // y == 1/x mod 2^4
-        y = (y * (2 - (x & 0xff) * y)) & 0xff; // y == 1/x mod 2^8
-        y = (y * (2 - (((x & 0xffff) * y) & 0xffff))) & 0xffff; // y == 1/x mod 2^16
-        // last step - calculate inverse mod DV directly;
-        // assumes 16 < DB <= 32 and assumes ability to handle 48-bit ints
-        y = (y * (2 - x * y % this.DV)) % this.DV; // y == 1/x mod 2^dbits
-        // we really want the negative inverse, and -DV < y < DV
-        return (y > 0) ? this.DV - y : -y;
-    };
-
-
-    // (protected) true iff this is even
-    BigInteger.prototype.isEven = function() {
-        return ((this.t > 0) ? (this[0] & 1) : this.s) == 0;
-    };
-
-
-    // (protected) this^e, e < 2^32, doing sqr and mul with "r" (HAC 14.79)
-    BigInteger.prototype.exp = function(e, z) {
-        if (e > 0xffffffff || e < 1) return BigInteger.ONE;
-        var r = nbi(),
-            r2 = nbi(),
-            g = z.convert(this),
-            i = nbits(e) - 1;
-        g.copyTo(r);
-        while (--i >= 0) {
-            z.sqrTo(r, r2);
-            if ((e & (1 << i)) > 0) z.mulTo(r2, g, r);
-            else {
-                var t = r;
-                r = r2;
-                r2 = t;
+            if ((t = x >> 4) != 0) {
+                x = t;
+                r += 4;
             }
-        }
-        return z.revert(r);
-    };
-
-
-    // (public) return string representation in given radix
-    BigInteger.prototype.toString = function(b) {
-        if (this.s < 0) return "-" + this.negate().toString(b);
-        var k;
-        if (b == 16) k = 4;
-        else if (b == 8) k = 3;
-        else if (b == 2) k = 1;
-        else if (b == 32) k = 5;
-        else if (b == 4) k = 2;
-        else return this.toRadix(b);
-        var km = (1 << k) - 1,
-            d, m = false,
-            r = "",
-            i = this.t;
-        var p = this.DB - (i * this.DB) % k;
-        if (i-- > 0) {
-            if (p < this.DB && (d = this[i] >> p) > 0) {
-                m = true;
-                r = int2char(d);
+            if ((t = x >> 2) != 0) {
+                x = t;
+                r += 2;
             }
-            while (i >= 0) {
-                if (p < k) {
-                    d = (this[i] & ((1 << p) - 1)) << (k - p);
-                    d |= this[--i] >> (p += this.DB - k);
-                } else {
-                    d = (this[i] >> (p -= k)) & km;
-                    if (p <= 0) {
-                        p += this.DB;
-                        --i;
-                    }
-                }
-                if (d > 0) m = true;
-                if (m) r += int2char(d);
+            if ((t = x >> 1) != 0) {
+                x = t;
+                r += 1;
             }
+            return r;
         }
-        return m ? r : "0";
-    };
-
-
-    // (public) -this
-    BigInteger.prototype.negate = function() {
-        var r = nbi();
-        BigInteger.ZERO.subTo(this, r);
-        return r;
-    };
-
-    // (public) |this|
-    BigInteger.prototype.abs = function() {
-        return (this.s < 0) ? this.negate() : this;
-    };
-
-    // (public) return + if this > a, - if this < a, 0 if equal
-    BigInteger.prototype.compareTo = function(a) {
-        var r = this.s - a.s;
-        if (r != 0) return r;
-        var i = this.t;
-        r = i - a.t;
-        if (r != 0) return (this.s < 0) ? -r : r;
-        while (--i >= 0)
-            if ((r = this[i] - a[i]) != 0) return r;
-        return 0;
-    }
-
-    // (public) return the number of bits in "this"
-    BigInteger.prototype.bitLength = function() {
-        if (this.t <= 0) return 0;
-        return this.DB * (this.t - 1) + nbits(this[this.t - 1] ^ (this.s & this.DM));
-    };
-
-    // (public) this mod a
-    BigInteger.prototype.mod = function(a) {
-        var r = nbi();
-        this.abs().divRemTo(a, null, r);
-        if (this.s < 0 && r.compareTo(BigInteger.ZERO) > 0) a.subTo(r, r);
-        return r;
-    }
-
-    // (public) this^e % m, 0 <= e < 2^32
-    BigInteger.prototype.modPowInt = function(e, m) {
-        var z;
-        if (e < 256 || m.isEven()) z = new Classic(m);
-        else z = new Montgomery(m);
-        return this.exp(e, z);
-    };
-
-    // "constants"
-    BigInteger.ZERO = nbv(0);
-    BigInteger.ONE = nbv(1);
 
 
 
@@ -1380,2167 +978,2606 @@
 
 
 
-    // Copyright (c) 2005-2009  Tom Wu
-    // All Rights Reserved.
-    // See "LICENSE" for details.
-    // Extended JavaScript BN functions, required for RSA private ops.
-    // Version 1.1: new BigInteger("0", 10) returns "proper" zero
-    // Version 1.2: square() API, isProbablePrime fix
-
-
-    // return index of lowest 1-bit in x, x < 2^31
-    function lbit(x) {
-        if (x == 0) return -1;
-        var r = 0;
-        if ((x & 0xffff) == 0) {
-            x >>= 16;
-            r += 16;
-        }
-        if ((x & 0xff) == 0) {
-            x >>= 8;
-            r += 8;
-        }
-        if ((x & 0xf) == 0) {
-            x >>= 4;
-            r += 4;
-        }
-        if ((x & 3) == 0) {
-            x >>= 2;
-            r += 2;
-        }
-        if ((x & 1) == 0) ++r;
-        return r;
-    }
-
-    // return number of 1 bits in x
-    function cbit(x) {
-        var r = 0;
-        while (x != 0) {
-            x &= x - 1;
-            ++r;
-        }
-        return r;
-    }
-
-    var lowprimes = [2, 3, 5, 7, 11, 13, 17, 19, 23, 29, 31, 37, 41, 43, 47, 53, 59, 61, 67, 71, 73, 79, 83,
-        89,
-        97, 101, 103, 107, 109, 113, 127, 131, 137, 139, 149, 151, 157, 163, 167, 173, 179, 181, 191,
-        193,
-        197, 199, 211, 223, 227, 229, 233, 239, 241, 251, 257, 263, 269, 271, 277, 281, 283, 293, 307,
-        311,
-        313, 317, 331, 337, 347, 349, 353, 359, 367, 373, 379, 383, 389, 397, 401, 409, 419, 421, 431,
-        433,
-        439, 443, 449, 457, 461, 463, 467, 479, 487, 491, 499, 503, 509, 521, 523, 541, 547, 557, 563,
-        569,
-        571, 577, 587, 593, 599, 601, 607, 613, 617, 619, 631, 641, 643, 647, 653, 659, 661, 673, 677,
-        683,
-        691, 701, 709, 719, 727, 733, 739, 743, 751, 757, 761, 769, 773, 787, 797, 809, 811, 821, 823,
-        827,
-        829, 839, 853, 857, 859, 863, 877, 881, 883, 887, 907, 911, 919, 929, 937, 941, 947, 953, 967,
-        971,
-        977, 983, 991, 997
-    ];
-    var lplim = (1 << 26) / lowprimes[lowprimes.length - 1];
-
-
-
-    // (protected) return x s.t. r^x < DV
-    BigInteger.prototype.chunkSize = function(r) {
-        return Math.floor(Math.LN2 * this.DB / Math.log(r));
-    };
-
-    // (protected) convert to radix string
-    BigInteger.prototype.toRadix = function(b) {
-        if (b == null) b = 10;
-        if (this.signum() == 0 || b < 2 || b > 36) return "0";
-        var cs = this.chunkSize(b);
-        var a = Math.pow(b, cs);
-        var d = nbv(a),
-            y = nbi(),
-            z = nbi(),
-            r = "";
-        this.divRemTo(d, y, z);
-        while (y.signum() > 0) {
-            r = (a + z.intValue()).toString(b).substr(1) + r;
-            y.divRemTo(d, y, z);
-        }
-        return z.intValue().toString(b) + r;
-    };
-
-    // (protected) convert from radix string
-    BigInteger.prototype.fromRadix = function(s, b) {
-        this.fromInt(0);
-        if (b == null) b = 10;
-        var cs = this.chunkSize(b);
-        var d = Math.pow(b, cs),
-            mi = false,
-            j = 0,
-            w = 0;
-        for (var i = 0; i < s.length; ++i) {
-            var x = intAt(s, i);
-            if (x < 0) {
-                if (s.charAt(i) == "-" && this.signum() == 0) mi = true;
-                continue;
-            }
-            w = b * w + x;
-            if (++j >= cs) {
-                this.dMultiply(d);
-                this.dAddOffset(w, 0);
-                j = 0;
-                w = 0;
-            }
-        }
-        if (j > 0) {
-            this.dMultiply(Math.pow(b, j));
-            this.dAddOffset(w, 0);
-        }
-        if (mi) BigInteger.ZERO.subTo(this, this);
-    };
-
-    // (protected) alternate constructor
-    BigInteger.prototype.fromNumber = function(a, b, c) {
-        if ("number" == typeof b) {
-            // new BigInteger(int,int,RNG)
-            if (a < 2) this.fromInt(1);
-            else {
-                this.fromNumber(a, c);
-                if (!this.testBit(a - 1)) // force MSB set
-                    this.bitwiseTo(BigInteger.ONE.shiftLeft(a - 1), op_or, this);
-                if (this.isEven()) this.dAddOffset(1, 0); // force odd
-                while (!this.isProbablePrime(b)) {
-                    this.dAddOffset(2, 0);
-                    if (this.bitLength() > a) this.subTo(BigInteger.ONE.shiftLeft(a - 1), this);
-                }
-            }
-        } else {
-            // new BigInteger(int,RNG)
-            var x = new Array(),
-                t = a & 7;
-            x.length = (a >> 3) + 1;
-            b.nextBytes(x);
-            if (t > 0) x[0] &= ((1 << t) - 1);
-            else x[0] = 0;
-            this.fromString(x, 256);
-        }
-    };
-
-    // (protected) r = this op a (bitwise)
-    BigInteger.prototype.bitwiseTo = function(a, op, r) {
-        var i, f, m = Math.min(a.t, this.t);
-        for (i = 0; i < m; ++i) r[i] = op(this[i], a[i]);
-        if (a.t < this.t) {
-            f = a.s & this.DM;
-            for (i = m; i < this.t; ++i) r[i] = op(this[i], f);
+        // (protected) copy this to r
+        BigInteger.prototype.copyTo = function(r) {
+            for (var i = this.t - 1; i >= 0; --i) r[i] = this[i];
             r.t = this.t;
-        } else {
-            f = this.s & this.DM;
-            for (i = m; i < a.t; ++i) r[i] = op(f, a[i]);
-            r.t = a.t;
-        }
-        r.s = op(this.s, a.s);
-        r.clamp();
-    };
-
-    // (protected) this op (1<<n)
-    BigInteger.prototype.changeBit = function(n, op) {
-        var r = BigInteger.ONE.shiftLeft(n);
-        this.bitwiseTo(r, op, r);
-        return r;
-    };
-
-    // (protected) r = this + a
-    BigInteger.prototype.addTo = function(a, r) {
-        var i = 0,
-            c = 0,
-            m = Math.min(a.t, this.t);
-        while (i < m) {
-            c += this[i] + a[i];
-            r[i++] = c & this.DM;
-            c >>= this.DB;
-        }
-        if (a.t < this.t) {
-            c += a.s;
-            while (i < this.t) {
-                c += this[i];
-                r[i++] = c & this.DM;
-                c >>= this.DB;
-            }
-            c += this.s;
-        } else {
-            c += this.s;
-            while (i < a.t) {
-                c += a[i];
-                r[i++] = c & this.DM;
-                c >>= this.DB;
-            }
-            c += a.s;
-        }
-        r.s = (c < 0) ? -1 : 0;
-        if (c > 0) r[i++] = c;
-        else if (c < -1) r[i++] = this.DV + c;
-        r.t = i;
-        r.clamp();
-    };
-
-    // (protected) this *= n, this >= 0, 1 < n < DV
-    BigInteger.prototype.dMultiply = function(n) {
-        this[this.t] = this.am(0, n - 1, this, 0, 0, this.t);
-        ++this.t;
-        this.clamp();
-    };
-
-    // (protected) this += n << w words, this >= 0
-    BigInteger.prototype.dAddOffset = function(n, w) {
-        if (n == 0) return;
-        while (this.t <= w) this[this.t++] = 0;
-        this[w] += n;
-        while (this[w] >= this.DV) {
-            this[w] -= this.DV;
-            if (++w >= this.t) this[this.t++] = 0;
-            ++this[w];
-        }
-    };
-
-    // (protected) r = lower n words of "this * a", a.t <= n
-    // "this" should be the larger one if appropriate.
-    BigInteger.prototype.multiplyLowerTo = function(a, n, r) {
-        var i = Math.min(this.t + a.t, n);
-        r.s = 0; // assumes a,this >= 0
-        r.t = i;
-        while (i > 0) r[--i] = 0;
-        var j;
-        for (j = r.t - this.t; i < j; ++i) r[i + this.t] = this.am(0, a[i], r, i, 0, this.t);
-        for (j = Math.min(a.t, n); i < j; ++i) this.am(0, a[i], r, i, 0, n - i);
-        r.clamp();
-    };
+            r.s = this.s;
+        };
 
 
-    // (protected) r = "this * a" without lower n words, n > 0
-    // "this" should be the larger one if appropriate.
-    BigInteger.prototype.multiplyUpperTo = function(a, n, r) {
-        --n;
-        var i = r.t = this.t + a.t - n;
-        r.s = 0; // assumes a,this >= 0
-        while (--i >= 0) r[i] = 0;
-        for (i = Math.max(n - this.t, 0); i < a.t; ++i)
-            r[this.t + i - n] = this.am(n - i, a[i], r, 0, 0, this.t + i - n);
-        r.clamp();
-        r.drShiftTo(1, r);
-    };
+        // (protected) set from integer value x, -DV <= x < DV
+        BigInteger.prototype.fromInt = function(x) {
+            this.t = 1;
+            this.s = (x < 0) ? -1 : 0;
+            if (x > 0) this[0] = x;
+            else if (x < -1) this[0] = x + this.DV;
+            else this.t = 0;
+        };
 
-    // (protected) this % n, n < 2^26
-    BigInteger.prototype.modInt = function(n) {
-        if (n <= 0) return 0;
-        var d = this.DV % n,
-            r = (this.s < 0) ? n - 1 : 0;
-        if (this.t > 0)
-            if (d == 0) r = this[0] % n;
-            else
-                for (var i = this.t - 1; i >= 0; --i) r = (d * r + this[i]) % n;
-        return r;
-    };
-
-
-    // (protected) true if probably prime (HAC 4.24, Miller-Rabin)
-    BigInteger.prototype.millerRabin = function(t) {
-        var n1 = this.subtract(BigInteger.ONE);
-        var k = n1.getLowestSetBit();
-        if (k <= 0) return false;
-        var r = n1.shiftRight(k);
-        t = (t + 1) >> 1;
-        if (t > lowprimes.length) t = lowprimes.length;
-        var a = nbi();
-        for (var i = 0; i < t; ++i) {
-            //Pick bases at random, instead of starting at 2
-            a.fromInt(lowprimes[Math.floor(Math.random() * lowprimes.length)]);
-            var y = a.modPow(r, this);
-            if (y.compareTo(BigInteger.ONE) != 0 && y.compareTo(n1) != 0) {
-                var j = 1;
-                while (j++ < k && y.compareTo(n1) != 0) {
-                    y = y.modPowInt(2, this);
-                    if (y.compareTo(BigInteger.ONE) == 0) return false;
-                }
-                if (y.compareTo(n1) != 0) return false;
-            }
-        }
-        return true;
-    };
-
-
-
-    // (public)
-    BigInteger.prototype.clone = function() {
-        var r = nbi();
-        this.copyTo(r);
-        return r;
-    };
-
-    // (public) return value as integer
-    BigInteger.prototype.intValue = function() {
-        if (this.s < 0) {
-            if (this.t == 1) return this[0] - this.DV;
-            else if (this.t == 0) return -1;
-        } else if (this.t == 1) return this[0];
-        else if (this.t == 0) return 0;
-        // assumes 16 < DB < 32
-        return ((this[1] & ((1 << (32 - this.DB)) - 1)) << this.DB) | this[0];
-    };
-
-
-    // (public) return value as byte
-    BigInteger.prototype.byteValue = function() {
-        return (this.t == 0) ? this.s : (this[0] << 24) >> 24;
-    };
-
-    // (public) return value as short (assumes DB>=16)
-    BigInteger.prototype.shortValue = function() {
-        return (this.t == 0) ? this.s : (this[0] << 16) >> 16;
-    };
-
-    // (public) 0 if this == 0, 1 if this > 0
-    BigInteger.prototype.signum = function() {
-        if (this.s < 0) return -1;
-        else if (this.t <= 0 || (this.t == 1 && this[0] <= 0)) return 0;
-        else return 1;
-    };
-
-
-    // (public) convert to bigendian byte array
-    BigInteger.prototype.toByteArray = function() {
-        var i = this.t,
-            r = new Array();
-        r[0] = this.s;
-        var p = this.DB - (i * this.DB) % 8,
-            d, k = 0;
-        if (i-- > 0) {
-            if (p < this.DB && (d = this[i] >> p) != (this.s & this.DM) >> p)
-                r[k++] = d | (this.s << (this.DB - p));
-            while (i >= 0) {
-                if (p < 8) {
-                    d = (this[i] & ((1 << p) - 1)) << (8 - p);
-                    d |= this[--i] >> (p += this.DB - 8);
-                } else {
-                    d = (this[i] >> (p -= 8)) & 0xff;
-                    if (p <= 0) {
-                        p += this.DB;
-                        --i;
-                    }
-                }
-                if ((d & 0x80) != 0) d |= -256;
-                if (k == 0 && (this.s & 0x80) != (d & 0x80)) ++k;
-                if (k > 0 || d != this.s) r[k++] = d;
-            }
-        }
-        return r;
-    };
-
-    BigInteger.prototype.equals = function(a) {
-        return (this.compareTo(a) == 0);
-    };
-    BigInteger.prototype.min = function(a) {
-        return (this.compareTo(a) < 0) ? this : a;
-    };
-    BigInteger.prototype.max = function(a) {
-        return (this.compareTo(a) > 0) ? this : a;
-    };
-
-    // (public) this & a
-    function op_and(x, y) {
-        return x & y;
-    }
-    BigInteger.prototype.and = function(a) {
-        var r = nbi();
-        this.bitwiseTo(a, op_and, r);
-        return r;
-    };
-
-    // (public) this | a
-    function op_or(x, y) {
-        return x | y;
-    }
-    BigInteger.prototype.or = function(a) {
-        var r = nbi();
-        this.bitwiseTo(a, op_or, r);
-        return r;
-    };
-
-    // (public) this ^ a
-    function op_xor(x, y) {
-        return x ^ y;
-    }
-    BigInteger.prototype.xor = function(a) {
-        var r = nbi();
-        this.bitwiseTo(a, op_xor, r);
-        return r;
-    };
-
-    // (public) this & ~a
-    function op_andnot(x, y) {
-        return x & ~y;
-    }
-    BigInteger.prototype.andNot = function(a) {
-        var r = nbi();
-        this.bitwiseTo(a, op_andnot, r);
-        return r;
-    };
-
-    // (public) ~this
-    BigInteger.prototype.not = function() {
-        var r = nbi();
-        for (var i = 0; i < this.t; ++i) r[i] = this.DM & ~this[i];
-        r.t = this.t;
-        r.s = ~this.s;
-        return r;
-    };
-
-    // (public) this << n
-    BigInteger.prototype.shiftLeft = function(n) {
-        var r = nbi();
-        if (n < 0) this.rShiftTo(-n, r);
-        else this.lShiftTo(n, r);
-        return r;
-    };
-
-    // (public) this >> n
-    BigInteger.prototype.shiftRight = function(n) {
-        var r = nbi();
-        if (n < 0) this.lShiftTo(-n, r);
-        else this.rShiftTo(n, r);
-        return r;
-    };
-
-    // (public) returns index of lowest 1-bit (or -1 if none)
-    BigInteger.prototype.getLowestSetBit = function() {
-        for (var i = 0; i < this.t; ++i)
-            if (this[i] != 0) return i * this.DB + lbit(this[i]);
-        if (this.s < 0) return this.t * this.DB;
-        return -1;
-    };
-
-    // (public) return number of set bits
-    BigInteger.prototype.bitCount = function() {
-        var r = 0,
-            x = this.s & this.DM;
-        for (var i = 0; i < this.t; ++i) r += cbit(this[i] ^ x);
-        return r;
-    };
-
-    // (public) true iff nth bit is set
-    BigInteger.prototype.testBit = function(n) {
-        var j = Math.floor(n / this.DB);
-        if (j >= this.t) return (this.s != 0);
-        return ((this[j] & (1 << (n % this.DB))) != 0);
-    };
-
-    // (public) this | (1<<n)
-    BigInteger.prototype.setBit = function(n) {
-        return this.changeBit(n, op_or);
-    };
-    // (public) this & ~(1<<n)
-    BigInteger.prototype.clearBit = function(n) {
-        return this.changeBit(n, op_andnot);
-    };
-    // (public) this ^ (1<<n)
-    BigInteger.prototype.flipBit = function(n) {
-        return this.changeBit(n, op_xor);
-    };
-    // (public) this + a
-    BigInteger.prototype.add = function(a) {
-        var r = nbi();
-        this.addTo(a, r);
-        return r;
-    };
-    // (public) this - a
-    BigInteger.prototype.subtract = function(a) {
-        var r = nbi();
-        this.subTo(a, r);
-        return r;
-    };
-    // (public) this * a
-    BigInteger.prototype.multiply = function(a) {
-        var r = nbi();
-        this.multiplyTo(a, r);
-        return r;
-    };
-    // (public) this / a
-    BigInteger.prototype.divide = function(a) {
-        var r = nbi();
-        this.divRemTo(a, r, null);
-        return r;
-    };
-    // (public) this % a
-    BigInteger.prototype.remainder = function(a) {
-        var r = nbi();
-        this.divRemTo(a, null, r);
-        return r;
-    };
-    // (public) [this/a,this%a]
-    BigInteger.prototype.divideAndRemainder = function(a) {
-        var q = nbi(),
-            r = nbi();
-        this.divRemTo(a, q, r);
-        return new Array(q, r);
-    };
-
-    // (public) this^e % m (HAC 14.85)
-    BigInteger.prototype.modPow = function(e, m) {
-        var i = e.bitLength(),
-            k, r = nbv(1),
-            z;
-        if (i <= 0) return r;
-        else if (i < 18) k = 1;
-        else if (i < 48) k = 3;
-        else if (i < 144) k = 4;
-        else if (i < 768) k = 5;
-        else k = 6;
-        if (i < 8)
-            z = new Classic(m);
-        else if (m.isEven())
-            z = new Barrett(m);
-        else
-            z = new Montgomery(m);
-
-        // precomputation
-        var g = new Array(),
-            n = 3,
-            k1 = k - 1,
-            km = (1 << k) - 1;
-        g[1] = z.convert(this);
-        if (k > 1) {
-            var g2 = nbi();
-            z.sqrTo(g[1], g2);
-            while (n <= km) {
-                g[n] = nbi();
-                z.mulTo(g2, g[n - 2], g[n]);
-                n += 2;
-            }
-        }
-
-        var j = e.t - 1,
-            w, is1 = true,
-            r2 = nbi(),
-            t;
-        i = nbits(e[j]) - 1;
-        while (j >= 0) {
-            if (i >= k1) w = (e[j] >> (i - k1)) & km;
+        // (protected) set from string and radix
+        BigInteger.prototype.fromString = function(s, b) {
+            var k;
+            if (b == 16) k = 4;
+            else if (b == 8) k = 3;
+            else if (b == 256) k = 8; // byte array
+            else if (b == 2) k = 1;
+            else if (b == 32) k = 5;
+            else if (b == 4) k = 2;
             else {
-                w = (e[j] & ((1 << (i + 1)) - 1)) << (k1 - i);
-                if (j > 0) w |= e[j - 1] >> (this.DB + i - k1);
+                this.fromRadix(s, b);
+                return;
             }
-
-            n = k;
-            while ((w & 1) == 0) {
-                w >>= 1;
-                --n;
-            }
-            if ((i -= n) < 0) {
-                i += this.DB;
-                --j;
-            }
-            if (is1) { // ret == 1, don't bother squaring or multiplying it
-                g[w].copyTo(r);
-                is1 = false;
-            } else {
-                while (n > 1) {
-                    z.sqrTo(r, r2);
-                    z.sqrTo(r2, r);
-                    n -= 2;
+            this.t = 0;
+            this.s = 0;
+            var i = s.length,
+                mi = false,
+                sh = 0;
+            while (--i >= 0) {
+                var x = (k == 8) ? s[i] & 0xff : intAt(s, i);
+                if (x < 0) {
+                    if (s.charAt(i) == "-") mi = true;
+                    continue;
                 }
-                if (n > 0) z.sqrTo(r, r2);
+                mi = false;
+                if (sh == 0)
+                    this[this.t++] = x;
+                else if (sh + k > this.DB) {
+                    this[this.t - 1] |= (x & ((1 << (this.DB - sh)) - 1)) << sh;
+                    this[this.t++] = (x >> (this.DB - sh));
+                } else
+                    this[this.t - 1] |= x << sh;
+                sh += k;
+                if (sh >= this.DB) sh -= this.DB;
+            }
+            if (k == 8 && (s[0] & 0x80) != 0) {
+                this.s = -1;
+                if (sh > 0) this[this.t - 1] |= ((1 << (this.DB - sh)) - 1) << sh;
+            }
+            this.clamp();
+            if (mi) BigInteger.ZERO.subTo(this, this);
+        };
+
+
+        // (protected) clamp off excess high words
+        BigInteger.prototype.clamp = function() {
+            var c = this.s & this.DM;
+            while (this.t > 0 && this[this.t - 1] == c) --this.t;
+        };
+
+        // (protected) r = this << n*DB
+        BigInteger.prototype.dlShiftTo = function(n, r) {
+            var i;
+            for (i = this.t - 1; i >= 0; --i) r[i + n] = this[i];
+            for (i = n - 1; i >= 0; --i) r[i] = 0;
+            r.t = this.t + n;
+            r.s = this.s;
+        };
+
+        // (protected) r = this >> n*DB
+        BigInteger.prototype.drShiftTo = function(n, r) {
+            for (var i = n; i < this.t; ++i) r[i - n] = this[i];
+            r.t = Math.max(this.t - n, 0);
+            r.s = this.s;
+        };
+
+
+        // (protected) r = this << n
+        BigInteger.prototype.lShiftTo = function(n, r) {
+            var bs = n % this.DB;
+            var cbs = this.DB - bs;
+            var bm = (1 << cbs) - 1;
+            var ds = Math.floor(n / this.DB),
+                c = (this.s << bs) & this.DM,
+                i;
+            for (i = this.t - 1; i >= 0; --i) {
+                r[i + ds + 1] = (this[i] >> cbs) | c;
+                c = (this[i] & bm) << bs;
+            }
+            for (i = ds - 1; i >= 0; --i) r[i] = 0;
+            r[ds] = c;
+            r.t = this.t + ds + 1;
+            r.s = this.s;
+            r.clamp();
+        };
+
+
+        // (protected) r = this >> n
+        BigInteger.prototype.rShiftTo = function(n, r) {
+            r.s = this.s;
+            var ds = Math.floor(n / this.DB);
+            if (ds >= this.t) {
+                r.t = 0;
+                return;
+            }
+            var bs = n % this.DB;
+            var cbs = this.DB - bs;
+            var bm = (1 << bs) - 1;
+            r[0] = this[ds] >> bs;
+            for (var i = ds + 1; i < this.t; ++i) {
+                r[i - ds - 1] |= (this[i] & bm) << cbs;
+                r[i - ds] = this[i] >> bs;
+            }
+            if (bs > 0) r[this.t - ds - 1] |= (this.s & bm) << cbs;
+            r.t = this.t - ds;
+            r.clamp();
+        };
+
+
+        // (protected) r = this - a
+        BigInteger.prototype.subTo = function(a, r) {
+            var i = 0,
+                c = 0,
+                m = Math.min(a.t, this.t);
+            while (i < m) {
+                c += this[i] - a[i];
+                r[i++] = c & this.DM;
+                c >>= this.DB;
+            }
+            if (a.t < this.t) {
+                c -= a.s;
+                while (i < this.t) {
+                    c += this[i];
+                    r[i++] = c & this.DM;
+                    c >>= this.DB;
+                }
+                c += this.s;
+            } else {
+                c += this.s;
+                while (i < a.t) {
+                    c -= a[i];
+                    r[i++] = c & this.DM;
+                    c >>= this.DB;
+                }
+                c -= a.s;
+            }
+            r.s = (c < 0) ? -1 : 0;
+            if (c < -1) r[i++] = this.DV + c;
+            else if (c > 0) r[i++] = c;
+            r.t = i;
+            r.clamp();
+        };
+
+
+        // (protected) r = this * a, r != this,a (HAC 14.12)
+        // "this" should be the larger one if appropriate.
+        BigInteger.prototype.multiplyTo = function(a, r) {
+            var x = this.abs(),
+                y = a.abs();
+            var i = x.t;
+            r.t = i + y.t;
+            while (--i >= 0) r[i] = 0;
+            for (i = 0; i < y.t; ++i) r[i + x.t] = x.am(0, y[i], r, i, 0, x.t);
+            r.s = 0;
+            r.clamp();
+            if (this.s != a.s) BigInteger.ZERO.subTo(r, r);
+        };
+
+
+        // (protected) r = this^2, r != this (HAC 14.16)
+        BigInteger.prototype.squareTo = function(r) {
+            var x = this.abs();
+            var i = r.t = 2 * x.t;
+            while (--i >= 0) r[i] = 0;
+            for (i = 0; i < x.t - 1; ++i) {
+                var c = x.am(i, x[i], r, 2 * i, 0, 1);
+                if ((r[i + x.t] += x.am(i + 1, 2 * x[i], r, 2 * i + 1, c, x.t - i - 1)) >= x.DV) {
+                    r[i + x.t] -= x.DV;
+                    r[i + x.t + 1] = 1;
+                }
+            }
+            if (r.t > 0) r[r.t - 1] += x.am(i, x[i], r, 2 * i, 0, 1);
+            r.s = 0;
+            r.clamp();
+        };
+
+
+
+        // (protected) divide this by m, quotient and remainder to q, r (HAC 14.20)
+        // r != q, this != m.  q or r may be null.
+        BigInteger.prototype.divRemTo = function(m, q, r) {
+            var pm = m.abs();
+            if (pm.t <= 0) return;
+            var pt = this.abs();
+            if (pt.t < pm.t) {
+                if (q != null) q.fromInt(0);
+                if (r != null) this.copyTo(r);
+                return;
+            }
+            if (r == null) r = nbi();
+            var y = nbi(),
+                ts = this.s,
+                ms = m.s;
+            var nsh = this.DB - nbits(pm[pm.t - 1]); // normalize modulus
+            if (nsh > 0) {
+                pm.lShiftTo(nsh, y);
+                pt.lShiftTo(nsh, r);
+            } else {
+                pm.copyTo(y);
+                pt.copyTo(r);
+            }
+            var ys = y.t;
+            var y0 = y[ys - 1];
+            if (y0 == 0) return;
+            var yt = y0 * (1 << this.F1) + ((ys > 1) ? y[ys - 2] >> this.F2 : 0);
+            var d1 = this.FV / yt,
+                d2 = (1 << this.F1) / yt,
+                e = 1 << this.F2;
+            var i = r.t,
+                j = i - ys,
+                t = (q == null) ? nbi() : q;
+            y.dlShiftTo(j, t);
+            if (r.compareTo(t) >= 0) {
+                r[r.t++] = 1;
+                r.subTo(t, r);
+            }
+            BigInteger.ONE.dlShiftTo(ys, t);
+            t.subTo(y, y); // "negative" y so we can replace sub with am later
+            while (y.t < ys) y[y.t++] = 0;
+            while (--j >= 0) {
+                // Estimate quotient digit
+                var qd = (r[--i] == y0) ? this.DM : Math.floor(r[i] * d1 + (r[i - 1] + e) * d2);
+                if ((r[i] += y.am(0, qd, r, j, 0, ys)) < qd) { // Try it out
+                    y.dlShiftTo(j, t);
+                    r.subTo(t, r);
+                    while (r[i] < --qd) r.subTo(t, r);
+                }
+            }
+            if (q != null) {
+                r.drShiftTo(ys, q);
+                if (ts != ms) BigInteger.ZERO.subTo(q, q);
+            }
+            r.t = ys;
+            r.clamp();
+            if (nsh > 0) r.rShiftTo(nsh, r); // Denormalize remainder
+            if (ts < 0) BigInteger.ZERO.subTo(r, r);
+        };
+
+
+        // (protected) return "-1/this % 2^DB"; useful for Mont. reduction
+        // justification:
+        //         xy == 1 (mod m)
+        //         xy =  1+km
+        //   xy(2-xy) = (1+km)(1-km)
+        // x[y(2-xy)] = 1-k^2m^2
+        // x[y(2-xy)] == 1 (mod m^2)
+        // if y is 1/x mod m, then y(2-xy) is 1/x mod m^2
+        // should reduce x and y(2-xy) by m^2 at each step to keep size bounded.
+        // JS multiply "overflows" differently from C/C++, so care is needed here.
+        BigInteger.prototype.invDigit = function() {
+            if (this.t < 1) return 0;
+            var x = this[0];
+            if ((x & 1) == 0) return 0;
+            var y = x & 3; // y == 1/x mod 2^2
+            y = (y * (2 - (x & 0xf) * y)) & 0xf; // y == 1/x mod 2^4
+            y = (y * (2 - (x & 0xff) * y)) & 0xff; // y == 1/x mod 2^8
+            y = (y * (2 - (((x & 0xffff) * y) & 0xffff))) & 0xffff; // y == 1/x mod 2^16
+            // last step - calculate inverse mod DV directly;
+            // assumes 16 < DB <= 32 and assumes ability to handle 48-bit ints
+            y = (y * (2 - x * y % this.DV)) % this.DV; // y == 1/x mod 2^dbits
+            // we really want the negative inverse, and -DV < y < DV
+            return (y > 0) ? this.DV - y : -y;
+        };
+
+
+        // (protected) true iff this is even
+        BigInteger.prototype.isEven = function() {
+            return ((this.t > 0) ? (this[0] & 1) : this.s) == 0;
+        };
+
+
+        // (protected) this^e, e < 2^32, doing sqr and mul with "r" (HAC 14.79)
+        BigInteger.prototype.exp = function(e, z) {
+            if (e > 0xffffffff || e < 1) return BigInteger.ONE;
+            var r = nbi(),
+                r2 = nbi(),
+                g = z.convert(this),
+                i = nbits(e) - 1;
+            g.copyTo(r);
+            while (--i >= 0) {
+                z.sqrTo(r, r2);
+                if ((e & (1 << i)) > 0) z.mulTo(r2, g, r);
                 else {
-                    t = r;
+                    var t = r;
                     r = r2;
                     r2 = t;
                 }
-                z.mulTo(r2, g[w], r);
             }
+            return z.revert(r);
+        };
 
-            while (j >= 0 && (e[j] & (1 << i)) == 0) {
-                z.sqrTo(r, r2);
-                t = r;
-                r = r2;
-                r2 = t;
-                if (--i < 0) {
-                    i = this.DB - 1;
-                    --j;
+
+        // (public) return string representation in given radix
+        BigInteger.prototype.toString = function(b) {
+            if (this.s < 0) return "-" + this.negate().toString(b);
+            var k;
+            if (b == 16) k = 4;
+            else if (b == 8) k = 3;
+            else if (b == 2) k = 1;
+            else if (b == 32) k = 5;
+            else if (b == 4) k = 2;
+            else return this.toRadix(b);
+            var km = (1 << k) - 1,
+                d, m = false,
+                r = "",
+                i = this.t;
+            var p = this.DB - (i * this.DB) % k;
+            if (i-- > 0) {
+                if (p < this.DB && (d = this[i] >> p) > 0) {
+                    m = true;
+                    r = int2char(d);
+                }
+                while (i >= 0) {
+                    if (p < k) {
+                        d = (this[i] & ((1 << p) - 1)) << (k - p);
+                        d |= this[--i] >> (p += this.DB - k);
+                    } else {
+                        d = (this[i] >> (p -= k)) & km;
+                        if (p <= 0) {
+                            p += this.DB;
+                            --i;
+                        }
+                    }
+                    if (d > 0) m = true;
+                    if (m) r += int2char(d);
                 }
             }
-        }
-        return z.revert(r);
-    };
+            return m ? r : "0";
+        };
 
-    // (public) 1/this % m (HAC 14.61)
-    BigInteger.prototype.modInverse = function(m) {
-        var ac = m.isEven();
-        if (this.signum() === 0) throw new Error('division by zero');
-        if ((this.isEven() && ac) || m.signum() == 0) return BigInteger.ZERO;
-        var u = m.clone(),
-            v = this.clone();
-        var a = nbv(1),
-            b = nbv(0),
-            c = nbv(0),
-            d = nbv(1);
-        while (u.signum() != 0) {
-            while (u.isEven()) {
-                u.rShiftTo(1, u);
-                if (ac) {
-                    if (!a.isEven() || !b.isEven()) {
-                        a.addTo(this, a);
-                        b.subTo(m, b);
+
+        // (public) -this
+        BigInteger.prototype.negate = function() {
+            var r = nbi();
+            BigInteger.ZERO.subTo(this, r);
+            return r;
+        };
+
+        // (public) |this|
+        BigInteger.prototype.abs = function() {
+            return (this.s < 0) ? this.negate() : this;
+        };
+
+        // (public) return + if this > a, - if this < a, 0 if equal
+        BigInteger.prototype.compareTo = function(a) {
+            var r = this.s - a.s;
+            if (r != 0) return r;
+            var i = this.t;
+            r = i - a.t;
+            if (r != 0) return (this.s < 0) ? -r : r;
+            while (--i >= 0)
+                if ((r = this[i] - a[i]) != 0) return r;
+            return 0;
+        }
+
+        // (public) return the number of bits in "this"
+        BigInteger.prototype.bitLength = function() {
+            if (this.t <= 0) return 0;
+            return this.DB * (this.t - 1) + nbits(this[this.t - 1] ^ (this.s & this.DM));
+        };
+
+        // (public) this mod a
+        BigInteger.prototype.mod = function(a) {
+            var r = nbi();
+            this.abs().divRemTo(a, null, r);
+            if (this.s < 0 && r.compareTo(BigInteger.ZERO) > 0) a.subTo(r, r);
+            return r;
+        }
+
+        // (public) this^e % m, 0 <= e < 2^32
+        BigInteger.prototype.modPowInt = function(e, m) {
+            var z;
+            if (e < 256 || m.isEven()) z = new Classic(m);
+            else z = new Montgomery(m);
+            return this.exp(e, z);
+        };
+
+        // "constants"
+        BigInteger.ZERO = nbv(0);
+        BigInteger.ONE = nbv(1);
+
+
+
+
+
+
+
+        // Copyright (c) 2005-2009  Tom Wu
+        // All Rights Reserved.
+        // See "LICENSE" for details.
+        // Extended JavaScript BN functions, required for RSA private ops.
+        // Version 1.1: new BigInteger("0", 10) returns "proper" zero
+        // Version 1.2: square() API, isProbablePrime fix
+
+
+        // return index of lowest 1-bit in x, x < 2^31
+        function lbit(x) {
+            if (x == 0) return -1;
+            var r = 0;
+            if ((x & 0xffff) == 0) {
+                x >>= 16;
+                r += 16;
+            }
+            if ((x & 0xff) == 0) {
+                x >>= 8;
+                r += 8;
+            }
+            if ((x & 0xf) == 0) {
+                x >>= 4;
+                r += 4;
+            }
+            if ((x & 3) == 0) {
+                x >>= 2;
+                r += 2;
+            }
+            if ((x & 1) == 0) ++r;
+            return r;
+        }
+
+        // return number of 1 bits in x
+        function cbit(x) {
+            var r = 0;
+            while (x != 0) {
+                x &= x - 1;
+                ++r;
+            }
+            return r;
+        }
+
+        var lowprimes = [2, 3, 5, 7, 11, 13, 17, 19, 23, 29, 31, 37, 41, 43, 47, 53, 59, 61, 67, 71, 73, 79, 83,
+            89,
+            97, 101, 103, 107, 109, 113, 127, 131, 137, 139, 149, 151, 157, 163, 167, 173, 179, 181, 191,
+            193,
+            197, 199, 211, 223, 227, 229, 233, 239, 241, 251, 257, 263, 269, 271, 277, 281, 283, 293, 307,
+            311,
+            313, 317, 331, 337, 347, 349, 353, 359, 367, 373, 379, 383, 389, 397, 401, 409, 419, 421, 431,
+            433,
+            439, 443, 449, 457, 461, 463, 467, 479, 487, 491, 499, 503, 509, 521, 523, 541, 547, 557, 563,
+            569,
+            571, 577, 587, 593, 599, 601, 607, 613, 617, 619, 631, 641, 643, 647, 653, 659, 661, 673, 677,
+            683,
+            691, 701, 709, 719, 727, 733, 739, 743, 751, 757, 761, 769, 773, 787, 797, 809, 811, 821, 823,
+            827,
+            829, 839, 853, 857, 859, 863, 877, 881, 883, 887, 907, 911, 919, 929, 937, 941, 947, 953, 967,
+            971,
+            977, 983, 991, 997
+        ];
+        var lplim = (1 << 26) / lowprimes[lowprimes.length - 1];
+
+
+
+        // (protected) return x s.t. r^x < DV
+        BigInteger.prototype.chunkSize = function(r) {
+            return Math.floor(Math.LN2 * this.DB / Math.log(r));
+        };
+
+        // (protected) convert to radix string
+        BigInteger.prototype.toRadix = function(b) {
+            if (b == null) b = 10;
+            if (this.signum() == 0 || b < 2 || b > 36) return "0";
+            var cs = this.chunkSize(b);
+            var a = Math.pow(b, cs);
+            var d = nbv(a),
+                y = nbi(),
+                z = nbi(),
+                r = "";
+            this.divRemTo(d, y, z);
+            while (y.signum() > 0) {
+                r = (a + z.intValue()).toString(b).substr(1) + r;
+                y.divRemTo(d, y, z);
+            }
+            return z.intValue().toString(b) + r;
+        };
+
+        // (protected) convert from radix string
+        BigInteger.prototype.fromRadix = function(s, b) {
+            this.fromInt(0);
+            if (b == null) b = 10;
+            var cs = this.chunkSize(b);
+            var d = Math.pow(b, cs),
+                mi = false,
+                j = 0,
+                w = 0;
+            for (var i = 0; i < s.length; ++i) {
+                var x = intAt(s, i);
+                if (x < 0) {
+                    if (s.charAt(i) == "-" && this.signum() == 0) mi = true;
+                    continue;
+                }
+                w = b * w + x;
+                if (++j >= cs) {
+                    this.dMultiply(d);
+                    this.dAddOffset(w, 0);
+                    j = 0;
+                    w = 0;
+                }
+            }
+            if (j > 0) {
+                this.dMultiply(Math.pow(b, j));
+                this.dAddOffset(w, 0);
+            }
+            if (mi) BigInteger.ZERO.subTo(this, this);
+        };
+
+        // (protected) alternate constructor
+        BigInteger.prototype.fromNumber = function(a, b, c) {
+            if ("number" == typeof b) {
+                // new BigInteger(int,int,RNG)
+                if (a < 2) this.fromInt(1);
+                else {
+                    this.fromNumber(a, c);
+                    if (!this.testBit(a - 1)) // force MSB set
+                        this.bitwiseTo(BigInteger.ONE.shiftLeft(a - 1), op_or, this);
+                    if (this.isEven()) this.dAddOffset(1, 0); // force odd
+                    while (!this.isProbablePrime(b)) {
+                        this.dAddOffset(2, 0);
+                        if (this.bitLength() > a) this.subTo(BigInteger.ONE.shiftLeft(a - 1), this);
                     }
-                    a.rShiftTo(1, a);
-                } else if (!b.isEven()) b.subTo(m, b);
-                b.rShiftTo(1, b);
+                }
+            } else {
+                // new BigInteger(int,RNG)
+                var x = new Array(),
+                    t = a & 7;
+                x.length = (a >> 3) + 1;
+                b.nextBytes(x);
+                if (t > 0) x[0] &= ((1 << t) - 1);
+                else x[0] = 0;
+                this.fromString(x, 256);
             }
-            while (v.isEven()) {
-                v.rShiftTo(1, v);
-                if (ac) {
-                    if (!c.isEven() || !d.isEven()) {
-                        c.addTo(this, c);
-                        d.subTo(m, d);
+        };
+
+        // (protected) r = this op a (bitwise)
+        BigInteger.prototype.bitwiseTo = function(a, op, r) {
+            var i, f, m = Math.min(a.t, this.t);
+            for (i = 0; i < m; ++i) r[i] = op(this[i], a[i]);
+            if (a.t < this.t) {
+                f = a.s & this.DM;
+                for (i = m; i < this.t; ++i) r[i] = op(this[i], f);
+                r.t = this.t;
+            } else {
+                f = this.s & this.DM;
+                for (i = m; i < a.t; ++i) r[i] = op(f, a[i]);
+                r.t = a.t;
+            }
+            r.s = op(this.s, a.s);
+            r.clamp();
+        };
+
+        // (protected) this op (1<<n)
+        BigInteger.prototype.changeBit = function(n, op) {
+            var r = BigInteger.ONE.shiftLeft(n);
+            this.bitwiseTo(r, op, r);
+            return r;
+        };
+
+        // (protected) r = this + a
+        BigInteger.prototype.addTo = function(a, r) {
+            var i = 0,
+                c = 0,
+                m = Math.min(a.t, this.t);
+            while (i < m) {
+                c += this[i] + a[i];
+                r[i++] = c & this.DM;
+                c >>= this.DB;
+            }
+            if (a.t < this.t) {
+                c += a.s;
+                while (i < this.t) {
+                    c += this[i];
+                    r[i++] = c & this.DM;
+                    c >>= this.DB;
+                }
+                c += this.s;
+            } else {
+                c += this.s;
+                while (i < a.t) {
+                    c += a[i];
+                    r[i++] = c & this.DM;
+                    c >>= this.DB;
+                }
+                c += a.s;
+            }
+            r.s = (c < 0) ? -1 : 0;
+            if (c > 0) r[i++] = c;
+            else if (c < -1) r[i++] = this.DV + c;
+            r.t = i;
+            r.clamp();
+        };
+
+        // (protected) this *= n, this >= 0, 1 < n < DV
+        BigInteger.prototype.dMultiply = function(n) {
+            this[this.t] = this.am(0, n - 1, this, 0, 0, this.t);
+            ++this.t;
+            this.clamp();
+        };
+
+        // (protected) this += n << w words, this >= 0
+        BigInteger.prototype.dAddOffset = function(n, w) {
+            if (n == 0) return;
+            while (this.t <= w) this[this.t++] = 0;
+            this[w] += n;
+            while (this[w] >= this.DV) {
+                this[w] -= this.DV;
+                if (++w >= this.t) this[this.t++] = 0;
+                ++this[w];
+            }
+        };
+
+        // (protected) r = lower n words of "this * a", a.t <= n
+        // "this" should be the larger one if appropriate.
+        BigInteger.prototype.multiplyLowerTo = function(a, n, r) {
+            var i = Math.min(this.t + a.t, n);
+            r.s = 0; // assumes a,this >= 0
+            r.t = i;
+            while (i > 0) r[--i] = 0;
+            var j;
+            for (j = r.t - this.t; i < j; ++i) r[i + this.t] = this.am(0, a[i], r, i, 0, this.t);
+            for (j = Math.min(a.t, n); i < j; ++i) this.am(0, a[i], r, i, 0, n - i);
+            r.clamp();
+        };
+
+
+        // (protected) r = "this * a" without lower n words, n > 0
+        // "this" should be the larger one if appropriate.
+        BigInteger.prototype.multiplyUpperTo = function(a, n, r) {
+            --n;
+            var i = r.t = this.t + a.t - n;
+            r.s = 0; // assumes a,this >= 0
+            while (--i >= 0) r[i] = 0;
+            for (i = Math.max(n - this.t, 0); i < a.t; ++i)
+                r[this.t + i - n] = this.am(n - i, a[i], r, 0, 0, this.t + i - n);
+            r.clamp();
+            r.drShiftTo(1, r);
+        };
+
+        // (protected) this % n, n < 2^26
+        BigInteger.prototype.modInt = function(n) {
+            if (n <= 0) return 0;
+            var d = this.DV % n,
+                r = (this.s < 0) ? n - 1 : 0;
+            if (this.t > 0)
+                if (d == 0) r = this[0] % n;
+                else
+                    for (var i = this.t - 1; i >= 0; --i) r = (d * r + this[i]) % n;
+            return r;
+        };
+
+
+        // (protected) true if probably prime (HAC 4.24, Miller-Rabin)
+        BigInteger.prototype.millerRabin = function(t) {
+            var n1 = this.subtract(BigInteger.ONE);
+            var k = n1.getLowestSetBit();
+            if (k <= 0) return false;
+            var r = n1.shiftRight(k);
+            t = (t + 1) >> 1;
+            if (t > lowprimes.length) t = lowprimes.length;
+            var a = nbi();
+            for (var i = 0; i < t; ++i) {
+                //Pick bases at random, instead of starting at 2
+                a.fromInt(lowprimes[Math.floor(Math.random() * lowprimes.length)]);
+                var y = a.modPow(r, this);
+                if (y.compareTo(BigInteger.ONE) != 0 && y.compareTo(n1) != 0) {
+                    var j = 1;
+                    while (j++ < k && y.compareTo(n1) != 0) {
+                        y = y.modPowInt(2, this);
+                        if (y.compareTo(BigInteger.ONE) == 0) return false;
                     }
-                    c.rShiftTo(1, c);
-                } else if (!d.isEven()) d.subTo(m, d);
-                d.rShiftTo(1, d);
+                    if (y.compareTo(n1) != 0) return false;
+                }
             }
-            if (u.compareTo(v) >= 0) {
-                u.subTo(v, u);
-                if (ac) a.subTo(c, a);
-                b.subTo(d, b);
+            return true;
+        };
+
+
+
+        // (public)
+        BigInteger.prototype.clone = function() {
+            var r = nbi();
+            this.copyTo(r);
+            return r;
+        };
+
+        // (public) return value as integer
+        BigInteger.prototype.intValue = function() {
+            if (this.s < 0) {
+                if (this.t == 1) return this[0] - this.DV;
+                else if (this.t == 0) return -1;
+            } else if (this.t == 1) return this[0];
+            else if (this.t == 0) return 0;
+            // assumes 16 < DB < 32
+            return ((this[1] & ((1 << (32 - this.DB)) - 1)) << this.DB) | this[0];
+        };
+
+
+        // (public) return value as byte
+        BigInteger.prototype.byteValue = function() {
+            return (this.t == 0) ? this.s : (this[0] << 24) >> 24;
+        };
+
+        // (public) return value as short (assumes DB>=16)
+        BigInteger.prototype.shortValue = function() {
+            return (this.t == 0) ? this.s : (this[0] << 16) >> 16;
+        };
+
+        // (public) 0 if this == 0, 1 if this > 0
+        BigInteger.prototype.signum = function() {
+            if (this.s < 0) return -1;
+            else if (this.t <= 0 || (this.t == 1 && this[0] <= 0)) return 0;
+            else return 1;
+        };
+
+
+        // (public) convert to bigendian byte array
+        BigInteger.prototype.toByteArray = function() {
+            var i = this.t,
+                r = new Array();
+            r[0] = this.s;
+            var p = this.DB - (i * this.DB) % 8,
+                d, k = 0;
+            if (i-- > 0) {
+                if (p < this.DB && (d = this[i] >> p) != (this.s & this.DM) >> p)
+                    r[k++] = d | (this.s << (this.DB - p));
+                while (i >= 0) {
+                    if (p < 8) {
+                        d = (this[i] & ((1 << p) - 1)) << (8 - p);
+                        d |= this[--i] >> (p += this.DB - 8);
+                    } else {
+                        d = (this[i] >> (p -= 8)) & 0xff;
+                        if (p <= 0) {
+                            p += this.DB;
+                            --i;
+                        }
+                    }
+                    if ((d & 0x80) != 0) d |= -256;
+                    if (k == 0 && (this.s & 0x80) != (d & 0x80)) ++k;
+                    if (k > 0 || d != this.s) r[k++] = d;
+                }
+            }
+            return r;
+        };
+
+        BigInteger.prototype.equals = function(a) {
+            return (this.compareTo(a) == 0);
+        };
+        BigInteger.prototype.min = function(a) {
+            return (this.compareTo(a) < 0) ? this : a;
+        };
+        BigInteger.prototype.max = function(a) {
+            return (this.compareTo(a) > 0) ? this : a;
+        };
+
+        // (public) this & a
+        function op_and(x, y) {
+            return x & y;
+        }
+        BigInteger.prototype.and = function(a) {
+            var r = nbi();
+            this.bitwiseTo(a, op_and, r);
+            return r;
+        };
+
+        // (public) this | a
+        function op_or(x, y) {
+            return x | y;
+        }
+        BigInteger.prototype.or = function(a) {
+            var r = nbi();
+            this.bitwiseTo(a, op_or, r);
+            return r;
+        };
+
+        // (public) this ^ a
+        function op_xor(x, y) {
+            return x ^ y;
+        }
+        BigInteger.prototype.xor = function(a) {
+            var r = nbi();
+            this.bitwiseTo(a, op_xor, r);
+            return r;
+        };
+
+        // (public) this & ~a
+        function op_andnot(x, y) {
+            return x & ~y;
+        }
+        BigInteger.prototype.andNot = function(a) {
+            var r = nbi();
+            this.bitwiseTo(a, op_andnot, r);
+            return r;
+        };
+
+        // (public) ~this
+        BigInteger.prototype.not = function() {
+            var r = nbi();
+            for (var i = 0; i < this.t; ++i) r[i] = this.DM & ~this[i];
+            r.t = this.t;
+            r.s = ~this.s;
+            return r;
+        };
+
+        // (public) this << n
+        BigInteger.prototype.shiftLeft = function(n) {
+            var r = nbi();
+            if (n < 0) this.rShiftTo(-n, r);
+            else this.lShiftTo(n, r);
+            return r;
+        };
+
+        // (public) this >> n
+        BigInteger.prototype.shiftRight = function(n) {
+            var r = nbi();
+            if (n < 0) this.lShiftTo(-n, r);
+            else this.rShiftTo(n, r);
+            return r;
+        };
+
+        // (public) returns index of lowest 1-bit (or -1 if none)
+        BigInteger.prototype.getLowestSetBit = function() {
+            for (var i = 0; i < this.t; ++i)
+                if (this[i] != 0) return i * this.DB + lbit(this[i]);
+            if (this.s < 0) return this.t * this.DB;
+            return -1;
+        };
+
+        // (public) return number of set bits
+        BigInteger.prototype.bitCount = function() {
+            var r = 0,
+                x = this.s & this.DM;
+            for (var i = 0; i < this.t; ++i) r += cbit(this[i] ^ x);
+            return r;
+        };
+
+        // (public) true iff nth bit is set
+        BigInteger.prototype.testBit = function(n) {
+            var j = Math.floor(n / this.DB);
+            if (j >= this.t) return (this.s != 0);
+            return ((this[j] & (1 << (n % this.DB))) != 0);
+        };
+
+        // (public) this | (1<<n)
+        BigInteger.prototype.setBit = function(n) {
+            return this.changeBit(n, op_or);
+        };
+        // (public) this & ~(1<<n)
+        BigInteger.prototype.clearBit = function(n) {
+            return this.changeBit(n, op_andnot);
+        };
+        // (public) this ^ (1<<n)
+        BigInteger.prototype.flipBit = function(n) {
+            return this.changeBit(n, op_xor);
+        };
+        // (public) this + a
+        BigInteger.prototype.add = function(a) {
+            var r = nbi();
+            this.addTo(a, r);
+            return r;
+        };
+        // (public) this - a
+        BigInteger.prototype.subtract = function(a) {
+            var r = nbi();
+            this.subTo(a, r);
+            return r;
+        };
+        // (public) this * a
+        BigInteger.prototype.multiply = function(a) {
+            var r = nbi();
+            this.multiplyTo(a, r);
+            return r;
+        };
+        // (public) this / a
+        BigInteger.prototype.divide = function(a) {
+            var r = nbi();
+            this.divRemTo(a, r, null);
+            return r;
+        };
+        // (public) this % a
+        BigInteger.prototype.remainder = function(a) {
+            var r = nbi();
+            this.divRemTo(a, null, r);
+            return r;
+        };
+        // (public) [this/a,this%a]
+        BigInteger.prototype.divideAndRemainder = function(a) {
+            var q = nbi(),
+                r = nbi();
+            this.divRemTo(a, q, r);
+            return new Array(q, r);
+        };
+
+        // (public) this^e % m (HAC 14.85)
+        BigInteger.prototype.modPow = function(e, m) {
+            var i = e.bitLength(),
+                k, r = nbv(1),
+                z;
+            if (i <= 0) return r;
+            else if (i < 18) k = 1;
+            else if (i < 48) k = 3;
+            else if (i < 144) k = 4;
+            else if (i < 768) k = 5;
+            else k = 6;
+            if (i < 8)
+                z = new Classic(m);
+            else if (m.isEven())
+                z = new Barrett(m);
+            else
+                z = new Montgomery(m);
+
+            // precomputation
+            var g = new Array(),
+                n = 3,
+                k1 = k - 1,
+                km = (1 << k) - 1;
+            g[1] = z.convert(this);
+            if (k > 1) {
+                var g2 = nbi();
+                z.sqrTo(g[1], g2);
+                while (n <= km) {
+                    g[n] = nbi();
+                    z.mulTo(g2, g[n - 2], g[n]);
+                    n += 2;
+                }
+            }
+
+            var j = e.t - 1,
+                w, is1 = true,
+                r2 = nbi(),
+                t;
+            i = nbits(e[j]) - 1;
+            while (j >= 0) {
+                if (i >= k1) w = (e[j] >> (i - k1)) & km;
+                else {
+                    w = (e[j] & ((1 << (i + 1)) - 1)) << (k1 - i);
+                    if (j > 0) w |= e[j - 1] >> (this.DB + i - k1);
+                }
+
+                n = k;
+                while ((w & 1) == 0) {
+                    w >>= 1;
+                    --n;
+                }
+                if ((i -= n) < 0) {
+                    i += this.DB;
+                    --j;
+                }
+                if (is1) { // ret == 1, don't bother squaring or multiplying it
+                    g[w].copyTo(r);
+                    is1 = false;
+                } else {
+                    while (n > 1) {
+                        z.sqrTo(r, r2);
+                        z.sqrTo(r2, r);
+                        n -= 2;
+                    }
+                    if (n > 0) z.sqrTo(r, r2);
+                    else {
+                        t = r;
+                        r = r2;
+                        r2 = t;
+                    }
+                    z.mulTo(r2, g[w], r);
+                }
+
+                while (j >= 0 && (e[j] & (1 << i)) == 0) {
+                    z.sqrTo(r, r2);
+                    t = r;
+                    r = r2;
+                    r2 = t;
+                    if (--i < 0) {
+                        i = this.DB - 1;
+                        --j;
+                    }
+                }
+            }
+            return z.revert(r);
+        };
+
+        // (public) 1/this % m (HAC 14.61)
+        BigInteger.prototype.modInverse = function(m) {
+            var ac = m.isEven();
+            if (this.signum() === 0) throw new Error('division by zero');
+            if ((this.isEven() && ac) || m.signum() == 0) return BigInteger.ZERO;
+            var u = m.clone(),
+                v = this.clone();
+            var a = nbv(1),
+                b = nbv(0),
+                c = nbv(0),
+                d = nbv(1);
+            while (u.signum() != 0) {
+                while (u.isEven()) {
+                    u.rShiftTo(1, u);
+                    if (ac) {
+                        if (!a.isEven() || !b.isEven()) {
+                            a.addTo(this, a);
+                            b.subTo(m, b);
+                        }
+                        a.rShiftTo(1, a);
+                    } else if (!b.isEven()) b.subTo(m, b);
+                    b.rShiftTo(1, b);
+                }
+                while (v.isEven()) {
+                    v.rShiftTo(1, v);
+                    if (ac) {
+                        if (!c.isEven() || !d.isEven()) {
+                            c.addTo(this, c);
+                            d.subTo(m, d);
+                        }
+                        c.rShiftTo(1, c);
+                    } else if (!d.isEven()) d.subTo(m, d);
+                    d.rShiftTo(1, d);
+                }
+                if (u.compareTo(v) >= 0) {
+                    u.subTo(v, u);
+                    if (ac) a.subTo(c, a);
+                    b.subTo(d, b);
+                } else {
+                    v.subTo(u, v);
+                    if (ac) c.subTo(a, c);
+                    d.subTo(b, d);
+                }
+            }
+            if (v.compareTo(BigInteger.ONE) != 0) return BigInteger.ZERO;
+            while (d.compareTo(m) >= 0) d.subTo(m, d);
+            while (d.signum() < 0) d.addTo(m, d);
+            return d;
+        };
+
+
+        // (public) this^e
+        BigInteger.prototype.pow = function(e) {
+            return this.exp(e, new NullExp());
+        };
+
+        // (public) gcd(this,a) (HAC 14.54)
+        BigInteger.prototype.gcd = function(a) {
+            var x = (this.s < 0) ? this.negate() : this.clone();
+            var y = (a.s < 0) ? a.negate() : a.clone();
+            if (x.compareTo(y) < 0) {
+                var t = x;
+                x = y;
+                y = t;
+            }
+            var i = x.getLowestSetBit(),
+                g = y.getLowestSetBit();
+            if (g < 0) return x;
+            if (i < g) g = i;
+            if (g > 0) {
+                x.rShiftTo(g, x);
+                y.rShiftTo(g, y);
+            }
+            while (x.signum() > 0) {
+                if ((i = x.getLowestSetBit()) > 0) x.rShiftTo(i, x);
+                if ((i = y.getLowestSetBit()) > 0) y.rShiftTo(i, y);
+                if (x.compareTo(y) >= 0) {
+                    x.subTo(y, x);
+                    x.rShiftTo(1, x);
+                } else {
+                    y.subTo(x, y);
+                    y.rShiftTo(1, y);
+                }
+            }
+            if (g > 0) y.lShiftTo(g, y);
+            return y;
+        };
+
+        // (public) test primality with certainty >= 1-.5^t
+        BigInteger.prototype.isProbablePrime = function(t) {
+            var i, x = this.abs();
+            if (x.t == 1 && x[0] <= lowprimes[lowprimes.length - 1]) {
+                for (i = 0; i < lowprimes.length; ++i)
+                    if (x[0] == lowprimes[i]) return true;
+                return false;
+            }
+            if (x.isEven()) return false;
+            i = 1;
+            while (i < lowprimes.length) {
+                var m = lowprimes[i],
+                    j = i + 1;
+                while (j < lowprimes.length && m < lplim) m *= lowprimes[j++];
+                m = x.modInt(m);
+                while (i < j)
+                    if (m % lowprimes[i++] == 0) return false;
+            }
+            return x.millerRabin(t);
+        };
+
+
+        // JSBN-specific extension
+
+        // (public) this^2
+        BigInteger.prototype.square = function() {
+            var r = nbi();
+            this.squareTo(r);
+            return r;
+        };
+
+
+        // NOTE: BigInteger interfaces not implemented in jsbn:
+        // BigInteger(int signum, byte[] magnitude)
+        // double doubleValue()
+        // float floatValue()
+        // int hashCode()
+        // long longValue()
+        // static BigInteger valueOf(long val)
+
+
+
+        // Copyright Stephan Thomas (start) --- //
+        // https://raw.github.com/bitcoinjs/bitcoinjs-lib/07f9d55ccb6abd962efb6befdd37671f85ea4ff9/src/util.js
+        // BigInteger monkey patching
+        BigInteger.valueOf = nbv;
+
+        /**
+         * Returns a byte array representation of the big integer.
+         *
+         * This returns the absolute of the contained value in big endian
+         * form. A value of zero results in an empty array.
+         */
+        BigInteger.prototype.toByteArrayUnsigned = function() {
+            var ba = this.abs().toByteArray();
+            if (ba.length) {
+                if (ba[0] == 0) {
+                    ba = ba.slice(1);
+                }
+                return ba.map(function(v) {
+                    return (v < 0) ? v + 256 : v;
+                });
             } else {
-                v.subTo(u, v);
-                if (ac) c.subTo(a, c);
-                d.subTo(b, d);
+                // Empty array, nothing to do
+                return ba;
             }
-        }
-        if (v.compareTo(BigInteger.ONE) != 0) return BigInteger.ZERO;
-        while (d.compareTo(m) >= 0) d.subTo(m, d);
-        while (d.signum() < 0) d.addTo(m, d);
-        return d;
-    };
+        };
 
-
-    // (public) this^e
-    BigInteger.prototype.pow = function(e) {
-        return this.exp(e, new NullExp());
-    };
-
-    // (public) gcd(this,a) (HAC 14.54)
-    BigInteger.prototype.gcd = function(a) {
-        var x = (this.s < 0) ? this.negate() : this.clone();
-        var y = (a.s < 0) ? a.negate() : a.clone();
-        if (x.compareTo(y) < 0) {
-            var t = x;
-            x = y;
-            y = t;
-        }
-        var i = x.getLowestSetBit(),
-            g = y.getLowestSetBit();
-        if (g < 0) return x;
-        if (i < g) g = i;
-        if (g > 0) {
-            x.rShiftTo(g, x);
-            y.rShiftTo(g, y);
-        }
-        while (x.signum() > 0) {
-            if ((i = x.getLowestSetBit()) > 0) x.rShiftTo(i, x);
-            if ((i = y.getLowestSetBit()) > 0) y.rShiftTo(i, y);
-            if (x.compareTo(y) >= 0) {
-                x.subTo(y, x);
-                x.rShiftTo(1, x);
+        /**
+         * Turns a byte array into a big integer.
+         *
+         * This function will interpret a byte array as a big integer in big
+         * endian notation and ignore leading zeros.
+         */
+        BigInteger.fromByteArrayUnsigned = function(ba) {
+            if (!ba.length) {
+                return ba.valueOf(0);
+            } else if (ba[0] & 0x80) {
+                // Prepend a zero so the BigInteger class doesn't mistake this
+                // for a negative integer.
+                return new BigInteger([0].concat(ba));
             } else {
-                y.subTo(x, y);
-                y.rShiftTo(1, y);
+                return new BigInteger(ba);
             }
-        }
-        if (g > 0) y.lShiftTo(g, y);
-        return y;
-    };
+        };
 
-    // (public) test primality with certainty >= 1-.5^t
-    BigInteger.prototype.isProbablePrime = function(t) {
-        var i, x = this.abs();
-        if (x.t == 1 && x[0] <= lowprimes[lowprimes.length - 1]) {
-            for (i = 0; i < lowprimes.length; ++i)
-                if (x[0] == lowprimes[i]) return true;
-            return false;
-        }
-        if (x.isEven()) return false;
-        i = 1;
-        while (i < lowprimes.length) {
-            var m = lowprimes[i],
-                j = i + 1;
-            while (j < lowprimes.length && m < lplim) m *= lowprimes[j++];
-            m = x.modInt(m);
-            while (i < j)
-                if (m % lowprimes[i++] == 0) return false;
-        }
-        return x.millerRabin(t);
-    };
+        /**
+         * Converts big integer to signed byte representation.
+         *
+         * The format for this value uses a the most significant bit as a sign
+         * bit. If the most significant bit is already occupied by the
+         * absolute value, an extra byte is prepended and the sign bit is set
+         * there.
+         *
+         * Examples:
+         *
+         *      0 =>     0x00
+         *      1 =>     0x01
+         *     -1 =>     0x81
+         *    127 =>     0x7f
+         *   -127 =>     0xff
+         *    128 =>   0x0080
+         *   -128 =>   0x8080
+         *    255 =>   0x00ff
+         *   -255 =>   0x80ff
+         *  16300 =>   0x3fac
+         * -16300 =>   0xbfac
+         *  62300 => 0x00f35c
+         * -62300 => 0x80f35c
+         */
+        BigInteger.prototype.toByteArraySigned = function() {
+            var val = this.abs().toByteArrayUnsigned();
+            var neg = this.compareTo(BigInteger.ZERO) < 0;
 
-
-    // JSBN-specific extension
-
-    // (public) this^2
-    BigInteger.prototype.square = function() {
-        var r = nbi();
-        this.squareTo(r);
-        return r;
-    };
-
-
-    // NOTE: BigInteger interfaces not implemented in jsbn:
-    // BigInteger(int signum, byte[] magnitude)
-    // double doubleValue()
-    // float floatValue()
-    // int hashCode()
-    // long longValue()
-    // static BigInteger valueOf(long val)
-
-
-
-    // Copyright Stephan Thomas (start) --- //
-    // https://raw.github.com/bitcoinjs/bitcoinjs-lib/07f9d55ccb6abd962efb6befdd37671f85ea4ff9/src/util.js
-    // BigInteger monkey patching
-    BigInteger.valueOf = nbv;
-
-    /**
-     * Returns a byte array representation of the big integer.
-     *
-     * This returns the absolute of the contained value in big endian
-     * form. A value of zero results in an empty array.
-     */
-    BigInteger.prototype.toByteArrayUnsigned = function() {
-        var ba = this.abs().toByteArray();
-        if (ba.length) {
-            if (ba[0] == 0) {
-                ba = ba.slice(1);
-            }
-            return ba.map(function(v) {
-                return (v < 0) ? v + 256 : v;
-            });
-        } else {
-            // Empty array, nothing to do
-            return ba;
-        }
-    };
-
-    /**
-     * Turns a byte array into a big integer.
-     *
-     * This function will interpret a byte array as a big integer in big
-     * endian notation and ignore leading zeros.
-     */
-    BigInteger.fromByteArrayUnsigned = function(ba) {
-        if (!ba.length) {
-            return ba.valueOf(0);
-        } else if (ba[0] & 0x80) {
-            // Prepend a zero so the BigInteger class doesn't mistake this
-            // for a negative integer.
-            return new BigInteger([0].concat(ba));
-        } else {
-            return new BigInteger(ba);
-        }
-    };
-
-    /**
-     * Converts big integer to signed byte representation.
-     *
-     * The format for this value uses a the most significant bit as a sign
-     * bit. If the most significant bit is already occupied by the
-     * absolute value, an extra byte is prepended and the sign bit is set
-     * there.
-     *
-     * Examples:
-     *
-     *      0 =>     0x00
-     *      1 =>     0x01
-     *     -1 =>     0x81
-     *    127 =>     0x7f
-     *   -127 =>     0xff
-     *    128 =>   0x0080
-     *   -128 =>   0x8080
-     *    255 =>   0x00ff
-     *   -255 =>   0x80ff
-     *  16300 =>   0x3fac
-     * -16300 =>   0xbfac
-     *  62300 => 0x00f35c
-     * -62300 => 0x80f35c
-     */
-    BigInteger.prototype.toByteArraySigned = function() {
-        var val = this.abs().toByteArrayUnsigned();
-        var neg = this.compareTo(BigInteger.ZERO) < 0;
-
-        if (neg) {
-            if (val[0] & 0x80) {
-                val.unshift(0x80);
+            if (neg) {
+                if (val[0] & 0x80) {
+                    val.unshift(0x80);
+                } else {
+                    val[0] |= 0x80;
+                }
             } else {
-                val[0] |= 0x80;
+                if (val[0] & 0x80) {
+                    val.unshift(0x00);
+                }
             }
-        } else {
-            if (val[0] & 0x80) {
-                val.unshift(0x00);
+
+            return val;
+        };
+
+        /**
+         * Parse a signed big integer byte representation.
+         *
+         * For details on the format please see BigInteger.toByteArraySigned.
+         */
+        BigInteger.fromByteArraySigned = function(ba) {
+            // Check for negative value
+            if (ba[0] & 0x80) {
+                // Remove sign bit
+                ba[0] &= 0x7f;
+
+                return BigInteger.fromByteArrayUnsigned(ba).negate();
+            } else {
+                return BigInteger.fromByteArrayUnsigned(ba);
             }
+        };
+        // Copyright Stephan Thomas (end) --- //
+
+
+
+
+        // ****** REDUCTION ******* //
+
+        // Modular reduction using "classic" algorithm
+        var Classic = GLOBAL.Classic = function Classic(m) {
+            this.m = m;
         }
+        Classic.prototype.convert = function(x) {
+            if (x.s < 0 || x.compareTo(this.m) >= 0) return x.mod(this.m);
+            else return x;
+        };
+        Classic.prototype.revert = function(x) {
+            return x;
+        };
+        Classic.prototype.reduce = function(x) {
+            x.divRemTo(this.m, null, x);
+        };
+        Classic.prototype.mulTo = function(x, y, r) {
+            x.multiplyTo(y, r);
+            this.reduce(r);
+        };
+        Classic.prototype.sqrTo = function(x, r) {
+            x.squareTo(r);
+            this.reduce(r);
+        };
 
-        return val;
-    };
 
-    /**
-     * Parse a signed big integer byte representation.
-     *
-     * For details on the format please see BigInteger.toByteArraySigned.
-     */
-    BigInteger.fromByteArraySigned = function(ba) {
-        // Check for negative value
-        if (ba[0] & 0x80) {
-            // Remove sign bit
-            ba[0] &= 0x7f;
 
-            return BigInteger.fromByteArrayUnsigned(ba).negate();
-        } else {
-            return BigInteger.fromByteArrayUnsigned(ba);
+
+
+        // Montgomery reduction
+        var Montgomery = GLOBAL.Montgomery = function Montgomery(m) {
+            this.m = m;
+            this.mp = m.invDigit();
+            this.mpl = this.mp & 0x7fff;
+            this.mph = this.mp >> 15;
+            this.um = (1 << (m.DB - 15)) - 1;
+            this.mt2 = 2 * m.t;
         }
-    };
-    // Copyright Stephan Thomas (end) --- //
-
-
-
-
-    // ****** REDUCTION ******* //
-
-    // Modular reduction using "classic" algorithm
-    var Classic = GLOBAL.Classic = function Classic(m) {
-        this.m = m;
-    }
-    Classic.prototype.convert = function(x) {
-        if (x.s < 0 || x.compareTo(this.m) >= 0) return x.mod(this.m);
-        else return x;
-    };
-    Classic.prototype.revert = function(x) {
-        return x;
-    };
-    Classic.prototype.reduce = function(x) {
-        x.divRemTo(this.m, null, x);
-    };
-    Classic.prototype.mulTo = function(x, y, r) {
-        x.multiplyTo(y, r);
-        this.reduce(r);
-    };
-    Classic.prototype.sqrTo = function(x, r) {
-        x.squareTo(r);
-        this.reduce(r);
-    };
-
-
-
-
-
-    // Montgomery reduction
-    var Montgomery = GLOBAL.Montgomery = function Montgomery(m) {
-        this.m = m;
-        this.mp = m.invDigit();
-        this.mpl = this.mp & 0x7fff;
-        this.mph = this.mp >> 15;
-        this.um = (1 << (m.DB - 15)) - 1;
-        this.mt2 = 2 * m.t;
-    }
-    // xR mod m
-    Montgomery.prototype.convert = function(x) {
-        var r = nbi();
-        x.abs().dlShiftTo(this.m.t, r);
-        r.divRemTo(this.m, null, r);
-        if (x.s < 0 && r.compareTo(BigInteger.ZERO) > 0) this.m.subTo(r, r);
-        return r;
-    }
-    // x/R mod m
-    Montgomery.prototype.revert = function(x) {
-        var r = nbi();
-        x.copyTo(r);
-        this.reduce(r);
-        return r;
-    };
-    // x = x/R mod m (HAC 14.32)
-    Montgomery.prototype.reduce = function(x) {
-        while (x.t <= this.mt2) // pad x so am has enough room later
-            x[x.t++] = 0;
-        for (var i = 0; i < this.m.t; ++i) {
-            // faster way of calculating u0 = x[i]*mp mod DV
-            var j = x[i] & 0x7fff;
-            var u0 = (j * this.mpl + (((j * this.mph + (x[i] >> 15) * this.mpl) & this.um) << 15)) & x.DM;
-            // use am to combine the multiply-shift-add into one call
-            j = i + this.m.t;
-            x[j] += this.m.am(0, u0, x, i, 0, this.m.t);
-            // propagate carry
-            while (x[j] >= x.DV) {
-                x[j] -= x.DV;
-                x[++j]++;
-            }
+        // xR mod m
+        Montgomery.prototype.convert = function(x) {
+            var r = nbi();
+            x.abs().dlShiftTo(this.m.t, r);
+            r.divRemTo(this.m, null, r);
+            if (x.s < 0 && r.compareTo(BigInteger.ZERO) > 0) this.m.subTo(r, r);
+            return r;
         }
-        x.clamp();
-        x.drShiftTo(this.m.t, x);
-        if (x.compareTo(this.m) >= 0) x.subTo(this.m, x);
-    };
-    // r = "xy/R mod m"; x,y != r
-    Montgomery.prototype.mulTo = function(x, y, r) {
-        x.multiplyTo(y, r);
-        this.reduce(r);
-    };
-    // r = "x^2/R mod m"; x != r
-    Montgomery.prototype.sqrTo = function(x, r) {
-        x.squareTo(r);
-        this.reduce(r);
-    };
-
-
-
-
-
-    // A "null" reducer
-    var NullExp = GLOBAL.NullExp = function NullExp() {}
-    NullExp.prototype.convert = function(x) {
-        return x;
-    };
-    NullExp.prototype.revert = function(x) {
-        return x;
-    };
-    NullExp.prototype.mulTo = function(x, y, r) {
-        x.multiplyTo(y, r);
-    };
-    NullExp.prototype.sqrTo = function(x, r) {
-        x.squareTo(r);
-    };
-
-
-
-
-
-    // Barrett modular reduction
-    var Barrett = GLOBAL.Barrett = function Barrett(m) {
-        // setup Barrett
-        this.r2 = nbi();
-        this.q3 = nbi();
-        BigInteger.ONE.dlShiftTo(2 * m.t, this.r2);
-        this.mu = this.r2.divide(m);
-        this.m = m;
-    }
-    Barrett.prototype.convert = function(x) {
-        if (x.s < 0 || x.t > 2 * this.m.t) return x.mod(this.m);
-        else if (x.compareTo(this.m) < 0) return x;
-        else {
+        // x/R mod m
+        Montgomery.prototype.revert = function(x) {
             var r = nbi();
             x.copyTo(r);
             this.reduce(r);
             return r;
-        }
-    };
-    Barrett.prototype.revert = function(x) {
-        return x;
-    };
-    // x = x mod m (HAC 14.42)
-    Barrett.prototype.reduce = function(x) {
-        x.drShiftTo(this.m.t - 1, this.r2);
-        if (x.t > this.m.t + 1) {
-            x.t = this.m.t + 1;
-            x.clamp();
-        }
-        this.mu.multiplyUpperTo(this.r2, this.m.t + 1, this.q3);
-        this.m.multiplyLowerTo(this.q3, this.m.t + 1, this.r2);
-        while (x.compareTo(this.r2) < 0) x.dAddOffset(1, this.m.t + 1);
-        x.subTo(this.r2, x);
-        while (x.compareTo(this.m) >= 0) x.subTo(this.m, x);
-    };
-    // r = x*y mod m; x,y != r
-    Barrett.prototype.mulTo = function(x, y, r) {
-        x.multiplyTo(y, r);
-        this.reduce(r);
-    };
-    // r = x^2 mod m; x != r
-    Barrett.prototype.sqrTo = function(x, r) {
-        x.squareTo(r);
-        this.reduce(r);
-    };
-
-    // BigInteger interfaces not implemented in jsbn:
-
-    // BigInteger(int signum, byte[] magnitude)
-    // double doubleValue()
-    // float floatValue()
-    // int hashCode()
-    // long longValue()
-    // static BigInteger valueOf(long val)
-})(typeof global !== "undefined" ? global : window);
-
-//ellipticcurve.js
-(function(GLOBAL) {
-    /*!
-     * Basic Javascript Elliptic Curve implementation
-     * Ported loosely from BouncyCastle's Java EC code
-     * Only Fp curves implemented for now
-     *
-     * Copyright Tom Wu, bitaddress.org  BSD License.
-     * http://www-cs-students.stanford.edu/~tjw/jsbn/LICENSE
-     */
-    // Constructor function of Global EllipticCurve object
-    var ec = GLOBAL.EllipticCurve = function() {};
-
-    // ----------------
-    // ECFieldElementFp constructor
-    // q instanceof BigInteger
-    // x instanceof BigInteger
-    ec.FieldElementFp = function(q, x) {
-        this.x = x;
-        // TODO if(x.compareTo(q) >= 0) error
-        this.q = q;
-    };
-
-    ec.FieldElementFp.prototype.equals = function(other) {
-        if (other == this) return true;
-        return (this.q.equals(other.q) && this.x.equals(other.x));
-    };
-
-    ec.FieldElementFp.prototype.toBigInteger = function() {
-        return this.x;
-    };
-
-    ec.FieldElementFp.prototype.negate = function() {
-        return new ec.FieldElementFp(this.q, this.x.negate().mod(this.q));
-    };
-
-    ec.FieldElementFp.prototype.add = function(b) {
-        return new ec.FieldElementFp(this.q, this.x.add(b.toBigInteger()).mod(this.q));
-    };
-
-    ec.FieldElementFp.prototype.subtract = function(b) {
-        return new ec.FieldElementFp(this.q, this.x.subtract(b.toBigInteger()).mod(this.q));
-    };
-
-    ec.FieldElementFp.prototype.multiply = function(b) {
-        return new ec.FieldElementFp(this.q, this.x.multiply(b.toBigInteger()).mod(this.q));
-    };
-
-    ec.FieldElementFp.prototype.square = function() {
-        return new ec.FieldElementFp(this.q, this.x.square().mod(this.q));
-    };
-
-    ec.FieldElementFp.prototype.divide = function(b) {
-        return new ec.FieldElementFp(this.q, this.x.multiply(b.toBigInteger().modInverse(this.q)).mod(
-            this.q));
-    };
-
-    ec.FieldElementFp.prototype.getByteLength = function() {
-        return Math.floor((this.toBigInteger().bitLength() + 7) / 8);
-    };
-
-    // D.1.4 91
-    /**
-     * return a sqrt root - the routine verifies that the calculation
-     * returns the right value - if none exists it returns null.
-     *
-     * Copyright (c) 2000 - 2011 The Legion Of The Bouncy Castle (http://www.bouncycastle.org)
-     * Ported to JavaScript by bitaddress.org
-     */
-    ec.FieldElementFp.prototype.sqrt = function() {
-        if (!this.q.testBit(0)) throw new Error("even value of q");
-
-        // p mod 4 == 3
-        if (this.q.testBit(1)) {
-            // z = g^(u+1) + p, p = 4u + 3
-            var z = new ec.FieldElementFp(this.q, this.x.modPow(this.q.shiftRight(2).add(BigInteger.ONE),
-                this.q));
-            return z.square().equals(this) ? z : null;
-        }
-
-        // p mod 4 == 1
-        var qMinusOne = this.q.subtract(BigInteger.ONE);
-        var legendreExponent = qMinusOne.shiftRight(1);
-        if (!(this.x.modPow(legendreExponent, this.q).equals(BigInteger.ONE))) return null;
-        var u = qMinusOne.shiftRight(2);
-        var k = u.shiftLeft(1).add(BigInteger.ONE);
-        var Q = this.x;
-        var fourQ = Q.shiftLeft(2).mod(this.q);
-        var U, V;
-
-        do {
-            var rand = new SecureRandom();
-            var P;
-            do {
-                P = new BigInteger(this.q.bitLength(), rand);
-            }
-            while (P.compareTo(this.q) >= 0 || !(P.multiply(P).subtract(fourQ).modPow(legendreExponent,
-                    this.q).equals(qMinusOne)));
-
-            var result = ec.FieldElementFp.fastLucasSequence(this.q, P, Q, k);
-
-            U = result[0];
-            V = result[1];
-            if (V.multiply(V).mod(this.q).equals(fourQ)) {
-                // Integer division by 2, mod q
-                if (V.testBit(0)) {
-                    V = V.add(this.q);
+        };
+        // x = x/R mod m (HAC 14.32)
+        Montgomery.prototype.reduce = function(x) {
+            while (x.t <= this.mt2) // pad x so am has enough room later
+                x[x.t++] = 0;
+            for (var i = 0; i < this.m.t; ++i) {
+                // faster way of calculating u0 = x[i]*mp mod DV
+                var j = x[i] & 0x7fff;
+                var u0 = (j * this.mpl + (((j * this.mph + (x[i] >> 15) * this.mpl) & this.um) << 15)) & x.DM;
+                // use am to combine the multiply-shift-add into one call
+                j = i + this.m.t;
+                x[j] += this.m.am(0, u0, x, i, 0, this.m.t);
+                // propagate carry
+                while (x[j] >= x.DV) {
+                    x[j] -= x.DV;
+                    x[++j]++;
                 }
-                V = V.shiftRight(1);
-                return new ec.FieldElementFp(this.q, V);
             }
+            x.clamp();
+            x.drShiftTo(this.m.t, x);
+            if (x.compareTo(this.m) >= 0) x.subTo(this.m, x);
+        };
+        // r = "xy/R mod m"; x,y != r
+        Montgomery.prototype.mulTo = function(x, y, r) {
+            x.multiplyTo(y, r);
+            this.reduce(r);
+        };
+        // r = "x^2/R mod m"; x != r
+        Montgomery.prototype.sqrTo = function(x, r) {
+            x.squareTo(r);
+            this.reduce(r);
+        };
+
+
+
+
+
+        // A "null" reducer
+        var NullExp = GLOBAL.NullExp = function NullExp() {}
+        NullExp.prototype.convert = function(x) {
+            return x;
+        };
+        NullExp.prototype.revert = function(x) {
+            return x;
+        };
+        NullExp.prototype.mulTo = function(x, y, r) {
+            x.multiplyTo(y, r);
+        };
+        NullExp.prototype.sqrTo = function(x, r) {
+            x.squareTo(r);
+        };
+
+
+
+
+
+        // Barrett modular reduction
+        var Barrett = GLOBAL.Barrett = function Barrett(m) {
+            // setup Barrett
+            this.r2 = nbi();
+            this.q3 = nbi();
+            BigInteger.ONE.dlShiftTo(2 * m.t, this.r2);
+            this.mu = this.r2.divide(m);
+            this.m = m;
         }
-        while (U.equals(BigInteger.ONE) || U.equals(qMinusOne));
-
-        return null;
-    };
-    /*!
-     * Crypto-JS 2.5.4 BlockModes.js
-     * contribution from Simon Greatrix
-     */
-
-    (function(C) {
-
-        // Create pad namespace
-        var C_pad = C.pad = {};
-
-        // Calculate the number of padding bytes required.
-        function _requiredPadding(cipher, message) {
-            var blockSizeInBytes = cipher._blocksize * 4;
-            var reqd = blockSizeInBytes - message.length % blockSizeInBytes;
-            return reqd;
-        }
-
-        // Remove padding when the final byte gives the number of padding bytes.
-        var _unpadLength = function(cipher, message, alg, padding) {
-            var pad = message.pop();
-            if (pad == 0) {
-                throw new Error("Invalid zero-length padding specified for " + alg +
-                    ". Wrong cipher specification or key used?");
+        Barrett.prototype.convert = function(x) {
+            if (x.s < 0 || x.t > 2 * this.m.t) return x.mod(this.m);
+            else if (x.compareTo(this.m) < 0) return x;
+            else {
+                var r = nbi();
+                x.copyTo(r);
+                this.reduce(r);
+                return r;
             }
-            var maxPad = cipher._blocksize * 4;
-            if (pad > maxPad) {
-                throw new Error("Invalid padding length of " + pad +
-                    " specified for " + alg +
-                    ". Wrong cipher specification or key used?");
+        };
+        Barrett.prototype.revert = function(x) {
+            return x;
+        };
+        // x = x mod m (HAC 14.42)
+        Barrett.prototype.reduce = function(x) {
+            x.drShiftTo(this.m.t - 1, this.r2);
+            if (x.t > this.m.t + 1) {
+                x.t = this.m.t + 1;
+                x.clamp();
             }
-            for (var i = 1; i < pad; i++) {
-                var b = message.pop();
-                if (padding != undefined && padding != b) {
-                    throw new Error("Invalid padding byte of 0x" + b.toString(16) +
+            this.mu.multiplyUpperTo(this.r2, this.m.t + 1, this.q3);
+            this.m.multiplyLowerTo(this.q3, this.m.t + 1, this.r2);
+            while (x.compareTo(this.r2) < 0) x.dAddOffset(1, this.m.t + 1);
+            x.subTo(this.r2, x);
+            while (x.compareTo(this.m) >= 0) x.subTo(this.m, x);
+        };
+        // r = x*y mod m; x,y != r
+        Barrett.prototype.mulTo = function(x, y, r) {
+            x.multiplyTo(y, r);
+            this.reduce(r);
+        };
+        // r = x^2 mod m; x != r
+        Barrett.prototype.sqrTo = function(x, r) {
+            x.squareTo(r);
+            this.reduce(r);
+        };
+
+        // BigInteger interfaces not implemented in jsbn:
+
+        // BigInteger(int signum, byte[] magnitude)
+        // double doubleValue()
+        // float floatValue()
+        // int hashCode()
+        // long longValue()
+        // static BigInteger valueOf(long val)
+    })();
+
+    //ellipticcurve.js
+    (function() {
+        /*!
+         * Basic Javascript Elliptic Curve implementation
+         * Ported loosely from BouncyCastle's Java EC code
+         * Only Fp curves implemented for now
+         *
+         * Copyright Tom Wu, bitaddress.org  BSD License.
+         * http://www-cs-students.stanford.edu/~tjw/jsbn/LICENSE
+         */
+        // Constructor function of Global EllipticCurve object
+        var ec = GLOBAL.EllipticCurve = function() {};
+
+        // ----------------
+        // ECFieldElementFp constructor
+        // q instanceof BigInteger
+        // x instanceof BigInteger
+        ec.FieldElementFp = function(q, x) {
+            this.x = x;
+            // TODO if(x.compareTo(q) >= 0) error
+            this.q = q;
+        };
+
+        ec.FieldElementFp.prototype.equals = function(other) {
+            if (other == this) return true;
+            return (this.q.equals(other.q) && this.x.equals(other.x));
+        };
+
+        ec.FieldElementFp.prototype.toBigInteger = function() {
+            return this.x;
+        };
+
+        ec.FieldElementFp.prototype.negate = function() {
+            return new ec.FieldElementFp(this.q, this.x.negate().mod(this.q));
+        };
+
+        ec.FieldElementFp.prototype.add = function(b) {
+            return new ec.FieldElementFp(this.q, this.x.add(b.toBigInteger()).mod(this.q));
+        };
+
+        ec.FieldElementFp.prototype.subtract = function(b) {
+            return new ec.FieldElementFp(this.q, this.x.subtract(b.toBigInteger()).mod(this.q));
+        };
+
+        ec.FieldElementFp.prototype.multiply = function(b) {
+            return new ec.FieldElementFp(this.q, this.x.multiply(b.toBigInteger()).mod(this.q));
+        };
+
+        ec.FieldElementFp.prototype.square = function() {
+            return new ec.FieldElementFp(this.q, this.x.square().mod(this.q));
+        };
+
+        ec.FieldElementFp.prototype.divide = function(b) {
+            return new ec.FieldElementFp(this.q, this.x.multiply(b.toBigInteger().modInverse(this.q)).mod(
+                this.q));
+        };
+
+        ec.FieldElementFp.prototype.getByteLength = function() {
+            return Math.floor((this.toBigInteger().bitLength() + 7) / 8);
+        };
+
+        // D.1.4 91
+        /**
+         * return a sqrt root - the routine verifies that the calculation
+         * returns the right value - if none exists it returns null.
+         *
+         * Copyright (c) 2000 - 2011 The Legion Of The Bouncy Castle (http://www.bouncycastle.org)
+         * Ported to JavaScript by bitaddress.org
+         */
+        ec.FieldElementFp.prototype.sqrt = function() {
+            if (!this.q.testBit(0)) throw new Error("even value of q");
+
+            // p mod 4 == 3
+            if (this.q.testBit(1)) {
+                // z = g^(u+1) + p, p = 4u + 3
+                var z = new ec.FieldElementFp(this.q, this.x.modPow(this.q.shiftRight(2).add(BigInteger.ONE),
+                    this.q));
+                return z.square().equals(this) ? z : null;
+            }
+
+            // p mod 4 == 1
+            var qMinusOne = this.q.subtract(BigInteger.ONE);
+            var legendreExponent = qMinusOne.shiftRight(1);
+            if (!(this.x.modPow(legendreExponent, this.q).equals(BigInteger.ONE))) return null;
+            var u = qMinusOne.shiftRight(2);
+            var k = u.shiftLeft(1).add(BigInteger.ONE);
+            var Q = this.x;
+            var fourQ = Q.shiftLeft(2).mod(this.q);
+            var U, V;
+
+            do {
+                var rand = new SecureRandom();
+                var P;
+                do {
+                    P = new BigInteger(this.q.bitLength(), rand);
+                }
+                while (P.compareTo(this.q) >= 0 || !(P.multiply(P).subtract(fourQ).modPow(legendreExponent,
+                        this.q).equals(qMinusOne)));
+
+                var result = ec.FieldElementFp.fastLucasSequence(this.q, P, Q, k);
+
+                U = result[0];
+                V = result[1];
+                if (V.multiply(V).mod(this.q).equals(fourQ)) {
+                    // Integer division by 2, mod q
+                    if (V.testBit(0)) {
+                        V = V.add(this.q);
+                    }
+                    V = V.shiftRight(1);
+                    return new ec.FieldElementFp(this.q, V);
+                }
+            }
+            while (U.equals(BigInteger.ONE) || U.equals(qMinusOne));
+
+            return null;
+        };
+        /*!
+         * Crypto-JS 2.5.4 BlockModes.js
+         * contribution from Simon Greatrix
+         */
+
+        (function(C) {
+
+            // Create pad namespace
+            var C_pad = C.pad = {};
+
+            // Calculate the number of padding bytes required.
+            function _requiredPadding(cipher, message) {
+                var blockSizeInBytes = cipher._blocksize * 4;
+                var reqd = blockSizeInBytes - message.length % blockSizeInBytes;
+                return reqd;
+            }
+
+            // Remove padding when the final byte gives the number of padding bytes.
+            var _unpadLength = function(cipher, message, alg, padding) {
+                var pad = message.pop();
+                if (pad == 0) {
+                    throw new Error("Invalid zero-length padding specified for " + alg +
+                        ". Wrong cipher specification or key used?");
+                }
+                var maxPad = cipher._blocksize * 4;
+                if (pad > maxPad) {
+                    throw new Error("Invalid padding length of " + pad +
                         " specified for " + alg +
                         ". Wrong cipher specification or key used?");
                 }
-            }
-        };
-
-        // No-operation padding, used for stream ciphers
-        C_pad.NoPadding = {
-            pad: function(cipher, message) {},
-            unpad: function(cipher, message) {}
-        };
-
-        // Zero Padding.
-        //
-        // If the message is not an exact number of blocks, the final block is
-        // completed with 0x00 bytes. There is no unpadding.
-        C_pad.ZeroPadding = {
-            pad: function(cipher, message) {
-                var blockSizeInBytes = cipher._blocksize * 4;
-                var reqd = message.length % blockSizeInBytes;
-                if (reqd != 0) {
-                    for (reqd = blockSizeInBytes - reqd; reqd > 0; reqd--) {
-                        message.push(0x00);
-                    }
-                }
-            },
-
-            unpad: function(cipher, message) {
-                while (message[message.length - 1] == 0) {
-                    message.pop();
-                }
-            }
-        };
-
-        // ISO/IEC 7816-4 padding.
-        //
-        // Pads the plain text with an 0x80 byte followed by as many 0x00
-        // bytes are required to complete the block.
-        C_pad.iso7816 = {
-            pad: function(cipher, message) {
-                var reqd = _requiredPadding(cipher, message);
-                message.push(0x80);
-                for (; reqd > 1; reqd--) {
-                    message.push(0x00);
-                }
-            },
-
-            unpad: function(cipher, message) {
-                var padLength;
-                for (padLength = cipher._blocksize * 4; padLength > 0; padLength--) {
+                for (var i = 1; i < pad; i++) {
                     var b = message.pop();
-                    if (b == 0x80) return;
-                    if (b != 0x00) {
-                        throw new Error("ISO-7816 padding byte must be 0, not 0x" + b.toString(16) +
+                    if (padding != undefined && padding != b) {
+                        throw new Error("Invalid padding byte of 0x" + b.toString(16) +
+                            " specified for " + alg +
                             ". Wrong cipher specification or key used?");
                     }
                 }
-                throw new Error(
-                    "ISO-7816 padded beyond cipher block size. Wrong cipher specification or key used?"
-                );
-            }
-        };
-
-        // ANSI X.923 padding
-        //
-        // The final block is padded with zeros except for the last byte of the
-        // last block which contains the number of padding bytes.
-        C_pad.ansix923 = {
-            pad: function(cipher, message) {
-                var reqd = _requiredPadding(cipher, message);
-                for (var i = 1; i < reqd; i++) {
-                    message.push(0x00);
-                }
-                message.push(reqd);
-            },
-
-            unpad: function(cipher, message) {
-                _unpadLength(cipher, message, "ANSI X.923", 0);
-            }
-        };
-
-        // ISO 10126
-        //
-        // The final block is padded with random bytes except for the last
-        // byte of the last block which contains the number of padding bytes.
-        C_pad.iso10126 = {
-            pad: function(cipher, message) {
-                var reqd = _requiredPadding(cipher, message);
-                for (var i = 1; i < reqd; i++) {
-                    message.push(Math.floor(Math.random() * 256));
-                }
-                message.push(reqd);
-            },
-
-            unpad: function(cipher, message) {
-                _unpadLength(cipher, message, "ISO 10126", undefined);
-            }
-        };
-
-        // PKCS7 padding
-        //
-        // PKCS7 is described in RFC 5652. Padding is in whole bytes. The
-        // value of each added byte is the number of bytes that are added,
-        // i.e. N bytes, each of value N are added.
-        C_pad.pkcs7 = {
-            pad: function(cipher, message) {
-                var reqd = _requiredPadding(cipher, message);
-                for (var i = 0; i < reqd; i++) {
-                    message.push(reqd);
-                }
-            },
-
-            unpad: function(cipher, message) {
-                _unpadLength(cipher, message, "PKCS 7", message[message.length - 1]);
-            }
-        };
-
-        // Create mode namespace
-        var C_mode = C.mode = {};
-
-        /**
-         * Mode base "class".
-         */
-        var Mode = C_mode.Mode = function(padding) {
-            if (padding) {
-                this._padding = padding;
-            }
-        };
-
-        Mode.prototype = {
-            encrypt: function(cipher, m, iv) {
-                this._padding.pad(cipher, m);
-                this._doEncrypt(cipher, m, iv);
-            },
-
-            decrypt: function(cipher, m, iv) {
-                this._doDecrypt(cipher, m, iv);
-                this._padding.unpad(cipher, m);
-            },
-
-            // Default padding
-            _padding: C_pad.iso7816
-        };
-
-
-        /**
-         * Electronic Code Book mode.
-         * 
-         * ECB applies the cipher directly against each block of the input.
-         * 
-         * ECB does not require an initialization vector.
-         */
-        var ECB = C_mode.ECB = function() {
-            // Call parent constructor
-            Mode.apply(this, arguments);
-        };
-
-        // Inherit from Mode
-        var ECB_prototype = ECB.prototype = new Mode;
-
-        // Concrete steps for Mode template
-        ECB_prototype._doEncrypt = function(cipher, m, iv) {
-            var blockSizeInBytes = cipher._blocksize * 4;
-            // Encrypt each block
-            for (var offset = 0; offset < m.length; offset += blockSizeInBytes) {
-                cipher._encryptblock(m, offset);
-            }
-        };
-        ECB_prototype._doDecrypt = function(cipher, c, iv) {
-            var blockSizeInBytes = cipher._blocksize * 4;
-            // Decrypt each block
-            for (var offset = 0; offset < c.length; offset += blockSizeInBytes) {
-                cipher._decryptblock(c, offset);
-            }
-        };
-
-        // ECB never uses an IV
-        ECB_prototype.fixOptions = function(options) {
-            options.iv = [];
-        };
-
-
-        /**
-         * Cipher block chaining
-         * 
-         * The first block is XORed with the IV. Subsequent blocks are XOR with the
-         * previous cipher output.
-         */
-        var CBC = C_mode.CBC = function() {
-            // Call parent constructor
-            Mode.apply(this, arguments);
-        };
-
-        // Inherit from Mode
-        var CBC_prototype = CBC.prototype = new Mode;
-
-        // Concrete steps for Mode template
-        CBC_prototype._doEncrypt = function(cipher, m, iv) {
-            var blockSizeInBytes = cipher._blocksize * 4;
-
-            // Encrypt each block
-            for (var offset = 0; offset < m.length; offset += blockSizeInBytes) {
-                if (offset == 0) {
-                    // XOR first block using IV
-                    for (var i = 0; i < blockSizeInBytes; i++)
-                        m[i] ^= iv[i];
-                } else {
-                    // XOR this block using previous crypted block
-                    for (var i = 0; i < blockSizeInBytes; i++)
-                        m[offset + i] ^= m[offset + i - blockSizeInBytes];
-                }
-                // Encrypt block
-                cipher._encryptblock(m, offset);
-            }
-        };
-        CBC_prototype._doDecrypt = function(cipher, c, iv) {
-            var blockSizeInBytes = cipher._blocksize * 4;
-
-            // At the start, the previously crypted block is the IV
-            var prevCryptedBlock = iv;
-
-            // Decrypt each block
-            for (var offset = 0; offset < c.length; offset += blockSizeInBytes) {
-                // Save this crypted block
-                var thisCryptedBlock = c.slice(offset, offset + blockSizeInBytes);
-                // Decrypt block
-                cipher._decryptblock(c, offset);
-                // XOR decrypted block using previous crypted block
-                for (var i = 0; i < blockSizeInBytes; i++) {
-                    c[offset + i] ^= prevCryptedBlock[i];
-                }
-                prevCryptedBlock = thisCryptedBlock;
-            }
-        };
-
-
-        /**
-         * Cipher feed back
-         * 
-         * The cipher output is XORed with the plain text to produce the cipher output,
-         * which is then fed back into the cipher to produce a bit pattern to XOR the
-         * next block with.
-         * 
-         * This is a stream cipher mode and does not require padding.
-         */
-        var CFB = C_mode.CFB = function() {
-            // Call parent constructor
-            Mode.apply(this, arguments);
-        };
-
-        // Inherit from Mode
-        var CFB_prototype = CFB.prototype = new Mode;
-
-        // Override padding
-        CFB_prototype._padding = C_pad.NoPadding;
-
-        // Concrete steps for Mode template
-        CFB_prototype._doEncrypt = function(cipher, m, iv) {
-            var blockSizeInBytes = cipher._blocksize * 4,
-                keystream = iv.slice(0);
-
-            // Encrypt each byte
-            for (var i = 0; i < m.length; i++) {
-
-                var j = i % blockSizeInBytes;
-                if (j == 0) cipher._encryptblock(keystream, 0);
-
-                m[i] ^= keystream[j];
-                keystream[j] = m[i];
-            }
-        };
-        CFB_prototype._doDecrypt = function(cipher, c, iv) {
-            var blockSizeInBytes = cipher._blocksize * 4,
-                keystream = iv.slice(0);
-
-            // Encrypt each byte
-            for (var i = 0; i < c.length; i++) {
-
-                var j = i % blockSizeInBytes;
-                if (j == 0) cipher._encryptblock(keystream, 0);
-
-                var b = c[i];
-                c[i] ^= keystream[j];
-                keystream[j] = b;
-            }
-        };
-
-
-        /**
-         * Output feed back
-         * 
-         * The cipher repeatedly encrypts its own output. The output is XORed with the
-         * plain text to produce the cipher text.
-         * 
-         * This is a stream cipher mode and does not require padding.
-         */
-        var OFB = C_mode.OFB = function() {
-            // Call parent constructor
-            Mode.apply(this, arguments);
-        };
-
-        // Inherit from Mode
-        var OFB_prototype = OFB.prototype = new Mode;
-
-        // Override padding
-        OFB_prototype._padding = C_pad.NoPadding;
-
-        // Concrete steps for Mode template
-        OFB_prototype._doEncrypt = function(cipher, m, iv) {
-
-            var blockSizeInBytes = cipher._blocksize * 4,
-                keystream = iv.slice(0);
-
-            // Encrypt each byte
-            for (var i = 0; i < m.length; i++) {
-
-                // Generate keystream
-                if (i % blockSizeInBytes == 0)
-                    cipher._encryptblock(keystream, 0);
-
-                // Encrypt byte
-                m[i] ^= keystream[i % blockSizeInBytes];
-
-            }
-        };
-        OFB_prototype._doDecrypt = OFB_prototype._doEncrypt;
-
-        /**
-         * Counter
-         * @author Gergely Risko
-         *
-         * After every block the last 4 bytes of the IV is increased by one
-         * with carry and that IV is used for the next block.
-         *
-         * This is a stream cipher mode and does not require padding.
-         */
-        var CTR = C_mode.CTR = function() {
-            // Call parent constructor
-            Mode.apply(this, arguments);
-        };
-
-        // Inherit from Mode
-        var CTR_prototype = CTR.prototype = new Mode;
-
-        // Override padding
-        CTR_prototype._padding = C_pad.NoPadding;
-
-        CTR_prototype._doEncrypt = function(cipher, m, iv) {
-            var blockSizeInBytes = cipher._blocksize * 4;
-            var counter = iv.slice(0);
-
-            for (var i = 0; i < m.length;) {
-                // do not lose iv
-                var keystream = counter.slice(0);
-
-                // Generate keystream for next block
-                cipher._encryptblock(keystream, 0);
-
-                // XOR keystream with block
-                for (var j = 0; i < m.length && j < blockSizeInBytes; j++, i++) {
-                    m[i] ^= keystream[j];
-                }
-
-                // Increase counter
-                if (++(counter[blockSizeInBytes - 1]) == 256) {
-                    counter[blockSizeInBytes - 1] = 0;
-                    if (++(counter[blockSizeInBytes - 2]) == 256) {
-                        counter[blockSizeInBytes - 2] = 0;
-                        if (++(counter[blockSizeInBytes - 3]) == 256) {
-                            counter[blockSizeInBytes - 3] = 0;
-                            ++(counter[blockSizeInBytes - 4]);
-                        }
-                    }
-                }
-            }
-        };
-        CTR_prototype._doDecrypt = CTR_prototype._doEncrypt;
-
-    })(Crypto);
-
-    /*!
-     * Crypto-JS v2.5.4  PBKDF2.js
-     * http://code.google.com/p/crypto-js/
-     * Copyright (c) 2009-2013, Jeff Mott. All rights reserved.
-     * http://code.google.com/p/crypto-js/wiki/License
-     */
-    (function() {
-
-        // Shortcuts
-        var C = Crypto,
-            util = C.util,
-            charenc = C.charenc,
-            UTF8 = charenc.UTF8,
-            Binary = charenc.Binary;
-
-        C.PBKDF2 = function(password, salt, keylen, options) {
-
-            // Convert to byte arrays
-            if (password.constructor == String) password = UTF8.stringToBytes(password);
-            if (salt.constructor == String) salt = UTF8.stringToBytes(salt);
-            /* else, assume byte arrays already */
-
-            // Defaults
-            var hasher = options && options.hasher || C.SHA1,
-                iterations = options && options.iterations || 1;
-
-            // Pseudo-random function
-            function PRF(password, salt) {
-                return C.HMAC(hasher, salt, password, {
-                    asBytes: true
-                });
-            }
-
-            // Generate key
-            var derivedKeyBytes = [],
-                blockindex = 1;
-            while (derivedKeyBytes.length < keylen) {
-                var block = PRF(password, salt.concat(util.wordsToBytes([blockindex])));
-                for (var u = block, i = 1; i < iterations; i++) {
-                    u = PRF(password, u);
-                    for (var j = 0; j < block.length; j++) block[j] ^= u[j];
-                }
-                derivedKeyBytes = derivedKeyBytes.concat(block);
-                blockindex++;
-            }
-
-            // Truncate excess bytes
-            derivedKeyBytes.length = keylen;
-
-            return options && options.asBytes ? derivedKeyBytes :
-                options && options.asString ? Binary.bytesToString(derivedKeyBytes) :
-                util.bytesToHex(derivedKeyBytes);
-
-        };
-
-    })();
-
-    /*
-     * Copyright (c) 2010-2011 Intalio Pte, All Rights Reserved
-     * 
-     * Permission is hereby granted, free of charge, to any person obtaining a copy
-     * of this software and associated documentation files (the "Software"), to deal
-     * in the Software without restriction, including without limitation the rights
-     * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-     * copies of the Software, and to permit persons to whom the Software is
-     * furnished to do so, subject to the following conditions:
-     * 
-     * The above copyright notice and this permission notice shall be included in
-     * all copies or substantial portions of the Software.
-     * 
-     * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-     * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-     * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-     * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-     * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-     * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-     * THE SOFTWARE.
-     */
-    // https://github.com/cheongwy/node-scrypt-js
-    (function() {
-
-        var MAX_VALUE = 2147483647;
-        var workerUrl = null;
-
-        //function scrypt(byte[] passwd, byte[] salt, int N, int r, int p, int dkLen)
-        /*
-         * N = Cpu cost
-         * r = Memory cost
-         * p = parallelization cost
-         * 
-         */
-        GLOBAL.Crypto_scrypt = function(passwd, salt, N, r, p, dkLen, callback) {
-            if (N == 0 || (N & (N - 1)) != 0) throw Error("N must be > 0 and a power of 2");
-
-            if (N > MAX_VALUE / 128 / r) throw Error("Parameter N is too large");
-            if (r > MAX_VALUE / 128 / p) throw Error("Parameter r is too large");
-
-            var PBKDF2_opts = {
-                iterations: 1,
-                hasher: Crypto.SHA256,
-                asBytes: true
             };
 
-            var B = Crypto.PBKDF2(passwd, salt, p * 128 * r, PBKDF2_opts);
+            // No-operation padding, used for stream ciphers
+            C_pad.NoPadding = {
+                pad: function(cipher, message) {},
+                unpad: function(cipher, message) {}
+            };
 
-            try {
-                var i = 0;
-                var worksDone = 0;
-                var makeWorker = function() {
-                    if (!workerUrl) {
-                        var code = '(' + scryptCore.toString() + ')()';
-                        var blob;
-                        try {
-                            blob = new Blob([code], {
-                                type: "text/javascript"
-                            });
-                        } catch (e) {
-                            GLOBAL.BlobBuilder = GLOBAL.BlobBuilder || GLOBAL.WebKitBlobBuilder ||
-                                GLOBAL.MozBlobBuilder ||
-                                GLOBAL.MSBlobBuilder;
-                            blob = new BlobBuilder();
-                            blob.append(code);
-                            blob = blob.getBlob("text/javascript");
+            // Zero Padding.
+            //
+            // If the message is not an exact number of blocks, the final block is
+            // completed with 0x00 bytes. There is no unpadding.
+            C_pad.ZeroPadding = {
+                pad: function(cipher, message) {
+                    var blockSizeInBytes = cipher._blocksize * 4;
+                    var reqd = message.length % blockSizeInBytes;
+                    if (reqd != 0) {
+                        for (reqd = blockSizeInBytes - reqd; reqd > 0; reqd--) {
+                            message.push(0x00);
                         }
-                        workerUrl = URL.createObjectURL(blob);
                     }
-                    var worker = new Worker(workerUrl);
-                    worker.onmessage = function(event) {
-                        var Bi = event.data[0],
-                            Bslice = event.data[1];
-                        worksDone++;
+                },
 
-                        if (i < p) {
-                            worker.postMessage([N, r, p, B, i++]);
-                        }
+                unpad: function(cipher, message) {
+                    while (message[message.length - 1] == 0) {
+                        message.pop();
+                    }
+                }
+            };
 
-                        var length = Bslice.length,
-                            destPos = Bi * 128 * r,
-                            srcPos = 0;
-                        while (length--) {
-                            B[destPos++] = Bslice[srcPos++];
-                        }
+            // ISO/IEC 7816-4 padding.
+            //
+            // Pads the plain text with an 0x80 byte followed by as many 0x00
+            // bytes are required to complete the block.
+            C_pad.iso7816 = {
+                pad: function(cipher, message) {
+                    var reqd = _requiredPadding(cipher, message);
+                    message.push(0x80);
+                    for (; reqd > 1; reqd--) {
+                        message.push(0x00);
+                    }
+                },
 
-                        if (worksDone == p) {
-                            callback(Crypto.PBKDF2(passwd, B, dkLen, PBKDF2_opts));
+                unpad: function(cipher, message) {
+                    var padLength;
+                    for (padLength = cipher._blocksize * 4; padLength > 0; padLength--) {
+                        var b = message.pop();
+                        if (b == 0x80) return;
+                        if (b != 0x00) {
+                            throw new Error("ISO-7816 padding byte must be 0, not 0x" + b.toString(16) +
+                                ". Wrong cipher specification or key used?");
                         }
-                    };
-                    return worker;
+                    }
+                    throw new Error(
+                        "ISO-7816 padded beyond cipher block size. Wrong cipher specification or key used?"
+                    );
+                }
+            };
+
+            // ANSI X.923 padding
+            //
+            // The final block is padded with zeros except for the last byte of the
+            // last block which contains the number of padding bytes.
+            C_pad.ansix923 = {
+                pad: function(cipher, message) {
+                    var reqd = _requiredPadding(cipher, message);
+                    for (var i = 1; i < reqd; i++) {
+                        message.push(0x00);
+                    }
+                    message.push(reqd);
+                },
+
+                unpad: function(cipher, message) {
+                    _unpadLength(cipher, message, "ANSI X.923", 0);
+                }
+            };
+
+            // ISO 10126
+            //
+            // The final block is padded with random bytes except for the last
+            // byte of the last block which contains the number of padding bytes.
+            C_pad.iso10126 = {
+                pad: function(cipher, message) {
+                    var reqd = _requiredPadding(cipher, message);
+                    for (var i = 1; i < reqd; i++) {
+                        message.push(Math.floor(Math.random() * 256));
+                    }
+                    message.push(reqd);
+                },
+
+                unpad: function(cipher, message) {
+                    _unpadLength(cipher, message, "ISO 10126", undefined);
+                }
+            };
+
+            // PKCS7 padding
+            //
+            // PKCS7 is described in RFC 5652. Padding is in whole bytes. The
+            // value of each added byte is the number of bytes that are added,
+            // i.e. N bytes, each of value N are added.
+            C_pad.pkcs7 = {
+                pad: function(cipher, message) {
+                    var reqd = _requiredPadding(cipher, message);
+                    for (var i = 0; i < reqd; i++) {
+                        message.push(reqd);
+                    }
+                },
+
+                unpad: function(cipher, message) {
+                    _unpadLength(cipher, message, "PKCS 7", message[message.length - 1]);
+                }
+            };
+
+            // Create mode namespace
+            var C_mode = C.mode = {};
+
+            /**
+             * Mode base "class".
+             */
+            var Mode = C_mode.Mode = function(padding) {
+                if (padding) {
+                    this._padding = padding;
+                }
+            };
+
+            Mode.prototype = {
+                encrypt: function(cipher, m, iv) {
+                    this._padding.pad(cipher, m);
+                    this._doEncrypt(cipher, m, iv);
+                },
+
+                decrypt: function(cipher, m, iv) {
+                    this._doDecrypt(cipher, m, iv);
+                    this._padding.unpad(cipher, m);
+                },
+
+                // Default padding
+                _padding: C_pad.iso7816
+            };
+
+
+            /**
+             * Electronic Code Book mode.
+             * 
+             * ECB applies the cipher directly against each block of the input.
+             * 
+             * ECB does not require an initialization vector.
+             */
+            var ECB = C_mode.ECB = function() {
+                // Call parent constructor
+                Mode.apply(this, arguments);
+            };
+
+            // Inherit from Mode
+            var ECB_prototype = ECB.prototype = new Mode;
+
+            // Concrete steps for Mode template
+            ECB_prototype._doEncrypt = function(cipher, m, iv) {
+                var blockSizeInBytes = cipher._blocksize * 4;
+                // Encrypt each block
+                for (var offset = 0; offset < m.length; offset += blockSizeInBytes) {
+                    cipher._encryptblock(m, offset);
+                }
+            };
+            ECB_prototype._doDecrypt = function(cipher, c, iv) {
+                var blockSizeInBytes = cipher._blocksize * 4;
+                // Decrypt each block
+                for (var offset = 0; offset < c.length; offset += blockSizeInBytes) {
+                    cipher._decryptblock(c, offset);
+                }
+            };
+
+            // ECB never uses an IV
+            ECB_prototype.fixOptions = function(options) {
+                options.iv = [];
+            };
+
+
+            /**
+             * Cipher block chaining
+             * 
+             * The first block is XORed with the IV. Subsequent blocks are XOR with the
+             * previous cipher output.
+             */
+            var CBC = C_mode.CBC = function() {
+                // Call parent constructor
+                Mode.apply(this, arguments);
+            };
+
+            // Inherit from Mode
+            var CBC_prototype = CBC.prototype = new Mode;
+
+            // Concrete steps for Mode template
+            CBC_prototype._doEncrypt = function(cipher, m, iv) {
+                var blockSizeInBytes = cipher._blocksize * 4;
+
+                // Encrypt each block
+                for (var offset = 0; offset < m.length; offset += blockSizeInBytes) {
+                    if (offset == 0) {
+                        // XOR first block using IV
+                        for (var i = 0; i < blockSizeInBytes; i++)
+                            m[i] ^= iv[i];
+                    } else {
+                        // XOR this block using previous crypted block
+                        for (var i = 0; i < blockSizeInBytes; i++)
+                            m[offset + i] ^= m[offset + i - blockSizeInBytes];
+                    }
+                    // Encrypt block
+                    cipher._encryptblock(m, offset);
+                }
+            };
+            CBC_prototype._doDecrypt = function(cipher, c, iv) {
+                var blockSizeInBytes = cipher._blocksize * 4;
+
+                // At the start, the previously crypted block is the IV
+                var prevCryptedBlock = iv;
+
+                // Decrypt each block
+                for (var offset = 0; offset < c.length; offset += blockSizeInBytes) {
+                    // Save this crypted block
+                    var thisCryptedBlock = c.slice(offset, offset + blockSizeInBytes);
+                    // Decrypt block
+                    cipher._decryptblock(c, offset);
+                    // XOR decrypted block using previous crypted block
+                    for (var i = 0; i < blockSizeInBytes; i++) {
+                        c[offset + i] ^= prevCryptedBlock[i];
+                    }
+                    prevCryptedBlock = thisCryptedBlock;
+                }
+            };
+
+
+            /**
+             * Cipher feed back
+             * 
+             * The cipher output is XORed with the plain text to produce the cipher output,
+             * which is then fed back into the cipher to produce a bit pattern to XOR the
+             * next block with.
+             * 
+             * This is a stream cipher mode and does not require padding.
+             */
+            var CFB = C_mode.CFB = function() {
+                // Call parent constructor
+                Mode.apply(this, arguments);
+            };
+
+            // Inherit from Mode
+            var CFB_prototype = CFB.prototype = new Mode;
+
+            // Override padding
+            CFB_prototype._padding = C_pad.NoPadding;
+
+            // Concrete steps for Mode template
+            CFB_prototype._doEncrypt = function(cipher, m, iv) {
+                var blockSizeInBytes = cipher._blocksize * 4,
+                    keystream = iv.slice(0);
+
+                // Encrypt each byte
+                for (var i = 0; i < m.length; i++) {
+
+                    var j = i % blockSizeInBytes;
+                    if (j == 0) cipher._encryptblock(keystream, 0);
+
+                    m[i] ^= keystream[j];
+                    keystream[j] = m[i];
+                }
+            };
+            CFB_prototype._doDecrypt = function(cipher, c, iv) {
+                var blockSizeInBytes = cipher._blocksize * 4,
+                    keystream = iv.slice(0);
+
+                // Encrypt each byte
+                for (var i = 0; i < c.length; i++) {
+
+                    var j = i % blockSizeInBytes;
+                    if (j == 0) cipher._encryptblock(keystream, 0);
+
+                    var b = c[i];
+                    c[i] ^= keystream[j];
+                    keystream[j] = b;
+                }
+            };
+
+
+            /**
+             * Output feed back
+             * 
+             * The cipher repeatedly encrypts its own output. The output is XORed with the
+             * plain text to produce the cipher text.
+             * 
+             * This is a stream cipher mode and does not require padding.
+             */
+            var OFB = C_mode.OFB = function() {
+                // Call parent constructor
+                Mode.apply(this, arguments);
+            };
+
+            // Inherit from Mode
+            var OFB_prototype = OFB.prototype = new Mode;
+
+            // Override padding
+            OFB_prototype._padding = C_pad.NoPadding;
+
+            // Concrete steps for Mode template
+            OFB_prototype._doEncrypt = function(cipher, m, iv) {
+
+                var blockSizeInBytes = cipher._blocksize * 4,
+                    keystream = iv.slice(0);
+
+                // Encrypt each byte
+                for (var i = 0; i < m.length; i++) {
+
+                    // Generate keystream
+                    if (i % blockSizeInBytes == 0)
+                        cipher._encryptblock(keystream, 0);
+
+                    // Encrypt byte
+                    m[i] ^= keystream[i % blockSizeInBytes];
+
+                }
+            };
+            OFB_prototype._doDecrypt = OFB_prototype._doEncrypt;
+
+            /**
+             * Counter
+             * @author Gergely Risko
+             *
+             * After every block the last 4 bytes of the IV is increased by one
+             * with carry and that IV is used for the next block.
+             *
+             * This is a stream cipher mode and does not require padding.
+             */
+            var CTR = C_mode.CTR = function() {
+                // Call parent constructor
+                Mode.apply(this, arguments);
+            };
+
+            // Inherit from Mode
+            var CTR_prototype = CTR.prototype = new Mode;
+
+            // Override padding
+            CTR_prototype._padding = C_pad.NoPadding;
+
+            CTR_prototype._doEncrypt = function(cipher, m, iv) {
+                var blockSizeInBytes = cipher._blocksize * 4;
+                var counter = iv.slice(0);
+
+                for (var i = 0; i < m.length;) {
+                    // do not lose iv
+                    var keystream = counter.slice(0);
+
+                    // Generate keystream for next block
+                    cipher._encryptblock(keystream, 0);
+
+                    // XOR keystream with block
+                    for (var j = 0; i < m.length && j < blockSizeInBytes; j++, i++) {
+                        m[i] ^= keystream[j];
+                    }
+
+                    // Increase counter
+                    if (++(counter[blockSizeInBytes - 1]) == 256) {
+                        counter[blockSizeInBytes - 1] = 0;
+                        if (++(counter[blockSizeInBytes - 2]) == 256) {
+                            counter[blockSizeInBytes - 2] = 0;
+                            if (++(counter[blockSizeInBytes - 3]) == 256) {
+                                counter[blockSizeInBytes - 3] = 0;
+                                ++(counter[blockSizeInBytes - 4]);
+                            }
+                        }
+                    }
+                }
+            };
+            CTR_prototype._doDecrypt = CTR_prototype._doEncrypt;
+
+        })(Crypto);
+
+        /*!
+         * Crypto-JS v2.5.4  PBKDF2.js
+         * http://code.google.com/p/crypto-js/
+         * Copyright (c) 2009-2013, Jeff Mott. All rights reserved.
+         * http://code.google.com/p/crypto-js/wiki/License
+         */
+        (function() {
+
+            // Shortcuts
+            var C = Crypto,
+                util = C.util,
+                charenc = C.charenc,
+                UTF8 = charenc.UTF8,
+                Binary = charenc.Binary;
+
+            C.PBKDF2 = function(password, salt, keylen, options) {
+
+                // Convert to byte arrays
+                if (password.constructor == String) password = UTF8.stringToBytes(password);
+                if (salt.constructor == String) salt = UTF8.stringToBytes(salt);
+                /* else, assume byte arrays already */
+
+                // Defaults
+                var hasher = options && options.hasher || C.SHA1,
+                    iterations = options && options.iterations || 1;
+
+                // Pseudo-random function
+                function PRF(password, salt) {
+                    return C.HMAC(hasher, salt, password, {
+                        asBytes: true
+                    });
+                }
+
+                // Generate key
+                var derivedKeyBytes = [],
+                    blockindex = 1;
+                while (derivedKeyBytes.length < keylen) {
+                    var block = PRF(password, salt.concat(util.wordsToBytes([blockindex])));
+                    for (var u = block, i = 1; i < iterations; i++) {
+                        u = PRF(password, u);
+                        for (var j = 0; j < block.length; j++) block[j] ^= u[j];
+                    }
+                    derivedKeyBytes = derivedKeyBytes.concat(block);
+                    blockindex++;
+                }
+
+                // Truncate excess bytes
+                derivedKeyBytes.length = keylen;
+
+                return options && options.asBytes ? derivedKeyBytes :
+                    options && options.asString ? Binary.bytesToString(derivedKeyBytes) :
+                    util.bytesToHex(derivedKeyBytes);
+
+            };
+
+        })();
+
+        /*
+         * Copyright (c) 2010-2011 Intalio Pte, All Rights Reserved
+         * 
+         * Permission is hereby granted, free of charge, to any person obtaining a copy
+         * of this software and associated documentation files (the "Software"), to deal
+         * in the Software without restriction, including without limitation the rights
+         * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+         * copies of the Software, and to permit persons to whom the Software is
+         * furnished to do so, subject to the following conditions:
+         * 
+         * The above copyright notice and this permission notice shall be included in
+         * all copies or substantial portions of the Software.
+         * 
+         * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+         * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+         * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+         * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+         * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+         * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+         * THE SOFTWARE.
+         */
+        // https://github.com/cheongwy/node-scrypt-js
+        (function() {
+
+            var MAX_VALUE = 2147483647;
+            var workerUrl = null;
+
+            //function scrypt(byte[] passwd, byte[] salt, int N, int r, int p, int dkLen)
+            /*
+             * N = Cpu cost
+             * r = Memory cost
+             * p = parallelization cost
+             * 
+             */
+            GLOBAL.Crypto_scrypt = function(passwd, salt, N, r, p, dkLen, callback) {
+                if (N == 0 || (N & (N - 1)) != 0) throw Error("N must be > 0 and a power of 2");
+
+                if (N > MAX_VALUE / 128 / r) throw Error("Parameter N is too large");
+                if (r > MAX_VALUE / 128 / p) throw Error("Parameter r is too large");
+
+                var PBKDF2_opts = {
+                    iterations: 1,
+                    hasher: Crypto.SHA256,
+                    asBytes: true
                 };
-                var workers = [makeWorker(), makeWorker()];
-                workers[0].postMessage([N, r, p, B, i++]);
-                if (p > 1) {
-                    workers[1].postMessage([N, r, p, B, i++]);
-                }
-            } catch (e) {
-                GLOBAL.setTimeout(function() {
-                    scryptCore();
-                    callback(Crypto.PBKDF2(passwd, B, dkLen, PBKDF2_opts));
-                }, 0);
-            }
 
-            // using this function to enclose everything needed to create a worker (but also invokable directly for synchronous use)
-            function scryptCore() {
-                var XY = [],
-                    V = [];
+                var B = Crypto.PBKDF2(passwd, salt, p * 128 * r, PBKDF2_opts);
 
-                if (typeof B === 'undefined') {
-                    onmessage = function(event) {
-                        var data = event.data;
-                        var N = data[0],
-                            r = data[1],
-                            p = data[2],
-                            B = data[3],
-                            i = data[4];
+                try {
+                    var i = 0;
+                    var worksDone = 0;
+                    var makeWorker = function() {
+                        if (!workerUrl) {
+                            var code = '(' + scryptCore.toString() + ')()';
+                            var blob;
+                            try {
+                                blob = new Blob([code], {
+                                    type: "text/javascript"
+                                });
+                            } catch (e) {
+                                GLOBAL.BlobBuilder = GLOBAL.BlobBuilder || GLOBAL.WebKitBlobBuilder ||
+                                    GLOBAL.MozBlobBuilder ||
+                                    GLOBAL.MSBlobBuilder;
+                                blob = new BlobBuilder();
+                                blob.append(code);
+                                blob = blob.getBlob("text/javascript");
+                            }
+                            workerUrl = URL.createObjectURL(blob);
+                        }
+                        var worker = new Worker(workerUrl);
+                        worker.onmessage = function(event) {
+                            var Bi = event.data[0],
+                                Bslice = event.data[1];
+                            worksDone++;
 
-                        var Bslice = [];
-                        arraycopy32(B, i * 128 * r, Bslice, 0, 128 * r);
-                        smix(Bslice, 0, r, N, V, XY);
+                            if (i < p) {
+                                worker.postMessage([N, r, p, B, i++]);
+                            }
 
-                        postMessage([i, Bslice]);
+                            var length = Bslice.length,
+                                destPos = Bi * 128 * r,
+                                srcPos = 0;
+                            while (length--) {
+                                B[destPos++] = Bslice[srcPos++];
+                            }
+
+                            if (worksDone == p) {
+                                callback(Crypto.PBKDF2(passwd, B, dkLen, PBKDF2_opts));
+                            }
+                        };
+                        return worker;
                     };
-                } else {
-                    for (var i = 0; i < p; i++) {
-                        smix(B, i * 128 * r, r, N, V, XY);
+                    var workers = [makeWorker(), makeWorker()];
+                    workers[0].postMessage([N, r, p, B, i++]);
+                    if (p > 1) {
+                        workers[1].postMessage([N, r, p, B, i++]);
                     }
+                } catch (e) {
+                    GLOBAL.setTimeout(function() {
+                        scryptCore();
+                        callback(Crypto.PBKDF2(passwd, B, dkLen, PBKDF2_opts));
+                    }, 0);
                 }
 
-                function smix(B, Bi, r, N, V, XY) {
-                    var Xi = 0;
-                    var Yi = 128 * r;
-                    var i;
+                // using this function to enclose everything needed to create a worker (but also invokable directly for synchronous use)
+                function scryptCore() {
+                    var XY = [],
+                        V = [];
 
-                    arraycopy32(B, Bi, XY, Xi, Yi);
+                    if (typeof B === 'undefined') {
+                        onmessage = function(event) {
+                            var data = event.data;
+                            var N = data[0],
+                                r = data[1],
+                                p = data[2],
+                                B = data[3],
+                                i = data[4];
 
-                    for (i = 0; i < N; i++) {
-                        arraycopy32(XY, Xi, V, i * Yi, Yi);
-                        blockmix_salsa8(XY, Xi, Yi, r);
+                            var Bslice = [];
+                            arraycopy32(B, i * 128 * r, Bslice, 0, 128 * r);
+                            smix(Bslice, 0, r, N, V, XY);
+
+                            postMessage([i, Bslice]);
+                        };
+                    } else {
+                        for (var i = 0; i < p; i++) {
+                            smix(B, i * 128 * r, r, N, V, XY);
+                        }
                     }
 
-                    for (i = 0; i < N; i++) {
-                        var j = integerify(XY, Xi, r) & (N - 1);
-                        blockxor(V, j * Yi, XY, Xi, Yi);
-                        blockmix_salsa8(XY, Xi, Yi, r);
+                    function smix(B, Bi, r, N, V, XY) {
+                        var Xi = 0;
+                        var Yi = 128 * r;
+                        var i;
+
+                        arraycopy32(B, Bi, XY, Xi, Yi);
+
+                        for (i = 0; i < N; i++) {
+                            arraycopy32(XY, Xi, V, i * Yi, Yi);
+                            blockmix_salsa8(XY, Xi, Yi, r);
+                        }
+
+                        for (i = 0; i < N; i++) {
+                            var j = integerify(XY, Xi, r) & (N - 1);
+                            blockxor(V, j * Yi, XY, Xi, Yi);
+                            blockmix_salsa8(XY, Xi, Yi, r);
+                        }
+
+                        arraycopy32(XY, Xi, B, Bi, Yi);
                     }
 
-                    arraycopy32(XY, Xi, B, Bi, Yi);
+                    function blockmix_salsa8(BY, Bi, Yi, r) {
+                        var X = [];
+                        var i;
+
+                        arraycopy32(BY, Bi + (2 * r - 1) * 64, X, 0, 64);
+
+                        for (i = 0; i < 2 * r; i++) {
+                            blockxor(BY, i * 64, X, 0, 64);
+                            salsa20_8(X);
+                            arraycopy32(X, 0, BY, Yi + (i * 64), 64);
+                        }
+
+                        for (i = 0; i < r; i++) {
+                            arraycopy32(BY, Yi + (i * 2) * 64, BY, Bi + (i * 64), 64);
+                        }
+
+                        for (i = 0; i < r; i++) {
+                            arraycopy32(BY, Yi + (i * 2 + 1) * 64, BY, Bi + (i + r) * 64, 64);
+                        }
+                    }
+
+                    function R(a, b) {
+                        return (a << b) | (a >>> (32 - b));
+                    }
+
+                    function salsa20_8(B) {
+                        var B32 = new Array(32);
+                        var x = new Array(32);
+                        var i;
+
+                        for (i = 0; i < 16; i++) {
+                            B32[i] = (B[i * 4 + 0] & 0xff) << 0;
+                            B32[i] |= (B[i * 4 + 1] & 0xff) << 8;
+                            B32[i] |= (B[i * 4 + 2] & 0xff) << 16;
+                            B32[i] |= (B[i * 4 + 3] & 0xff) << 24;
+                        }
+
+                        arraycopy(B32, 0, x, 0, 16);
+
+                        for (i = 8; i > 0; i -= 2) {
+                            x[4] ^= R(x[0] + x[12], 7);
+                            x[8] ^= R(x[4] + x[0], 9);
+                            x[12] ^= R(x[8] + x[4], 13);
+                            x[0] ^= R(x[12] + x[8], 18);
+                            x[9] ^= R(x[5] + x[1], 7);
+                            x[13] ^= R(x[9] + x[5], 9);
+                            x[1] ^= R(x[13] + x[9], 13);
+                            x[5] ^= R(x[1] + x[13], 18);
+                            x[14] ^= R(x[10] + x[6], 7);
+                            x[2] ^= R(x[14] + x[10], 9);
+                            x[6] ^= R(x[2] + x[14], 13);
+                            x[10] ^= R(x[6] + x[2], 18);
+                            x[3] ^= R(x[15] + x[11], 7);
+                            x[7] ^= R(x[3] + x[15], 9);
+                            x[11] ^= R(x[7] + x[3], 13);
+                            x[15] ^= R(x[11] + x[7], 18);
+                            x[1] ^= R(x[0] + x[3], 7);
+                            x[2] ^= R(x[1] + x[0], 9);
+                            x[3] ^= R(x[2] + x[1], 13);
+                            x[0] ^= R(x[3] + x[2], 18);
+                            x[6] ^= R(x[5] + x[4], 7);
+                            x[7] ^= R(x[6] + x[5], 9);
+                            x[4] ^= R(x[7] + x[6], 13);
+                            x[5] ^= R(x[4] + x[7], 18);
+                            x[11] ^= R(x[10] + x[9], 7);
+                            x[8] ^= R(x[11] + x[10], 9);
+                            x[9] ^= R(x[8] + x[11], 13);
+                            x[10] ^= R(x[9] + x[8], 18);
+                            x[12] ^= R(x[15] + x[14], 7);
+                            x[13] ^= R(x[12] + x[15], 9);
+                            x[14] ^= R(x[13] + x[12], 13);
+                            x[15] ^= R(x[14] + x[13], 18);
+                        }
+
+                        for (i = 0; i < 16; ++i) B32[i] = x[i] + B32[i];
+
+                        for (i = 0; i < 16; i++) {
+                            var bi = i * 4;
+                            B[bi + 0] = (B32[i] >> 0 & 0xff);
+                            B[bi + 1] = (B32[i] >> 8 & 0xff);
+                            B[bi + 2] = (B32[i] >> 16 & 0xff);
+                            B[bi + 3] = (B32[i] >> 24 & 0xff);
+                        }
+                    }
+
+                    function blockxor(S, Si, D, Di, len) {
+                        var i = len >> 6;
+                        while (i--) {
+                            D[Di++] ^= S[Si++];
+                            D[Di++] ^= S[Si++];
+                            D[Di++] ^= S[Si++];
+                            D[Di++] ^= S[Si++];
+                            D[Di++] ^= S[Si++];
+                            D[Di++] ^= S[Si++];
+                            D[Di++] ^= S[Si++];
+                            D[Di++] ^= S[Si++];
+
+                            D[Di++] ^= S[Si++];
+                            D[Di++] ^= S[Si++];
+                            D[Di++] ^= S[Si++];
+                            D[Di++] ^= S[Si++];
+                            D[Di++] ^= S[Si++];
+                            D[Di++] ^= S[Si++];
+                            D[Di++] ^= S[Si++];
+                            D[Di++] ^= S[Si++];
+
+                            D[Di++] ^= S[Si++];
+                            D[Di++] ^= S[Si++];
+                            D[Di++] ^= S[Si++];
+                            D[Di++] ^= S[Si++];
+                            D[Di++] ^= S[Si++];
+                            D[Di++] ^= S[Si++];
+                            D[Di++] ^= S[Si++];
+                            D[Di++] ^= S[Si++];
+
+                            D[Di++] ^= S[Si++];
+                            D[Di++] ^= S[Si++];
+                            D[Di++] ^= S[Si++];
+                            D[Di++] ^= S[Si++];
+                            D[Di++] ^= S[Si++];
+                            D[Di++] ^= S[Si++];
+                            D[Di++] ^= S[Si++];
+                            D[Di++] ^= S[Si++];
+
+                            D[Di++] ^= S[Si++];
+                            D[Di++] ^= S[Si++];
+                            D[Di++] ^= S[Si++];
+                            D[Di++] ^= S[Si++];
+                            D[Di++] ^= S[Si++];
+                            D[Di++] ^= S[Si++];
+                            D[Di++] ^= S[Si++];
+                            D[Di++] ^= S[Si++];
+
+                            D[Di++] ^= S[Si++];
+                            D[Di++] ^= S[Si++];
+                            D[Di++] ^= S[Si++];
+                            D[Di++] ^= S[Si++];
+                            D[Di++] ^= S[Si++];
+                            D[Di++] ^= S[Si++];
+                            D[Di++] ^= S[Si++];
+                            D[Di++] ^= S[Si++];
+
+                            D[Di++] ^= S[Si++];
+                            D[Di++] ^= S[Si++];
+                            D[Di++] ^= S[Si++];
+                            D[Di++] ^= S[Si++];
+                            D[Di++] ^= S[Si++];
+                            D[Di++] ^= S[Si++];
+                            D[Di++] ^= S[Si++];
+                            D[Di++] ^= S[Si++];
+
+                            D[Di++] ^= S[Si++];
+                            D[Di++] ^= S[Si++];
+                            D[Di++] ^= S[Si++];
+                            D[Di++] ^= S[Si++];
+                            D[Di++] ^= S[Si++];
+                            D[Di++] ^= S[Si++];
+                            D[Di++] ^= S[Si++];
+                            D[Di++] ^= S[Si++];
+                        }
+                    }
+
+                    function integerify(B, bi, r) {
+                        var n;
+
+                        bi += (2 * r - 1) * 64;
+
+                        n = (B[bi + 0] & 0xff) << 0;
+                        n |= (B[bi + 1] & 0xff) << 8;
+                        n |= (B[bi + 2] & 0xff) << 16;
+                        n |= (B[bi + 3] & 0xff) << 24;
+
+                        return n;
+                    }
+
+                    function arraycopy(src, srcPos, dest, destPos, length) {
+                        while (length--) {
+                            dest[destPos++] = src[srcPos++];
+                        }
+                    }
+
+                    function arraycopy32(src, srcPos, dest, destPos, length) {
+                        var i = length >> 5;
+                        while (i--) {
+                            dest[destPos++] = src[srcPos++];
+                            dest[destPos++] = src[srcPos++];
+                            dest[destPos++] = src[srcPos++];
+                            dest[destPos++] = src[srcPos++];
+                            dest[destPos++] = src[srcPos++];
+                            dest[destPos++] = src[srcPos++];
+                            dest[destPos++] = src[srcPos++];
+                            dest[destPos++] = src[srcPos++];
+
+                            dest[destPos++] = src[srcPos++];
+                            dest[destPos++] = src[srcPos++];
+                            dest[destPos++] = src[srcPos++];
+                            dest[destPos++] = src[srcPos++];
+                            dest[destPos++] = src[srcPos++];
+                            dest[destPos++] = src[srcPos++];
+                            dest[destPos++] = src[srcPos++];
+                            dest[destPos++] = src[srcPos++];
+
+                            dest[destPos++] = src[srcPos++];
+                            dest[destPos++] = src[srcPos++];
+                            dest[destPos++] = src[srcPos++];
+                            dest[destPos++] = src[srcPos++];
+                            dest[destPos++] = src[srcPos++];
+                            dest[destPos++] = src[srcPos++];
+                            dest[destPos++] = src[srcPos++];
+                            dest[destPos++] = src[srcPos++];
+
+                            dest[destPos++] = src[srcPos++];
+                            dest[destPos++] = src[srcPos++];
+                            dest[destPos++] = src[srcPos++];
+                            dest[destPos++] = src[srcPos++];
+                            dest[destPos++] = src[srcPos++];
+                            dest[destPos++] = src[srcPos++];
+                            dest[destPos++] = src[srcPos++];
+                            dest[destPos++] = src[srcPos++];
+                        }
+                    }
+                } // scryptCore
+            }; // GLOBAL.Crypto_scrypt
+        })();
+
+        /*!
+         * Crypto-JS v2.5.4  AES.js
+         * http://code.google.com/p/crypto-js/
+         * Copyright (c) 2009-2013, Jeff Mott. All rights reserved.
+         * http://code.google.com/p/crypto-js/wiki/License
+         */
+        (function() {
+
+            // Shortcuts
+            var C = Crypto,
+                util = C.util,
+                charenc = C.charenc,
+                UTF8 = charenc.UTF8;
+
+            // Precomputed SBOX
+            var SBOX = [0x63, 0x7c, 0x77, 0x7b, 0xf2, 0x6b, 0x6f, 0xc5,
+                0x30, 0x01, 0x67, 0x2b, 0xfe, 0xd7, 0xab, 0x76,
+                0xca, 0x82, 0xc9, 0x7d, 0xfa, 0x59, 0x47, 0xf0,
+                0xad, 0xd4, 0xa2, 0xaf, 0x9c, 0xa4, 0x72, 0xc0,
+                0xb7, 0xfd, 0x93, 0x26, 0x36, 0x3f, 0xf7, 0xcc,
+                0x34, 0xa5, 0xe5, 0xf1, 0x71, 0xd8, 0x31, 0x15,
+                0x04, 0xc7, 0x23, 0xc3, 0x18, 0x96, 0x05, 0x9a,
+                0x07, 0x12, 0x80, 0xe2, 0xeb, 0x27, 0xb2, 0x75,
+                0x09, 0x83, 0x2c, 0x1a, 0x1b, 0x6e, 0x5a, 0xa0,
+                0x52, 0x3b, 0xd6, 0xb3, 0x29, 0xe3, 0x2f, 0x84,
+                0x53, 0xd1, 0x00, 0xed, 0x20, 0xfc, 0xb1, 0x5b,
+                0x6a, 0xcb, 0xbe, 0x39, 0x4a, 0x4c, 0x58, 0xcf,
+                0xd0, 0xef, 0xaa, 0xfb, 0x43, 0x4d, 0x33, 0x85,
+                0x45, 0xf9, 0x02, 0x7f, 0x50, 0x3c, 0x9f, 0xa8,
+                0x51, 0xa3, 0x40, 0x8f, 0x92, 0x9d, 0x38, 0xf5,
+                0xbc, 0xb6, 0xda, 0x21, 0x10, 0xff, 0xf3, 0xd2,
+                0xcd, 0x0c, 0x13, 0xec, 0x5f, 0x97, 0x44, 0x17,
+                0xc4, 0xa7, 0x7e, 0x3d, 0x64, 0x5d, 0x19, 0x73,
+                0x60, 0x81, 0x4f, 0xdc, 0x22, 0x2a, 0x90, 0x88,
+                0x46, 0xee, 0xb8, 0x14, 0xde, 0x5e, 0x0b, 0xdb,
+                0xe0, 0x32, 0x3a, 0x0a, 0x49, 0x06, 0x24, 0x5c,
+                0xc2, 0xd3, 0xac, 0x62, 0x91, 0x95, 0xe4, 0x79,
+                0xe7, 0xc8, 0x37, 0x6d, 0x8d, 0xd5, 0x4e, 0xa9,
+                0x6c, 0x56, 0xf4, 0xea, 0x65, 0x7a, 0xae, 0x08,
+                0xba, 0x78, 0x25, 0x2e, 0x1c, 0xa6, 0xb4, 0xc6,
+                0xe8, 0xdd, 0x74, 0x1f, 0x4b, 0xbd, 0x8b, 0x8a,
+                0x70, 0x3e, 0xb5, 0x66, 0x48, 0x03, 0xf6, 0x0e,
+                0x61, 0x35, 0x57, 0xb9, 0x86, 0xc1, 0x1d, 0x9e,
+                0xe1, 0xf8, 0x98, 0x11, 0x69, 0xd9, 0x8e, 0x94,
+                0x9b, 0x1e, 0x87, 0xe9, 0xce, 0x55, 0x28, 0xdf,
+                0x8c, 0xa1, 0x89, 0x0d, 0xbf, 0xe6, 0x42, 0x68,
+                0x41, 0x99, 0x2d, 0x0f, 0xb0, 0x54, 0xbb, 0x16
+            ];
+
+            // Compute inverse SBOX lookup table
+            for (var INVSBOX = [], i = 0; i < 256; i++) INVSBOX[SBOX[i]] = i;
+
+            // Compute multiplication in GF(2^8) lookup tables
+            var MULT2 = [],
+                MULT3 = [],
+                MULT9 = [],
+                MULTB = [],
+                MULTD = [],
+                MULTE = [];
+
+            function xtime(a, b) {
+                for (var result = 0, i = 0; i < 8; i++) {
+                    if (b & 1) result ^= a;
+                    var hiBitSet = a & 0x80;
+                    a = (a << 1) & 0xFF;
+                    if (hiBitSet) a ^= 0x1b;
+                    b >>>= 1;
                 }
-
-                function blockmix_salsa8(BY, Bi, Yi, r) {
-                    var X = [];
-                    var i;
-
-                    arraycopy32(BY, Bi + (2 * r - 1) * 64, X, 0, 64);
-
-                    for (i = 0; i < 2 * r; i++) {
-                        blockxor(BY, i * 64, X, 0, 64);
-                        salsa20_8(X);
-                        arraycopy32(X, 0, BY, Yi + (i * 64), 64);
-                    }
-
-                    for (i = 0; i < r; i++) {
-                        arraycopy32(BY, Yi + (i * 2) * 64, BY, Bi + (i * 64), 64);
-                    }
-
-                    for (i = 0; i < r; i++) {
-                        arraycopy32(BY, Yi + (i * 2 + 1) * 64, BY, Bi + (i + r) * 64, 64);
-                    }
-                }
-
-                function R(a, b) {
-                    return (a << b) | (a >>> (32 - b));
-                }
-
-                function salsa20_8(B) {
-                    var B32 = new Array(32);
-                    var x = new Array(32);
-                    var i;
-
-                    for (i = 0; i < 16; i++) {
-                        B32[i] = (B[i * 4 + 0] & 0xff) << 0;
-                        B32[i] |= (B[i * 4 + 1] & 0xff) << 8;
-                        B32[i] |= (B[i * 4 + 2] & 0xff) << 16;
-                        B32[i] |= (B[i * 4 + 3] & 0xff) << 24;
-                    }
-
-                    arraycopy(B32, 0, x, 0, 16);
-
-                    for (i = 8; i > 0; i -= 2) {
-                        x[4] ^= R(x[0] + x[12], 7);
-                        x[8] ^= R(x[4] + x[0], 9);
-                        x[12] ^= R(x[8] + x[4], 13);
-                        x[0] ^= R(x[12] + x[8], 18);
-                        x[9] ^= R(x[5] + x[1], 7);
-                        x[13] ^= R(x[9] + x[5], 9);
-                        x[1] ^= R(x[13] + x[9], 13);
-                        x[5] ^= R(x[1] + x[13], 18);
-                        x[14] ^= R(x[10] + x[6], 7);
-                        x[2] ^= R(x[14] + x[10], 9);
-                        x[6] ^= R(x[2] + x[14], 13);
-                        x[10] ^= R(x[6] + x[2], 18);
-                        x[3] ^= R(x[15] + x[11], 7);
-                        x[7] ^= R(x[3] + x[15], 9);
-                        x[11] ^= R(x[7] + x[3], 13);
-                        x[15] ^= R(x[11] + x[7], 18);
-                        x[1] ^= R(x[0] + x[3], 7);
-                        x[2] ^= R(x[1] + x[0], 9);
-                        x[3] ^= R(x[2] + x[1], 13);
-                        x[0] ^= R(x[3] + x[2], 18);
-                        x[6] ^= R(x[5] + x[4], 7);
-                        x[7] ^= R(x[6] + x[5], 9);
-                        x[4] ^= R(x[7] + x[6], 13);
-                        x[5] ^= R(x[4] + x[7], 18);
-                        x[11] ^= R(x[10] + x[9], 7);
-                        x[8] ^= R(x[11] + x[10], 9);
-                        x[9] ^= R(x[8] + x[11], 13);
-                        x[10] ^= R(x[9] + x[8], 18);
-                        x[12] ^= R(x[15] + x[14], 7);
-                        x[13] ^= R(x[12] + x[15], 9);
-                        x[14] ^= R(x[13] + x[12], 13);
-                        x[15] ^= R(x[14] + x[13], 18);
-                    }
-
-                    for (i = 0; i < 16; ++i) B32[i] = x[i] + B32[i];
-
-                    for (i = 0; i < 16; i++) {
-                        var bi = i * 4;
-                        B[bi + 0] = (B32[i] >> 0 & 0xff);
-                        B[bi + 1] = (B32[i] >> 8 & 0xff);
-                        B[bi + 2] = (B32[i] >> 16 & 0xff);
-                        B[bi + 3] = (B32[i] >> 24 & 0xff);
-                    }
-                }
-
-                function blockxor(S, Si, D, Di, len) {
-                    var i = len >> 6;
-                    while (i--) {
-                        D[Di++] ^= S[Si++];
-                        D[Di++] ^= S[Si++];
-                        D[Di++] ^= S[Si++];
-                        D[Di++] ^= S[Si++];
-                        D[Di++] ^= S[Si++];
-                        D[Di++] ^= S[Si++];
-                        D[Di++] ^= S[Si++];
-                        D[Di++] ^= S[Si++];
-
-                        D[Di++] ^= S[Si++];
-                        D[Di++] ^= S[Si++];
-                        D[Di++] ^= S[Si++];
-                        D[Di++] ^= S[Si++];
-                        D[Di++] ^= S[Si++];
-                        D[Di++] ^= S[Si++];
-                        D[Di++] ^= S[Si++];
-                        D[Di++] ^= S[Si++];
-
-                        D[Di++] ^= S[Si++];
-                        D[Di++] ^= S[Si++];
-                        D[Di++] ^= S[Si++];
-                        D[Di++] ^= S[Si++];
-                        D[Di++] ^= S[Si++];
-                        D[Di++] ^= S[Si++];
-                        D[Di++] ^= S[Si++];
-                        D[Di++] ^= S[Si++];
-
-                        D[Di++] ^= S[Si++];
-                        D[Di++] ^= S[Si++];
-                        D[Di++] ^= S[Si++];
-                        D[Di++] ^= S[Si++];
-                        D[Di++] ^= S[Si++];
-                        D[Di++] ^= S[Si++];
-                        D[Di++] ^= S[Si++];
-                        D[Di++] ^= S[Si++];
-
-                        D[Di++] ^= S[Si++];
-                        D[Di++] ^= S[Si++];
-                        D[Di++] ^= S[Si++];
-                        D[Di++] ^= S[Si++];
-                        D[Di++] ^= S[Si++];
-                        D[Di++] ^= S[Si++];
-                        D[Di++] ^= S[Si++];
-                        D[Di++] ^= S[Si++];
-
-                        D[Di++] ^= S[Si++];
-                        D[Di++] ^= S[Si++];
-                        D[Di++] ^= S[Si++];
-                        D[Di++] ^= S[Si++];
-                        D[Di++] ^= S[Si++];
-                        D[Di++] ^= S[Si++];
-                        D[Di++] ^= S[Si++];
-                        D[Di++] ^= S[Si++];
-
-                        D[Di++] ^= S[Si++];
-                        D[Di++] ^= S[Si++];
-                        D[Di++] ^= S[Si++];
-                        D[Di++] ^= S[Si++];
-                        D[Di++] ^= S[Si++];
-                        D[Di++] ^= S[Si++];
-                        D[Di++] ^= S[Si++];
-                        D[Di++] ^= S[Si++];
-
-                        D[Di++] ^= S[Si++];
-                        D[Di++] ^= S[Si++];
-                        D[Di++] ^= S[Si++];
-                        D[Di++] ^= S[Si++];
-                        D[Di++] ^= S[Si++];
-                        D[Di++] ^= S[Si++];
-                        D[Di++] ^= S[Si++];
-                        D[Di++] ^= S[Si++];
-                    }
-                }
-
-                function integerify(B, bi, r) {
-                    var n;
-
-                    bi += (2 * r - 1) * 64;
-
-                    n = (B[bi + 0] & 0xff) << 0;
-                    n |= (B[bi + 1] & 0xff) << 8;
-                    n |= (B[bi + 2] & 0xff) << 16;
-                    n |= (B[bi + 3] & 0xff) << 24;
-
-                    return n;
-                }
-
-                function arraycopy(src, srcPos, dest, destPos, length) {
-                    while (length--) {
-                        dest[destPos++] = src[srcPos++];
-                    }
-                }
-
-                function arraycopy32(src, srcPos, dest, destPos, length) {
-                    var i = length >> 5;
-                    while (i--) {
-                        dest[destPos++] = src[srcPos++];
-                        dest[destPos++] = src[srcPos++];
-                        dest[destPos++] = src[srcPos++];
-                        dest[destPos++] = src[srcPos++];
-                        dest[destPos++] = src[srcPos++];
-                        dest[destPos++] = src[srcPos++];
-                        dest[destPos++] = src[srcPos++];
-                        dest[destPos++] = src[srcPos++];
-
-                        dest[destPos++] = src[srcPos++];
-                        dest[destPos++] = src[srcPos++];
-                        dest[destPos++] = src[srcPos++];
-                        dest[destPos++] = src[srcPos++];
-                        dest[destPos++] = src[srcPos++];
-                        dest[destPos++] = src[srcPos++];
-                        dest[destPos++] = src[srcPos++];
-                        dest[destPos++] = src[srcPos++];
-
-                        dest[destPos++] = src[srcPos++];
-                        dest[destPos++] = src[srcPos++];
-                        dest[destPos++] = src[srcPos++];
-                        dest[destPos++] = src[srcPos++];
-                        dest[destPos++] = src[srcPos++];
-                        dest[destPos++] = src[srcPos++];
-                        dest[destPos++] = src[srcPos++];
-                        dest[destPos++] = src[srcPos++];
-
-                        dest[destPos++] = src[srcPos++];
-                        dest[destPos++] = src[srcPos++];
-                        dest[destPos++] = src[srcPos++];
-                        dest[destPos++] = src[srcPos++];
-                        dest[destPos++] = src[srcPos++];
-                        dest[destPos++] = src[srcPos++];
-                        dest[destPos++] = src[srcPos++];
-                        dest[destPos++] = src[srcPos++];
-                    }
-                }
-            } // scryptCore
-        }; // GLOBAL.Crypto_scrypt
-    })();
-
-    /*!
-     * Crypto-JS v2.5.4  AES.js
-     * http://code.google.com/p/crypto-js/
-     * Copyright (c) 2009-2013, Jeff Mott. All rights reserved.
-     * http://code.google.com/p/crypto-js/wiki/License
-     */
-    (function() {
-
-        // Shortcuts
-        var C = Crypto,
-            util = C.util,
-            charenc = C.charenc,
-            UTF8 = charenc.UTF8;
-
-        // Precomputed SBOX
-        var SBOX = [0x63, 0x7c, 0x77, 0x7b, 0xf2, 0x6b, 0x6f, 0xc5,
-            0x30, 0x01, 0x67, 0x2b, 0xfe, 0xd7, 0xab, 0x76,
-            0xca, 0x82, 0xc9, 0x7d, 0xfa, 0x59, 0x47, 0xf0,
-            0xad, 0xd4, 0xa2, 0xaf, 0x9c, 0xa4, 0x72, 0xc0,
-            0xb7, 0xfd, 0x93, 0x26, 0x36, 0x3f, 0xf7, 0xcc,
-            0x34, 0xa5, 0xe5, 0xf1, 0x71, 0xd8, 0x31, 0x15,
-            0x04, 0xc7, 0x23, 0xc3, 0x18, 0x96, 0x05, 0x9a,
-            0x07, 0x12, 0x80, 0xe2, 0xeb, 0x27, 0xb2, 0x75,
-            0x09, 0x83, 0x2c, 0x1a, 0x1b, 0x6e, 0x5a, 0xa0,
-            0x52, 0x3b, 0xd6, 0xb3, 0x29, 0xe3, 0x2f, 0x84,
-            0x53, 0xd1, 0x00, 0xed, 0x20, 0xfc, 0xb1, 0x5b,
-            0x6a, 0xcb, 0xbe, 0x39, 0x4a, 0x4c, 0x58, 0xcf,
-            0xd0, 0xef, 0xaa, 0xfb, 0x43, 0x4d, 0x33, 0x85,
-            0x45, 0xf9, 0x02, 0x7f, 0x50, 0x3c, 0x9f, 0xa8,
-            0x51, 0xa3, 0x40, 0x8f, 0x92, 0x9d, 0x38, 0xf5,
-            0xbc, 0xb6, 0xda, 0x21, 0x10, 0xff, 0xf3, 0xd2,
-            0xcd, 0x0c, 0x13, 0xec, 0x5f, 0x97, 0x44, 0x17,
-            0xc4, 0xa7, 0x7e, 0x3d, 0x64, 0x5d, 0x19, 0x73,
-            0x60, 0x81, 0x4f, 0xdc, 0x22, 0x2a, 0x90, 0x88,
-            0x46, 0xee, 0xb8, 0x14, 0xde, 0x5e, 0x0b, 0xdb,
-            0xe0, 0x32, 0x3a, 0x0a, 0x49, 0x06, 0x24, 0x5c,
-            0xc2, 0xd3, 0xac, 0x62, 0x91, 0x95, 0xe4, 0x79,
-            0xe7, 0xc8, 0x37, 0x6d, 0x8d, 0xd5, 0x4e, 0xa9,
-            0x6c, 0x56, 0xf4, 0xea, 0x65, 0x7a, 0xae, 0x08,
-            0xba, 0x78, 0x25, 0x2e, 0x1c, 0xa6, 0xb4, 0xc6,
-            0xe8, 0xdd, 0x74, 0x1f, 0x4b, 0xbd, 0x8b, 0x8a,
-            0x70, 0x3e, 0xb5, 0x66, 0x48, 0x03, 0xf6, 0x0e,
-            0x61, 0x35, 0x57, 0xb9, 0x86, 0xc1, 0x1d, 0x9e,
-            0xe1, 0xf8, 0x98, 0x11, 0x69, 0xd9, 0x8e, 0x94,
-            0x9b, 0x1e, 0x87, 0xe9, 0xce, 0x55, 0x28, 0xdf,
-            0x8c, 0xa1, 0x89, 0x0d, 0xbf, 0xe6, 0x42, 0x68,
-            0x41, 0x99, 0x2d, 0x0f, 0xb0, 0x54, 0xbb, 0x16
-        ];
-
-        // Compute inverse SBOX lookup table
-        for (var INVSBOX = [], i = 0; i < 256; i++) INVSBOX[SBOX[i]] = i;
-
-        // Compute multiplication in GF(2^8) lookup tables
-        var MULT2 = [],
-            MULT3 = [],
-            MULT9 = [],
-            MULTB = [],
-            MULTD = [],
-            MULTE = [];
-
-        function xtime(a, b) {
-            for (var result = 0, i = 0; i < 8; i++) {
-                if (b & 1) result ^= a;
-                var hiBitSet = a & 0x80;
-                a = (a << 1) & 0xFF;
-                if (hiBitSet) a ^= 0x1b;
-                b >>>= 1;
+                return result;
             }
-            return result;
-        }
 
-        for (var i = 0; i < 256; i++) {
-            MULT2[i] = xtime(i, 2);
-            MULT3[i] = xtime(i, 3);
-            MULT9[i] = xtime(i, 9);
-            MULTB[i] = xtime(i, 0xB);
-            MULTD[i] = xtime(i, 0xD);
-            MULTE[i] = xtime(i, 0xE);
-        }
+            for (var i = 0; i < 256; i++) {
+                MULT2[i] = xtime(i, 2);
+                MULT3[i] = xtime(i, 3);
+                MULT9[i] = xtime(i, 9);
+                MULTB[i] = xtime(i, 0xB);
+                MULTD[i] = xtime(i, 0xD);
+                MULTE[i] = xtime(i, 0xE);
+            }
 
-        // Precomputed RCon lookup
-        var RCON = [0x00, 0x01, 0x02, 0x04, 0x08, 0x10, 0x20, 0x40, 0x80, 0x1b, 0x36];
+            // Precomputed RCon lookup
+            var RCON = [0x00, 0x01, 0x02, 0x04, 0x08, 0x10, 0x20, 0x40, 0x80, 0x1b, 0x36];
 
-        // Inner state
-        var state = [
-                [],
-                [],
-                [],
-                []
-            ],
-            keylength,
-            nrounds,
-            keyschedule;
+            // Inner state
+            var state = [
+                    [],
+                    [],
+                    [],
+                    []
+                ],
+                keylength,
+                nrounds,
+                keyschedule;
 
-        var AES = C.AES = {
+            var AES = C.AES = {
 
-            /**
-             * Public API
-             */
+                /**
+                 * Public API
+                 */
 
-            encrypt: function(message, password, options) {
+                encrypt: function(message, password, options) {
 
-                options = options || {};
+                    options = options || {};
 
-                // Determine mode
-                var mode = options.mode || new C.mode.OFB;
+                    // Determine mode
+                    var mode = options.mode || new C.mode.OFB;
 
-                // Allow mode to override options
-                if (mode.fixOptions) mode.fixOptions(options);
+                    // Allow mode to override options
+                    if (mode.fixOptions) mode.fixOptions(options);
 
-                var
+                    var
 
-                    // Convert to bytes if message is a string
-                    m = (
-                        message.constructor == String ?
-                        UTF8.stringToBytes(message) :
-                        message
-                    ),
+                        // Convert to bytes if message is a string
+                        m = (
+                            message.constructor == String ?
+                            UTF8.stringToBytes(message) :
+                            message
+                        ),
 
-                    // Generate random IV
-                    iv = options.iv || util.randomBytes(AES._blocksize * 4),
+                        // Generate random IV
+                        iv = options.iv || util.randomBytes(AES._blocksize * 4),
 
-                    // Generate key
-                    k = (
-                        password.constructor == String ?
-                        // Derive key from pass-phrase
-                        C.PBKDF2(password, iv, 32, {
-                            asBytes: true
-                        }) :
-                        // else, assume byte array representing cryptographic key
-                        password
-                    );
+                        // Generate key
+                        k = (
+                            password.constructor == String ?
+                            // Derive key from pass-phrase
+                            C.PBKDF2(password, iv, 32, {
+                                asBytes: true
+                            }) :
+                            // else, assume byte array representing cryptographic key
+                            password
+                        );
 
-                // Encrypt
-                AES._init(k);
-                mode.encrypt(AES, m, iv);
+                    // Encrypt
+                    AES._init(k);
+                    mode.encrypt(AES, m, iv);
 
-                // Return ciphertext
-                m = options.iv ? m : iv.concat(m);
-                return (options && options.asBytes) ? m : util.bytesToBase64(m);
+                    // Return ciphertext
+                    m = options.iv ? m : iv.concat(m);
+                    return (options && options.asBytes) ? m : util.bytesToBase64(m);
 
-            },
+                },
 
-            decrypt: function(ciphertext, password, options) {
+                decrypt: function(ciphertext, password, options) {
 
-                options = options || {};
+                    options = options || {};
 
-                // Determine mode
-                var mode = options.mode || new C.mode.OFB;
+                    // Determine mode
+                    var mode = options.mode || new C.mode.OFB;
 
-                // Allow mode to override options
-                if (mode.fixOptions) mode.fixOptions(options);
+                    // Allow mode to override options
+                    if (mode.fixOptions) mode.fixOptions(options);
 
-                var
+                    var
 
-                    // Convert to bytes if ciphertext is a string
-                    c = (
-                        ciphertext.constructor == String ?
-                        util.base64ToBytes(ciphertext) :
-                        ciphertext
-                    ),
+                        // Convert to bytes if ciphertext is a string
+                        c = (
+                            ciphertext.constructor == String ?
+                            util.base64ToBytes(ciphertext) :
+                            ciphertext
+                        ),
 
-                    // Separate IV and message
-                    iv = options.iv || c.splice(0, AES._blocksize * 4),
+                        // Separate IV and message
+                        iv = options.iv || c.splice(0, AES._blocksize * 4),
 
-                    // Generate key
-                    k = (
-                        password.constructor == String ?
-                        // Derive key from pass-phrase
-                        C.PBKDF2(password, iv, 32, {
-                            asBytes: true
-                        }) :
-                        // else, assume byte array representing cryptographic key
-                        password
-                    );
+                        // Generate key
+                        k = (
+                            password.constructor == String ?
+                            // Derive key from pass-phrase
+                            C.PBKDF2(password, iv, 32, {
+                                asBytes: true
+                            }) :
+                            // else, assume byte array representing cryptographic key
+                            password
+                        );
 
-                // Decrypt
-                AES._init(k);
-                mode.decrypt(AES, c, iv);
+                    // Decrypt
+                    AES._init(k);
+                    mode.decrypt(AES, c, iv);
 
-                // Return plaintext
-                return (options && options.asBytes) ? c : UTF8.bytesToString(c);
+                    // Return plaintext
+                    return (options && options.asBytes) ? c : UTF8.bytesToString(c);
 
-            },
+                },
 
 
-            /**
-             * Package private methods and properties
-             */
+                /**
+                 * Package private methods and properties
+                 */
 
-            _blocksize: 4,
+                _blocksize: 4,
 
-            _encryptblock: function(m, offset) {
+                _encryptblock: function(m, offset) {
 
-                // Set input
-                for (var row = 0; row < AES._blocksize; row++) {
-                    for (var col = 0; col < 4; col++)
-                        state[row][col] = m[offset + col * 4 + row];
-                }
+                    // Set input
+                    for (var row = 0; row < AES._blocksize; row++) {
+                        for (var col = 0; col < 4; col++)
+                            state[row][col] = m[offset + col * 4 + row];
+                    }
 
-                // Add round key
-                for (var row = 0; row < 4; row++) {
-                    for (var col = 0; col < 4; col++)
-                        state[row][col] ^= keyschedule[col][row];
-                }
+                    // Add round key
+                    for (var row = 0; row < 4; row++) {
+                        for (var col = 0; col < 4; col++)
+                            state[row][col] ^= keyschedule[col][row];
+                    }
 
-                for (var round = 1; round < nrounds; round++) {
+                    for (var round = 1; round < nrounds; round++) {
+
+                        // Sub bytes
+                        for (var row = 0; row < 4; row++) {
+                            for (var col = 0; col < 4; col++)
+                                state[row][col] = SBOX[state[row][col]];
+                        }
+
+                        // Shift rows
+                        state[1].push(state[1].shift());
+                        state[2].push(state[2].shift());
+                        state[2].push(state[2].shift());
+                        state[3].unshift(state[3].pop());
+
+                        // Mix columns
+                        for (var col = 0; col < 4; col++) {
+
+                            var s0 = state[0][col],
+                                s1 = state[1][col],
+                                s2 = state[2][col],
+                                s3 = state[3][col];
+
+                            state[0][col] = MULT2[s0] ^ MULT3[s1] ^ s2 ^ s3;
+                            state[1][col] = s0 ^ MULT2[s1] ^ MULT3[s2] ^ s3;
+                            state[2][col] = s0 ^ s1 ^ MULT2[s2] ^ MULT3[s3];
+                            state[3][col] = MULT3[s0] ^ s1 ^ s2 ^ MULT2[s3];
+
+                        }
+
+                        // Add round key
+                        for (var row = 0; row < 4; row++) {
+                            for (var col = 0; col < 4; col++)
+                                state[row][col] ^= keyschedule[round * 4 + col][row];
+                        }
+
+                    }
 
                     // Sub bytes
                     for (var row = 0; row < 4; row++) {
@@ -3554,70 +3591,70 @@
                     state[2].push(state[2].shift());
                     state[3].unshift(state[3].pop());
 
-                    // Mix columns
-                    for (var col = 0; col < 4; col++) {
+                    // Add round key
+                    for (var row = 0; row < 4; row++) {
+                        for (var col = 0; col < 4; col++)
+                            state[row][col] ^= keyschedule[nrounds * 4 + col][row];
+                    }
 
-                        var s0 = state[0][col],
-                            s1 = state[1][col],
-                            s2 = state[2][col],
-                            s3 = state[3][col];
+                    // Set output
+                    for (var row = 0; row < AES._blocksize; row++) {
+                        for (var col = 0; col < 4; col++)
+                            m[offset + col * 4 + row] = state[row][col];
+                    }
 
-                        state[0][col] = MULT2[s0] ^ MULT3[s1] ^ s2 ^ s3;
-                        state[1][col] = s0 ^ MULT2[s1] ^ MULT3[s2] ^ s3;
-                        state[2][col] = s0 ^ s1 ^ MULT2[s2] ^ MULT3[s3];
-                        state[3][col] = MULT3[s0] ^ s1 ^ s2 ^ MULT2[s3];
+                },
 
+                _decryptblock: function(c, offset) {
+
+                    // Set input
+                    for (var row = 0; row < AES._blocksize; row++) {
+                        for (var col = 0; col < 4; col++)
+                            state[row][col] = c[offset + col * 4 + row];
                     }
 
                     // Add round key
                     for (var row = 0; row < 4; row++) {
                         for (var col = 0; col < 4; col++)
-                            state[row][col] ^= keyschedule[round * 4 + col][row];
+                            state[row][col] ^= keyschedule[nrounds * 4 + col][row];
                     }
 
-                }
+                    for (var round = 1; round < nrounds; round++) {
 
-                // Sub bytes
-                for (var row = 0; row < 4; row++) {
-                    for (var col = 0; col < 4; col++)
-                        state[row][col] = SBOX[state[row][col]];
-                }
+                        // Inv shift rows
+                        state[1].unshift(state[1].pop());
+                        state[2].push(state[2].shift());
+                        state[2].push(state[2].shift());
+                        state[3].push(state[3].shift());
 
-                // Shift rows
-                state[1].push(state[1].shift());
-                state[2].push(state[2].shift());
-                state[2].push(state[2].shift());
-                state[3].unshift(state[3].pop());
+                        // Inv sub bytes
+                        for (var row = 0; row < 4; row++) {
+                            for (var col = 0; col < 4; col++)
+                                state[row][col] = INVSBOX[state[row][col]];
+                        }
 
-                // Add round key
-                for (var row = 0; row < 4; row++) {
-                    for (var col = 0; col < 4; col++)
-                        state[row][col] ^= keyschedule[nrounds * 4 + col][row];
-                }
+                        // Add round key
+                        for (var row = 0; row < 4; row++) {
+                            for (var col = 0; col < 4; col++)
+                                state[row][col] ^= keyschedule[(nrounds - round) * 4 + col][row];
+                        }
 
-                // Set output
-                for (var row = 0; row < AES._blocksize; row++) {
-                    for (var col = 0; col < 4; col++)
-                        m[offset + col * 4 + row] = state[row][col];
-                }
+                        // Inv mix columns
+                        for (var col = 0; col < 4; col++) {
 
-            },
+                            var s0 = state[0][col],
+                                s1 = state[1][col],
+                                s2 = state[2][col],
+                                s3 = state[3][col];
 
-            _decryptblock: function(c, offset) {
+                            state[0][col] = MULTE[s0] ^ MULTB[s1] ^ MULTD[s2] ^ MULT9[s3];
+                            state[1][col] = MULT9[s0] ^ MULTE[s1] ^ MULTB[s2] ^ MULTD[s3];
+                            state[2][col] = MULTD[s0] ^ MULT9[s1] ^ MULTE[s2] ^ MULTB[s3];
+                            state[3][col] = MULTB[s0] ^ MULTD[s1] ^ MULT9[s2] ^ MULTE[s3];
 
-                // Set input
-                for (var row = 0; row < AES._blocksize; row++) {
-                    for (var col = 0; col < 4; col++)
-                        state[row][col] = c[offset + col * 4 + row];
-                }
+                        }
 
-                // Add round key
-                for (var row = 0; row < 4; row++) {
-                    for (var col = 0; col < 4; col++)
-                        state[row][col] ^= keyschedule[nrounds * 4 + col][row];
-                }
-
-                for (var round = 1; round < nrounds; round++) {
+                    }
 
                     // Inv shift rows
                     state[1].unshift(state[1].pop());
@@ -3634,2954 +3671,3117 @@
                     // Add round key
                     for (var row = 0; row < 4; row++) {
                         for (var col = 0; col < 4; col++)
-                            state[row][col] ^= keyschedule[(nrounds - round) * 4 + col][row];
+                            state[row][col] ^= keyschedule[col][row];
                     }
 
-                    // Inv mix columns
-                    for (var col = 0; col < 4; col++) {
+                    // Set output
+                    for (var row = 0; row < AES._blocksize; row++) {
+                        for (var col = 0; col < 4; col++)
+                            c[offset + col * 4 + row] = state[row][col];
+                    }
 
-                        var s0 = state[0][col],
-                            s1 = state[1][col],
-                            s2 = state[2][col],
-                            s3 = state[3][col];
+                },
 
-                        state[0][col] = MULTE[s0] ^ MULTB[s1] ^ MULTD[s2] ^ MULT9[s3];
-                        state[1][col] = MULT9[s0] ^ MULTE[s1] ^ MULTB[s2] ^ MULTD[s3];
-                        state[2][col] = MULTD[s0] ^ MULT9[s1] ^ MULTE[s2] ^ MULTB[s3];
-                        state[3][col] = MULTB[s0] ^ MULTD[s1] ^ MULT9[s2] ^ MULTE[s3];
+
+                /**
+                 * Private methods
+                 */
+
+                _init: function(k) {
+                    keylength = k.length / 4;
+                    nrounds = keylength + 6;
+                    AES._keyexpansion(k);
+                },
+
+                // Generate a key schedule
+                _keyexpansion: function(k) {
+
+                    keyschedule = [];
+
+                    for (var row = 0; row < keylength; row++) {
+                        keyschedule[row] = [
+                            k[row * 4],
+                            k[row * 4 + 1],
+                            k[row * 4 + 2],
+                            k[row * 4 + 3]
+                        ];
+                    }
+
+                    for (var row = keylength; row < AES._blocksize * (nrounds + 1); row++) {
+
+                        var temp = [
+                            keyschedule[row - 1][0],
+                            keyschedule[row - 1][1],
+                            keyschedule[row - 1][2],
+                            keyschedule[row - 1][3]
+                        ];
+
+                        if (row % keylength == 0) {
+
+                            // Rot word
+                            temp.push(temp.shift());
+
+                            // Sub word
+                            temp[0] = SBOX[temp[0]];
+                            temp[1] = SBOX[temp[1]];
+                            temp[2] = SBOX[temp[2]];
+                            temp[3] = SBOX[temp[3]];
+
+                            temp[0] ^= RCON[row / keylength];
+
+                        } else if (keylength > 6 && row % keylength == 4) {
+
+                            // Sub word
+                            temp[0] = SBOX[temp[0]];
+                            temp[1] = SBOX[temp[1]];
+                            temp[2] = SBOX[temp[2]];
+                            temp[3] = SBOX[temp[3]];
+
+                        }
+
+                        keyschedule[row] = [
+                            keyschedule[row - keylength][0] ^ temp[0],
+                            keyschedule[row - keylength][1] ^ temp[1],
+                            keyschedule[row - keylength][2] ^ temp[2],
+                            keyschedule[row - keylength][3] ^ temp[3]
+                        ];
 
                     }
 
                 }
 
-                // Inv shift rows
-                state[1].unshift(state[1].pop());
-                state[2].push(state[2].shift());
-                state[2].push(state[2].shift());
-                state[3].push(state[3].shift());
+            };
 
-                // Inv sub bytes
-                for (var row = 0; row < 4; row++) {
-                    for (var col = 0; col < 4; col++)
-                        state[row][col] = INVSBOX[state[row][col]];
+        })();
+
+        /*
+         * Copyright (c) 2000 - 2011 The Legion Of The Bouncy Castle (http://www.bouncycastle.org)
+         * Ported to JavaScript by bitaddress.org
+         */
+        ec.FieldElementFp.fastLucasSequence = function(p, P, Q, k) {
+            // TODO Research and apply "common-multiplicand multiplication here"
+
+            var n = k.bitLength();
+            var s = k.getLowestSetBit();
+            var Uh = BigInteger.ONE;
+            var Vl = BigInteger.TWO;
+            var Vh = P;
+            var Ql = BigInteger.ONE;
+            var Qh = BigInteger.ONE;
+
+            for (var j = n - 1; j >= s + 1; --j) {
+                Ql = Ql.multiply(Qh).mod(p);
+                if (k.testBit(j)) {
+                    Qh = Ql.multiply(Q).mod(p);
+                    Uh = Uh.multiply(Vh).mod(p);
+                    Vl = Vh.multiply(Vl).subtract(P.multiply(Ql)).mod(p);
+                    Vh = Vh.multiply(Vh).subtract(Qh.shiftLeft(1)).mod(p);
+                } else {
+                    Qh = Ql;
+                    Uh = Uh.multiply(Vl).subtract(Ql).mod(p);
+                    Vh = Vh.multiply(Vl).subtract(P.multiply(Ql)).mod(p);
+                    Vl = Vl.multiply(Vl).subtract(Ql.shiftLeft(1)).mod(p);
                 }
-
-                // Add round key
-                for (var row = 0; row < 4; row++) {
-                    for (var col = 0; col < 4; col++)
-                        state[row][col] ^= keyschedule[col][row];
-                }
-
-                // Set output
-                for (var row = 0; row < AES._blocksize; row++) {
-                    for (var col = 0; col < 4; col++)
-                        c[offset + col * 4 + row] = state[row][col];
-                }
-
-            },
-
-
-            /**
-             * Private methods
-             */
-
-            _init: function(k) {
-                keylength = k.length / 4;
-                nrounds = keylength + 6;
-                AES._keyexpansion(k);
-            },
-
-            // Generate a key schedule
-            _keyexpansion: function(k) {
-
-                keyschedule = [];
-
-                for (var row = 0; row < keylength; row++) {
-                    keyschedule[row] = [
-                        k[row * 4],
-                        k[row * 4 + 1],
-                        k[row * 4 + 2],
-                        k[row * 4 + 3]
-                    ];
-                }
-
-                for (var row = keylength; row < AES._blocksize * (nrounds + 1); row++) {
-
-                    var temp = [
-                        keyschedule[row - 1][0],
-                        keyschedule[row - 1][1],
-                        keyschedule[row - 1][2],
-                        keyschedule[row - 1][3]
-                    ];
-
-                    if (row % keylength == 0) {
-
-                        // Rot word
-                        temp.push(temp.shift());
-
-                        // Sub word
-                        temp[0] = SBOX[temp[0]];
-                        temp[1] = SBOX[temp[1]];
-                        temp[2] = SBOX[temp[2]];
-                        temp[3] = SBOX[temp[3]];
-
-                        temp[0] ^= RCON[row / keylength];
-
-                    } else if (keylength > 6 && row % keylength == 4) {
-
-                        // Sub word
-                        temp[0] = SBOX[temp[0]];
-                        temp[1] = SBOX[temp[1]];
-                        temp[2] = SBOX[temp[2]];
-                        temp[3] = SBOX[temp[3]];
-
-                    }
-
-                    keyschedule[row] = [
-                        keyschedule[row - keylength][0] ^ temp[0],
-                        keyschedule[row - keylength][1] ^ temp[1],
-                        keyschedule[row - keylength][2] ^ temp[2],
-                        keyschedule[row - keylength][3] ^ temp[3]
-                    ];
-
-                }
-
             }
 
-        };
-
-    })();
-
-    /*
-     * Copyright (c) 2000 - 2011 The Legion Of The Bouncy Castle (http://www.bouncycastle.org)
-     * Ported to JavaScript by bitaddress.org
-     */
-    ec.FieldElementFp.fastLucasSequence = function(p, P, Q, k) {
-        // TODO Research and apply "common-multiplicand multiplication here"
-
-        var n = k.bitLength();
-        var s = k.getLowestSetBit();
-        var Uh = BigInteger.ONE;
-        var Vl = BigInteger.TWO;
-        var Vh = P;
-        var Ql = BigInteger.ONE;
-        var Qh = BigInteger.ONE;
-
-        for (var j = n - 1; j >= s + 1; --j) {
             Ql = Ql.multiply(Qh).mod(p);
-            if (k.testBit(j)) {
-                Qh = Ql.multiply(Q).mod(p);
-                Uh = Uh.multiply(Vh).mod(p);
-                Vl = Vh.multiply(Vl).subtract(P.multiply(Ql)).mod(p);
-                Vh = Vh.multiply(Vh).subtract(Qh.shiftLeft(1)).mod(p);
-            } else {
-                Qh = Ql;
-                Uh = Uh.multiply(Vl).subtract(Ql).mod(p);
-                Vh = Vh.multiply(Vl).subtract(P.multiply(Ql)).mod(p);
+            Qh = Ql.multiply(Q).mod(p);
+            Uh = Uh.multiply(Vl).subtract(Ql).mod(p);
+            Vl = Vh.multiply(Vl).subtract(P.multiply(Ql)).mod(p);
+            Ql = Ql.multiply(Qh).mod(p);
+
+            for (var j = 1; j <= s; ++j) {
+                Uh = Uh.multiply(Vl).mod(p);
                 Vl = Vl.multiply(Vl).subtract(Ql.shiftLeft(1)).mod(p);
-            }
-        }
-
-        Ql = Ql.multiply(Qh).mod(p);
-        Qh = Ql.multiply(Q).mod(p);
-        Uh = Uh.multiply(Vl).subtract(Ql).mod(p);
-        Vl = Vh.multiply(Vl).subtract(P.multiply(Ql)).mod(p);
-        Ql = Ql.multiply(Qh).mod(p);
-
-        for (var j = 1; j <= s; ++j) {
-            Uh = Uh.multiply(Vl).mod(p);
-            Vl = Vl.multiply(Vl).subtract(Ql.shiftLeft(1)).mod(p);
-            Ql = Ql.multiply(Ql).mod(p);
-        }
-
-        return [Uh, Vl];
-    };
-
-    // ----------------
-    // ECPointFp constructor
-    ec.PointFp = function(curve, x, y, z, compressed) {
-        this.curve = curve;
-        this.x = x;
-        this.y = y;
-        // Projective coordinates: either zinv == null or z * zinv == 1
-        // z and zinv are just BigIntegers, not fieldElements
-        if (z == null) {
-            this.z = BigInteger.ONE;
-        } else {
-            this.z = z;
-        }
-        this.zinv = null;
-        // compression flag
-        this.compressed = !!compressed;
-    };
-
-    ec.PointFp.prototype.getX = function() {
-        if (this.zinv == null) {
-            this.zinv = this.z.modInverse(this.curve.q);
-        }
-        var r = this.x.toBigInteger().multiply(this.zinv);
-        this.curve.reduce(r);
-        return this.curve.fromBigInteger(r);
-    };
-
-    ec.PointFp.prototype.getY = function() {
-        if (this.zinv == null) {
-            this.zinv = this.z.modInverse(this.curve.q);
-        }
-        var r = this.y.toBigInteger().multiply(this.zinv);
-        this.curve.reduce(r);
-        return this.curve.fromBigInteger(r);
-    };
-
-    ec.PointFp.prototype.equals = function(other) {
-        if (other == this) return true;
-        if (this.isInfinity()) return other.isInfinity();
-        if (other.isInfinity()) return this.isInfinity();
-        var u, v;
-        // u = Y2 * Z1 - Y1 * Z2
-        u = other.y.toBigInteger().multiply(this.z).subtract(this.y.toBigInteger().multiply(other.z)).mod(
-            this.curve.q);
-        if (!u.equals(BigInteger.ZERO)) return false;
-        // v = X2 * Z1 - X1 * Z2
-        v = other.x.toBigInteger().multiply(this.z).subtract(this.x.toBigInteger().multiply(other.z)).mod(
-            this.curve.q);
-        return v.equals(BigInteger.ZERO);
-    };
-
-    ec.PointFp.prototype.isInfinity = function() {
-        if ((this.x == null) && (this.y == null)) return true;
-        return this.z.equals(BigInteger.ZERO) && !this.y.toBigInteger().equals(BigInteger.ZERO);
-    };
-
-    ec.PointFp.prototype.negate = function() {
-        return new ec.PointFp(this.curve, this.x, this.y.negate(), this.z);
-    };
-
-    ec.PointFp.prototype.add = function(b) {
-        if (this.isInfinity()) return b;
-        if (b.isInfinity()) return this;
-
-        // u = Y2 * Z1 - Y1 * Z2
-        var u = b.y.toBigInteger().multiply(this.z).subtract(this.y.toBigInteger().multiply(b.z)).mod(
-            this.curve.q);
-        // v = X2 * Z1 - X1 * Z2
-        var v = b.x.toBigInteger().multiply(this.z).subtract(this.x.toBigInteger().multiply(b.z)).mod(
-            this.curve.q);
-
-
-        if (BigInteger.ZERO.equals(v)) {
-            if (BigInteger.ZERO.equals(u)) {
-                return this.twice(); // this == b, so double
-            }
-            return this.curve.getInfinity(); // this = -b, so infinity
-        }
-
-        var THREE = new BigInteger("3");
-        var x1 = this.x.toBigInteger();
-        var y1 = this.y.toBigInteger();
-        var x2 = b.x.toBigInteger();
-        var y2 = b.y.toBigInteger();
-
-        var v2 = v.square();
-        var v3 = v2.multiply(v);
-        var x1v2 = x1.multiply(v2);
-        var zu2 = u.square().multiply(this.z);
-
-        // x3 = v * (z2 * (z1 * u^2 - 2 * x1 * v^2) - v^3)
-        var x3 = zu2.subtract(x1v2.shiftLeft(1)).multiply(b.z).subtract(v3).multiply(v).mod(this.curve.q);
-        // y3 = z2 * (3 * x1 * u * v^2 - y1 * v^3 - z1 * u^3) + u * v^3
-        var y3 = x1v2.multiply(THREE).multiply(u).subtract(y1.multiply(v3)).subtract(zu2.multiply(u)).multiply(
-            b.z).add(u.multiply(v3)).mod(this.curve.q);
-        // z3 = v^3 * z1 * z2
-        var z3 = v3.multiply(this.z).multiply(b.z).mod(this.curve.q);
-
-        return new ec.PointFp(this.curve, this.curve.fromBigInteger(x3), this.curve.fromBigInteger(y3),
-            z3);
-    };
-
-    ec.PointFp.prototype.twice = function() {
-        if (this.isInfinity()) return this;
-        if (this.y.toBigInteger().signum() == 0) return this.curve.getInfinity();
-
-        // TODO: optimized handling of constants
-        var THREE = new BigInteger("3");
-        var x1 = this.x.toBigInteger();
-        var y1 = this.y.toBigInteger();
-
-        var y1z1 = y1.multiply(this.z);
-        var y1sqz1 = y1z1.multiply(y1).mod(this.curve.q);
-        var a = this.curve.a.toBigInteger();
-
-        // w = 3 * x1^2 + a * z1^2
-        var w = x1.square().multiply(THREE);
-        if (!BigInteger.ZERO.equals(a)) {
-            w = w.add(this.z.square().multiply(a));
-        }
-        w = w.mod(this.curve.q);
-        //this.curve.reduce(w);
-        // x3 = 2 * y1 * z1 * (w^2 - 8 * x1 * y1^2 * z1)
-        var x3 = w.square().subtract(x1.shiftLeft(3).multiply(y1sqz1)).shiftLeft(1).multiply(y1z1).mod(
-            this.curve.q);
-        // y3 = 4 * y1^2 * z1 * (3 * w * x1 - 2 * y1^2 * z1) - w^3
-        var y3 = w.multiply(THREE).multiply(x1).subtract(y1sqz1.shiftLeft(1)).shiftLeft(2).multiply(
-            y1sqz1).subtract(w.square().multiply(w)).mod(this.curve.q);
-        // z3 = 8 * (y1 * z1)^3
-        var z3 = y1z1.square().multiply(y1z1).shiftLeft(3).mod(this.curve.q);
-
-        return new ec.PointFp(this.curve, this.curve.fromBigInteger(x3), this.curve.fromBigInteger(y3),
-            z3);
-    };
-
-    // Simple NAF (Non-Adjacent Form) multiplication algorithm
-    // TODO: modularize the multiplication algorithm
-    ec.PointFp.prototype.multiply = function(k) {
-        if (this.isInfinity()) return this;
-        if (k.signum() == 0) return this.curve.getInfinity();
-
-        var e = k;
-        var h = e.multiply(new BigInteger("3"));
-
-        var neg = this.negate();
-        var R = this;
-
-        var i;
-        for (i = h.bitLength() - 2; i > 0; --i) {
-            R = R.twice();
-
-            var hBit = h.testBit(i);
-            var eBit = e.testBit(i);
-
-            if (hBit != eBit) {
-                R = R.add(hBit ? this : neg);
-            }
-        }
-
-        return R;
-    };
-
-    // Compute this*j + x*k (simultaneous multiplication)
-    ec.PointFp.prototype.multiplyTwo = function(j, x, k) {
-        var i;
-        if (j.bitLength() > k.bitLength())
-            i = j.bitLength() - 1;
-        else
-            i = k.bitLength() - 1;
-
-        var R = this.curve.getInfinity();
-        var both = this.add(x);
-        while (i >= 0) {
-            R = R.twice();
-            if (j.testBit(i)) {
-                if (k.testBit(i)) {
-                    R = R.add(both);
-                } else {
-                    R = R.add(this);
-                }
-            } else {
-                if (k.testBit(i)) {
-                    R = R.add(x);
-                }
-            }
-            --i;
-        }
-
-        return R;
-    };
-
-    // patched by bitaddress.org and Casascius for use with Bitcoin.ECKey
-    // patched by coretechs to support compressed public keys
-    ec.PointFp.prototype.getEncoded = function(compressed) {
-        var x = this.getX().toBigInteger();
-        var y = this.getY().toBigInteger();
-        var len = 32; // integerToBytes will zero pad if integer is less than 32 bytes. 32 bytes length is required by the Bitcoin protocol.
-        var enc = ec.integerToBytes(x, len);
-
-        // when compressed prepend byte depending if y point is even or odd
-        if (compressed) {
-            if (y.isEven()) {
-                enc.unshift(0x02);
-            } else {
-                enc.unshift(0x03);
-            }
-        } else {
-            enc.unshift(0x04);
-            enc = enc.concat(ec.integerToBytes(y, len)); // uncompressed public key appends the bytes of the y point
-        }
-        return enc;
-    };
-
-    ec.PointFp.decodeFrom = function(curve, enc) {
-        var type = enc[0];
-        var dataLen = enc.length - 1;
-
-        // Extract x and y as byte arrays
-        var xBa = enc.slice(1, 1 + dataLen / 2);
-        var yBa = enc.slice(1 + dataLen / 2, 1 + dataLen);
-
-        // Prepend zero byte to prevent interpretation as negative integer
-        xBa.unshift(0);
-        yBa.unshift(0);
-
-        // Convert to BigIntegers
-        var x = new BigInteger(xBa);
-        var y = new BigInteger(yBa);
-
-        // Return point
-        return new ec.PointFp(curve, curve.fromBigInteger(x), curve.fromBigInteger(y));
-    };
-
-    ec.PointFp.prototype.add2D = function(b) {
-        if (this.isInfinity()) return b;
-        if (b.isInfinity()) return this;
-
-        if (this.x.equals(b.x)) {
-            if (this.y.equals(b.y)) {
-                // this = b, i.e. this must be doubled
-                return this.twice();
-            }
-            // this = -b, i.e. the result is the point at infinity
-            return this.curve.getInfinity();
-        }
-
-        var x_x = b.x.subtract(this.x);
-        var y_y = b.y.subtract(this.y);
-        var gamma = y_y.divide(x_x);
-
-        var x3 = gamma.square().subtract(this.x).subtract(b.x);
-        var y3 = gamma.multiply(this.x.subtract(x3)).subtract(this.y);
-
-        return new ec.PointFp(this.curve, x3, y3);
-    };
-
-    ec.PointFp.prototype.twice2D = function() {
-        if (this.isInfinity()) return this;
-        if (this.y.toBigInteger().signum() == 0) {
-            // if y1 == 0, then (x1, y1) == (x1, -y1)
-            // and hence this = -this and thus 2(x1, y1) == infinity
-            return this.curve.getInfinity();
-        }
-
-        var TWO = this.curve.fromBigInteger(BigInteger.valueOf(2));
-        var THREE = this.curve.fromBigInteger(BigInteger.valueOf(3));
-        var gamma = this.x.square().multiply(THREE).add(this.curve.a).divide(this.y.multiply(TWO));
-
-        var x3 = gamma.square().subtract(this.x.multiply(TWO));
-        var y3 = gamma.multiply(this.x.subtract(x3)).subtract(this.y);
-
-        return new ec.PointFp(this.curve, x3, y3);
-    };
-
-    ec.PointFp.prototype.multiply2D = function(k) {
-        if (this.isInfinity()) return this;
-        if (k.signum() == 0) return this.curve.getInfinity();
-
-        var e = k;
-        var h = e.multiply(new BigInteger("3"));
-
-        var neg = this.negate();
-        var R = this;
-
-        var i;
-        for (i = h.bitLength() - 2; i > 0; --i) {
-            R = R.twice();
-
-            var hBit = h.testBit(i);
-            var eBit = e.testBit(i);
-
-            if (hBit != eBit) {
-                R = R.add2D(hBit ? this : neg);
-            }
-        }
-
-        return R;
-    };
-
-    ec.PointFp.prototype.isOnCurve = function() {
-        var x = this.getX().toBigInteger();
-        var y = this.getY().toBigInteger();
-        var a = this.curve.getA().toBigInteger();
-        var b = this.curve.getB().toBigInteger();
-        var n = this.curve.getQ();
-        var lhs = y.multiply(y).mod(n);
-        var rhs = x.multiply(x).multiply(x).add(a.multiply(x)).add(b).mod(n);
-        return lhs.equals(rhs);
-    };
-
-    ec.PointFp.prototype.toString = function() {
-        return '(' + this.getX().toBigInteger().toString() + ',' + this.getY().toBigInteger().toString() +
-            ')';
-    };
-
-    /**
-     * Validate an elliptic curve point.
-     *
-     * See SEC 1, section 3.2.2.1: Elliptic Curve Public Key Validation Primitive
-     */
-    ec.PointFp.prototype.validate = function() {
-        var n = this.curve.getQ();
-
-        // Check Q != O
-        if (this.isInfinity()) {
-            throw new Error("Point is at infinity.");
-        }
-
-        // Check coordinate bounds
-        var x = this.getX().toBigInteger();
-        var y = this.getY().toBigInteger();
-        if (x.compareTo(BigInteger.ONE) < 0 || x.compareTo(n.subtract(BigInteger.ONE)) > 0) {
-            throw new Error('x coordinate out of bounds');
-        }
-        if (y.compareTo(BigInteger.ONE) < 0 || y.compareTo(n.subtract(BigInteger.ONE)) > 0) {
-            throw new Error('y coordinate out of bounds');
-        }
-
-        // Check y^2 = x^3 + ax + b (mod n)
-        if (!this.isOnCurve()) {
-            throw new Error("Point is not on the curve.");
-        }
-
-        // Check nQ = 0 (Q is a scalar multiple of G)
-        if (this.multiply(n).isInfinity()) {
-            // TODO: This check doesn't work - fix.
-            throw new Error("Point is not a scalar multiple of G.");
-        }
-
-        return true;
-    };
-
-
-
-
-    // ----------------
-    // ECCurveFp constructor
-    ec.CurveFp = function(q, a, b) {
-        this.q = q;
-        this.a = this.fromBigInteger(a);
-        this.b = this.fromBigInteger(b);
-        this.infinity = new ec.PointFp(this, null, null);
-        this.reducer = new Barrett(this.q);
-    }
-
-    ec.CurveFp.prototype.getQ = function() {
-        return this.q;
-    };
-
-    ec.CurveFp.prototype.getA = function() {
-        return this.a;
-    };
-
-    ec.CurveFp.prototype.getB = function() {
-        return this.b;
-    };
-
-    ec.CurveFp.prototype.equals = function(other) {
-        if (other == this) return true;
-        return (this.q.equals(other.q) && this.a.equals(other.a) && this.b.equals(other.b));
-    };
-
-    ec.CurveFp.prototype.getInfinity = function() {
-        return this.infinity;
-    };
-
-    ec.CurveFp.prototype.fromBigInteger = function(x) {
-        return new ec.FieldElementFp(this.q, x);
-    };
-
-    ec.CurveFp.prototype.reduce = function(x) {
-        this.reducer.reduce(x);
-    };
-
-    // for now, work with hex strings because they're easier in JS
-    // compressed support added by bitaddress.org
-    ec.CurveFp.prototype.decodePointHex = function(s) {
-        var firstByte = parseInt(s.substr(0, 2), 16);
-        switch (firstByte) { // first byte
-            case 0:
-                return this.infinity;
-            case 2: // compressed
-            case 3: // compressed
-                var yTilde = firstByte & 1;
-                var xHex = s.substr(2, s.length - 2);
-                var X1 = new BigInteger(xHex, 16);
-                return this.decompressPoint(yTilde, X1);
-            case 4: // uncompressed
-            case 6: // hybrid
-            case 7: // hybrid
-                var len = (s.length - 2) / 2;
-                var xHex = s.substr(2, len);
-                var yHex = s.substr(len + 2, len);
-
-                return new ec.PointFp(this,
-                    this.fromBigInteger(new BigInteger(xHex, 16)),
-                    this.fromBigInteger(new BigInteger(yHex, 16)));
-
-            default: // unsupported
-                return null;
-        }
-    };
-
-    ec.CurveFp.prototype.encodePointHex = function(p) {
-        if (p.isInfinity()) return "00";
-        var xHex = p.getX().toBigInteger().toString(16);
-        var yHex = p.getY().toBigInteger().toString(16);
-        var oLen = this.getQ().toString(16).length;
-        if ((oLen % 2) != 0) oLen++;
-        while (xHex.length < oLen) {
-            xHex = "0" + xHex;
-        }
-        while (yHex.length < oLen) {
-            yHex = "0" + yHex;
-        }
-        return "04" + xHex + yHex;
-    };
-
-    /*
-     * Copyright (c) 2000 - 2011 The Legion Of The Bouncy Castle (http://www.bouncycastle.org)
-     * Ported to JavaScript by bitaddress.org
-     *
-     * Number yTilde
-     * BigInteger X1
-     */
-    ec.CurveFp.prototype.decompressPoint = function(yTilde, X1) {
-        var x = this.fromBigInteger(X1);
-        var alpha = x.multiply(x.square().add(this.getA())).add(this.getB());
-        var beta = alpha.sqrt();
-        // if we can't find a sqrt we haven't got a point on the curve - run!
-        if (beta == null) throw new Error("Invalid point compression");
-        var betaValue = beta.toBigInteger();
-        var bit0 = betaValue.testBit(0) ? 1 : 0;
-        if (bit0 != yTilde) {
-            // Use the other root
-            beta = this.fromBigInteger(this.getQ().subtract(betaValue));
-        }
-        return new ec.PointFp(this, x, beta, null, true);
-    };
-
-
-    ec.fromHex = function(s) {
-        return new BigInteger(s, 16);
-    };
-
-    ec.integerToBytes = function(i, len) {
-        var bytes = i.toByteArrayUnsigned();
-        if (len < bytes.length) {
-            bytes = bytes.slice(bytes.length - len);
-        } else
-            while (len > bytes.length) {
-                bytes.unshift(0);
-            }
-        return bytes;
-    };
-
-
-    // Named EC curves
-    // ----------------
-    // X9ECParameters constructor
-    ec.X9Parameters = function(curve, g, n, h) {
-        this.curve = curve;
-        this.g = g;
-        this.n = n;
-        this.h = h;
-    }
-    ec.X9Parameters.prototype.getCurve = function() {
-        return this.curve;
-    };
-    ec.X9Parameters.prototype.getG = function() {
-        return this.g;
-    };
-    ec.X9Parameters.prototype.getN = function() {
-        return this.n;
-    };
-    ec.X9Parameters.prototype.getH = function() {
-        return this.h;
-    };
-
-    // secp256k1 is the Curve used by Bitcoin
-    ec.secNamedCurves = {
-        // used by Bitcoin
-        "secp256k1": function() {
-            // p = 2^256 - 2^32 - 2^9 - 2^8 - 2^7 - 2^6 - 2^4 - 1
-            var p = ec.fromHex("FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFEFFFFFC2F");
-            var a = BigInteger.ZERO;
-            var b = ec.fromHex("7");
-            var n = ec.fromHex("FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFEBAAEDCE6AF48A03BBFD25E8CD0364141");
-            var h = BigInteger.ONE;
-            var curve = new ec.CurveFp(p, a, b);
-            var G = curve.decodePointHex("04" +
-                "79BE667EF9DCBBAC55A06295CE870B07029BFCDB2DCE28D959F2815B16F81798" +
-                "483ADA7726A3C4655DA4FBFC0E1108A8FD17B448A68554199C47D08FFB10D4B8");
-            return new ec.X9Parameters(curve, G, n, h);
-        }
-    };
-
-    // secp256k1 called by Bitcoin's ECKEY
-    ec.getSECCurveByName = function(name) {
-        if (ec.secNamedCurves[name] == undefined) return null;
-        return ec.secNamedCurves[name]();
-    }
-})(typeof global !== "undefined" ? global : window);
-
-//bitTrx.js
-(function(GLOBAL) {
-
-    var bitjs = GLOBAL.bitjs = function() {};
-
-    function ascii_to_hexa(str) {
-        var arr1 = [];
-        for (var n = 0, l = str.length; n < l; n++) {
-            var hex = Number(str.charCodeAt(n)).toString(16);
-            arr1.push(hex);
-        }
-        return arr1.join('');
-    }
-
-    /* public vars */
-    bitjs.pub = 0x23; // flochange - changed the prefix to FLO Mainnet PublicKey Prefix 0x23
-    bitjs.priv = 0xa3; //flochange - changed the prefix to FLO Mainnet Private key prefix 0xa3
-    bitjs.compressed = false;
-
-    /* provide a privkey and return an WIF  */
-    bitjs.privkey2wif = function(h) {
-        var r = Crypto.util.hexToBytes(h);
-
-        if (bitjs.compressed == true) {
-            r.push(0x01);
-        }
-
-        r.unshift(bitjs.priv);
-        var hash = Crypto.SHA256(Crypto.SHA256(r, {
-            asBytes: true
-        }), {
-            asBytes: true
-        });
-        var checksum = hash.slice(0, 4);
-
-        return B58.encode(r.concat(checksum));
-    }
-
-    /* convert a wif key back to a private key */
-    bitjs.wif2privkey = function(wif) {
-        var compressed = false;
-        var decode = B58.decode(wif);
-        var key = decode.slice(0, decode.length - 4);
-        key = key.slice(1, key.length);
-        if (key.length >= 33 && key[key.length - 1] == 0x01) {
-            key = key.slice(0, key.length - 1);
-            compressed = true;
-        }
-        return {
-            'privkey': Crypto.util.bytesToHex(key),
-            'compressed': compressed
-        };
-    }
-
-    /* convert a wif to a pubkey */
-    bitjs.wif2pubkey = function(wif) {
-        var compressed = bitjs.compressed;
-        var r = bitjs.wif2privkey(wif);
-        bitjs.compressed = r['compressed'];
-        var pubkey = bitjs.newPubkey(r['privkey']);
-        bitjs.compressed = compressed;
-        return {
-            'pubkey': pubkey,
-            'compressed': r['compressed']
-        };
-    }
-
-    /* convert a wif to a address */
-    bitjs.wif2address = function(wif) {
-        var r = bitjs.wif2pubkey(wif);
-        return {
-            'address': bitjs.pubkey2address(r['pubkey']),
-            'compressed': r['compressed']
-        };
-    }
-
-    /* generate a public key from a private key */
-    bitjs.newPubkey = function(hash) {
-        var privateKeyBigInt = BigInteger.fromByteArrayUnsigned(Crypto.util.hexToBytes(hash));
-        var curve = EllipticCurve.getSECCurveByName("secp256k1");
-
-        var curvePt = curve.getG().multiply(privateKeyBigInt);
-        var x = curvePt.getX().toBigInteger();
-        var y = curvePt.getY().toBigInteger();
-
-        var publicKeyBytes = EllipticCurve.integerToBytes(x, 32);
-        publicKeyBytes = publicKeyBytes.concat(EllipticCurve.integerToBytes(y, 32));
-        publicKeyBytes.unshift(0x04);
-
-        if (bitjs.compressed == true) {
-            var publicKeyBytesCompressed = EllipticCurve.integerToBytes(x, 32)
-            if (y.isEven()) {
-                publicKeyBytesCompressed.unshift(0x02)
-            } else {
-                publicKeyBytesCompressed.unshift(0x03)
-            }
-            return Crypto.util.bytesToHex(publicKeyBytesCompressed);
-        } else {
-            return Crypto.util.bytesToHex(publicKeyBytes);
-        }
-    }
-
-    /* provide a public key and return address */
-    bitjs.pubkey2address = function(h, byte) {
-        var r = ripemd160(Crypto.SHA256(Crypto.util.hexToBytes(h), {
-            asBytes: true
-        }));
-        r.unshift(byte || bitjs.pub);
-        var hash = Crypto.SHA256(Crypto.SHA256(r, {
-            asBytes: true
-        }), {
-            asBytes: true
-        });
-        var checksum = hash.slice(0, 4);
-        return B58.encode(r.concat(checksum));
-    }
-
-    bitjs.transaction = function() {
-        var btrx = {};
-        btrx.version = 2; //flochange look at this version
-        btrx.inputs = [];
-        btrx.outputs = [];
-        btrx.locktime = 0;
-        btrx.floData = ""; //flochange .. look at this
-
-
-        btrx.addinput = function(txid, index, scriptPubKey, sequence) {
-            var o = {};
-            o.outpoint = {
-                'hash': txid,
-                'index': index
-            };
-            //o.script = []; Signature and Public Key should be added after singning
-            o.script = Crypto.util.hexToBytes(scriptPubKey); //push previous output pubkey script
-            o.sequence = sequence || ((btrx.locktime == 0) ? 4294967295 : 0);
-            return this.inputs.push(o);
-        }
-
-        btrx.addoutput = function(address, value) {
-            var o = {};
-            var buf = [];
-            var addrDecoded = btrx.addressDecode(address);
-            o.value = new BigInteger('' + Math.round((value * 1) * 1e8), 10);
-            buf.push(118); //OP_DUP
-            buf.push(169); //OP_HASH160
-            buf.push(addrDecoded.length);
-            buf = buf.concat(addrDecoded); // address in bytes
-            buf.push(136); //OP_EQUALVERIFY
-            buf.push(172); //  OP_CHECKSIG
-            o.script = buf;
-            return this.outputs.push(o);
-        }
-
-
-        btrx.addflodata = function(txcomments) { // flochange - this whole function needs to be done
-            this.floData = txcomments;
-            return this.floData; //flochange .. returning the txcomments -- check if the function return will assign
-        }
-
-
-        // Only standard addresses
-        btrx.addressDecode = function(address) {
-            var bytes = B58.decode(address);
-            var front = bytes.slice(0, bytes.length - 4);
-            var back = bytes.slice(bytes.length - 4);
-            var checksum = Crypto.SHA256(Crypto.SHA256(front, {
-                asBytes: true
-            }), {
-                asBytes: true
-            }).slice(0, 4);
-            if (checksum + "" == back + "") {
-                return front.slice(1);
-            }
-        }
-
-        /* generate the transaction hash to sign from a transaction input */
-        btrx.transactionHash = function(index, sigHashType) {
-
-            var clone = bitjs.clone(this);
-            var shType = sigHashType || 1;
-
-            /* black out all other ins, except this one */
-            for (var i = 0; i < clone.inputs.length; i++) {
-                if (index != i) {
-                    clone.inputs[i].script = [];
-                }
+                Ql = Ql.multiply(Ql).mod(p);
             }
 
-
-            if ((clone.inputs) && clone.inputs[index]) {
-
-                /* SIGHASH : For more info on sig hashs see https://en.bitcoin.it/wiki/OP_CHECKSIG
-                    and https://bitcoin.org/en/developer-guide#signature-hash-type */
-
-                if (shType == 1) {
-                    //SIGHASH_ALL 0x01
-
-                } else if (shType == 2) {
-                    //SIGHASH_NONE 0x02
-                    clone.outputs = [];
-                    for (var i = 0; i < clone.inputs.length; i++) {
-                        if (index != i) {
-                            clone.inputs[i].sequence = 0;
-                        }
-                    }
-
-                } else if (shType == 3) {
-
-                    //SIGHASH_SINGLE 0x03
-                    clone.outputs.length = index + 1;
-
-                    for (var i = 0; i < index; i++) {
-                        clone.outputs[i].value = -1;
-                        clone.outputs[i].script = [];
-                    }
-
-                    for (var i = 0; i < clone.inputs.length; i++) {
-                        if (index != i) {
-                            clone.inputs[i].sequence = 0;
-                        }
-                    }
-
-                } else if (shType >= 128) {
-                    //SIGHASH_ANYONECANPAY 0x80
-                    clone.inputs = [clone.inputs[index]];
-
-                    if (shType == 129) {
-                        // SIGHASH_ALL + SIGHASH_ANYONECANPAY
-
-                    } else if (shType == 130) {
-                        // SIGHASH_NONE + SIGHASH_ANYONECANPAY
-                        clone.outputs = [];
-
-                    } else if (shType == 131) {
-                        // SIGHASH_SINGLE + SIGHASH_ANYONECANPAY
-                        clone.outputs.length = index + 1;
-                        for (var i = 0; i < index; i++) {
-                            clone.outputs[i].value = -1;
-                            clone.outputs[i].script = [];
-                        }
-                    }
-                }
-
-                var buffer = Crypto.util.hexToBytes(clone.serialize());
-                buffer = buffer.concat(bitjs.numToBytes(parseInt(shType), 4));
-                var hash = Crypto.SHA256(buffer, {
-                    asBytes: true
-                });
-                var r = Crypto.util.bytesToHex(Crypto.SHA256(hash, {
-                    asBytes: true
-                }));
-                return r;
-            } else {
-                return false;
-            }
-        }
-
-        /* generate a signature from a transaction hash */
-        btrx.transactionSig = function(index, wif, sigHashType, txhash) {
-
-            function serializeSig(r, s) {
-                var rBa = r.toByteArraySigned();
-                var sBa = s.toByteArraySigned();
-
-                var sequence = [];
-                sequence.push(0x02); // INTEGER
-                sequence.push(rBa.length);
-                sequence = sequence.concat(rBa);
-
-                sequence.push(0x02); // INTEGER
-                sequence.push(sBa.length);
-                sequence = sequence.concat(sBa);
-
-                sequence.unshift(sequence.length);
-                sequence.unshift(0x30); // SEQUENCE
-
-                return sequence;
-            }
-
-            var shType = sigHashType || 1;
-            var hash = txhash || Crypto.util.hexToBytes(this.transactionHash(index, shType));
-
-            if (hash) {
-                var curve = EllipticCurve.getSECCurveByName("secp256k1");
-                var key = bitjs.wif2privkey(wif);
-                var priv = BigInteger.fromByteArrayUnsigned(Crypto.util.hexToBytes(key['privkey']));
-                var n = curve.getN();
-                var e = BigInteger.fromByteArrayUnsigned(hash);
-                var badrs = 0
-                do {
-                    var k = this.deterministicK(wif, hash, badrs);
-                    var G = curve.getG();
-                    var Q = G.multiply(k);
-                    var r = Q.getX().toBigInteger().mod(n);
-                    var s = k.modInverse(n).multiply(e.add(priv.multiply(r))).mod(n);
-                    badrs++
-                } while (r.compareTo(BigInteger.ZERO) <= 0 || s.compareTo(BigInteger.ZERO) <= 0);
-
-                // Force lower s values per BIP62
-                var halfn = n.shiftRight(1);
-                if (s.compareTo(halfn) > 0) {
-                    s = n.subtract(s);
-                };
-
-                var sig = serializeSig(r, s);
-                sig.push(parseInt(shType, 10));
-
-                return Crypto.util.bytesToHex(sig);
-            } else {
-                return false;
-            }
-        }
-
-        // https://tools.ietf.org/html/rfc6979#section-3.2
-        btrx.deterministicK = function(wif, hash, badrs) {
-            // if r or s were invalid when this function was used in signing,
-            // we do not want to actually compute r, s here for efficiency, so,
-            // we can increment badrs. explained at end of RFC 6979 section 3.2
-
-            // wif is b58check encoded wif privkey.
-            // hash is byte array of transaction digest.
-            // badrs is used only if the k resulted in bad r or s.
-
-            // some necessary things out of the way for clarity.
-            badrs = badrs || 0;
-            var key = bitjs.wif2privkey(wif);
-            var x = Crypto.util.hexToBytes(key['privkey'])
-            var curve = EllipticCurve.getSECCurveByName("secp256k1");
-            var N = curve.getN();
-
-            // Step: a
-            // hash is a byteArray of the message digest. so h1 == hash in our case
-
-            // Step: b
-            var v = [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1,
-                1, 1, 1, 1, 1, 1
-            ];
-
-            // Step: c
-            var k = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
-                0, 0, 0, 0, 0, 0
-            ];
-
-            // Step: d
-            k = Crypto.HMAC(Crypto.SHA256, v.concat([0]).concat(x).concat(hash), k, {
-                asBytes: true
-            });
-
-            // Step: e
-            v = Crypto.HMAC(Crypto.SHA256, v, k, {
-                asBytes: true
-            });
-
-            // Step: f
-            k = Crypto.HMAC(Crypto.SHA256, v.concat([1]).concat(x).concat(hash), k, {
-                asBytes: true
-            });
-
-            // Step: g
-            v = Crypto.HMAC(Crypto.SHA256, v, k, {
-                asBytes: true
-            });
-
-            // Step: h1
-            var T = [];
-
-            // Step: h2 (since we know tlen = qlen, just copy v to T.)
-            v = Crypto.HMAC(Crypto.SHA256, v, k, {
-                asBytes: true
-            });
-            T = v;
-
-            // Step: h3
-            var KBigInt = BigInteger.fromByteArrayUnsigned(T);
-
-            // loop if KBigInt is not in the range of [1, N-1] or if badrs needs incrementing.
-            var i = 0
-            while (KBigInt.compareTo(N) >= 0 || KBigInt.compareTo(BigInteger.ZERO) <= 0 || i <
-                badrs) {
-                k = Crypto.HMAC(Crypto.SHA256, v.concat([0]), k, {
-                    asBytes: true
-                });
-                v = Crypto.HMAC(Crypto.SHA256, v, k, {
-                    asBytes: true
-                });
-                v = Crypto.HMAC(Crypto.SHA256, v, k, {
-                    asBytes: true
-                });
-                T = v;
-                KBigInt = BigInteger.fromByteArrayUnsigned(T);
-                i++
-            };
-
-            return KBigInt;
+            return [Uh, Vl];
         };
 
-        /* sign a "standard" input */
-        btrx.signinput = function(index, wif, sigHashType) {
-            var key = bitjs.wif2pubkey(wif);
-            var shType = sigHashType || 1;
-            var signature = this.transactionSig(index, wif, shType);
-            var buf = [];
-            var sigBytes = Crypto.util.hexToBytes(signature);
-            buf.push(sigBytes.length);
-            buf = buf.concat(sigBytes);
-            var pubKeyBytes = Crypto.util.hexToBytes(key['pubkey']);
-            buf.push(pubKeyBytes.length);
-            buf = buf.concat(pubKeyBytes);
-            this.inputs[index].script = buf;
-            return true;
-        }
-
-        /* sign inputs */
-        btrx.sign = function(wif, sigHashType) {
-            var shType = sigHashType || 1;
-            for (var i = 0; i < this.inputs.length; i++) {
-                this.signinput(i, wif, shType);
-            }
-            return this.serialize();
-        }
-
-
-        /* serialize a transaction */
-        btrx.serialize = function() {
-            var buffer = [];
-            buffer = buffer.concat(bitjs.numToBytes(parseInt(this.version), 4));
-
-            buffer = buffer.concat(bitjs.numToVarInt(this.inputs.length));
-            for (var i = 0; i < this.inputs.length; i++) {
-                var txin = this.inputs[i];
-                buffer = buffer.concat(Crypto.util.hexToBytes(txin.outpoint.hash).reverse());
-                buffer = buffer.concat(bitjs.numToBytes(parseInt(txin.outpoint.index), 4));
-                var scriptBytes = txin.script;
-                buffer = buffer.concat(bitjs.numToVarInt(scriptBytes.length));
-                buffer = buffer.concat(scriptBytes);
-                buffer = buffer.concat(bitjs.numToBytes(parseInt(txin.sequence), 4));
-
-            }
-            buffer = buffer.concat(bitjs.numToVarInt(this.outputs.length));
-
-            for (var i = 0; i < this.outputs.length; i++) {
-                var txout = this.outputs[i];
-                buffer = buffer.concat(bitjs.numToBytes(txout.value, 8));
-                var scriptBytes = txout.script;
-                buffer = buffer.concat(bitjs.numToVarInt(scriptBytes.length));
-                buffer = buffer.concat(scriptBytes);
-            }
-
-            buffer = buffer.concat(bitjs.numToBytes(parseInt(this.locktime), 4));
-            var flohex = ascii_to_hexa(this.floData);
-            var floDataCount = this.floData.length;
-            var floDataCountString;
-            //flochange -- creating unique data character count logic for floData. This string is prefixed before actual floData string in Raw Transaction
-            if (floDataCount < 16) {
-                floDataCountString = floDataCount.toString(16);
-                floDataCountString = "0" + floDataCountString;
-            } else if (floDataCount < 253) {
-                floDataCountString = floDataCount.toString(16);
-            } else if (floDataCount <= 1040) {
-                floDataCountAdjusted = (floDataCount - 253) + parseInt("0xfd00fd");
-                floDataCountStringAdjusted = floDataCountAdjusted.toString(16);
-                floDataCountString = floDataCountStringAdjusted.substr(0, 2) + floDataCountStringAdjusted.substr(4, 2) + floDataCountStringAdjusted.substr(2, 2);
+        // ----------------
+        // ECPointFp constructor
+        ec.PointFp = function(curve, x, y, z, compressed) {
+            this.curve = curve;
+            this.x = x;
+            this.y = y;
+            // Projective coordinates: either zinv == null or z * zinv == 1
+            // z and zinv are just BigIntegers, not fieldElements
+            if (z == null) {
+                this.z = BigInteger.ONE;
             } else {
-                floDataCountString = "Character Limit Exceeded";
+                this.z = z;
             }
+            this.zinv = null;
+            // compression flag
+            this.compressed = !!compressed;
+        };
 
-
-            return Crypto.util.bytesToHex(buffer) + floDataCountString + flohex; // flochange -- Addition of floDataCountString and floData in serialization
-        }
-
-
-
-        return btrx;
-
-    }
-
-    bitjs.numToBytes = function(num, bytes) {
-        if (typeof bytes === "undefined") bytes = 8;
-        if (bytes == 0) {
-            return [];
-        } else if (num == -1) {
-            return Crypto.util.hexToBytes("ffffffffffffffff");
-        } else {
-            return [num % 256].concat(bitjs.numToBytes(Math.floor(num / 256), bytes - 1));
-        }
-    }
-
-    bitjs.numToByteArray = function(num) {
-        if (num <= 256) {
-            return [num];
-        } else {
-            return [num % 256].concat(bitjs.numToByteArray(Math.floor(num / 256)));
-        }
-    }
-
-    bitjs.numToVarInt = function(num) {
-        if (num < 253) {
-            return [num];
-        } else if (num < 65536) {
-            return [253].concat(bitjs.numToBytes(num, 2));
-        } else if (num < 4294967296) {
-            return [254].concat(bitjs.numToBytes(num, 4));
-        } else {
-            return [255].concat(bitjs.numToBytes(num, 8));
-        }
-    }
-
-    bitjs.bytesToNum = function(bytes) {
-        if (bytes.length == 0) return 0;
-        else return bytes[0] + 256 * bitjs.bytesToNum(bytes.slice(1));
-    }
-
-    /* clone an object */
-    bitjs.clone = function(obj) {
-        if (obj == null || typeof(obj) != 'object') return obj;
-        var temp = new obj.constructor();
-
-        for (var key in obj) {
-            if (obj.hasOwnProperty(key)) {
-                temp[key] = bitjs.clone(obj[key]);
+        ec.PointFp.prototype.getX = function() {
+            if (this.zinv == null) {
+                this.zinv = this.z.modInverse(this.curve.q);
             }
-        }
-        return temp;
-    }
+            var r = this.x.toBigInteger().multiply(this.zinv);
+            this.curve.reduce(r);
+            return this.curve.fromBigInteger(r);
+        };
 
-    var B58 = bitjs.Base58 = {
-        alphabet: "123456789ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz",
-        validRegex: /^[1-9A-HJ-NP-Za-km-z]+$/,
-        base: BigInteger.valueOf(58),
-
-        /**
-         * Convert a byte array to a base58-encoded string.
-         *
-         * Written by Mike Hearn for BitcoinJ.
-         *   Copyright (c) 2011 Google Inc.
-         *
-         * Ported to JavaScript by Stefan Thomas.
-         */
-        encode: function(input) {
-            var bi = BigInteger.fromByteArrayUnsigned(input);
-            var chars = [];
-
-            while (bi.compareTo(B58.base) >= 0) {
-                var mod = bi.mod(B58.base);
-                chars.unshift(B58.alphabet[mod.intValue()]);
-                bi = bi.subtract(mod).divide(B58.base);
+        ec.PointFp.prototype.getY = function() {
+            if (this.zinv == null) {
+                this.zinv = this.z.modInverse(this.curve.q);
             }
-            chars.unshift(B58.alphabet[bi.intValue()]);
+            var r = this.y.toBigInteger().multiply(this.zinv);
+            this.curve.reduce(r);
+            return this.curve.fromBigInteger(r);
+        };
 
-            // Convert leading zeros too.
-            for (var i = 0; i < input.length; i++) {
-                if (input[i] == 0x00) {
-                    chars.unshift(B58.alphabet[0]);
-                } else break;
-            }
+        ec.PointFp.prototype.equals = function(other) {
+            if (other == this) return true;
+            if (this.isInfinity()) return other.isInfinity();
+            if (other.isInfinity()) return this.isInfinity();
+            var u, v;
+            // u = Y2 * Z1 - Y1 * Z2
+            u = other.y.toBigInteger().multiply(this.z).subtract(this.y.toBigInteger().multiply(other.z)).mod(
+                this.curve.q);
+            if (!u.equals(BigInteger.ZERO)) return false;
+            // v = X2 * Z1 - X1 * Z2
+            v = other.x.toBigInteger().multiply(this.z).subtract(this.x.toBigInteger().multiply(other.z)).mod(
+                this.curve.q);
+            return v.equals(BigInteger.ZERO);
+        };
 
-            return chars.join('');
-        },
+        ec.PointFp.prototype.isInfinity = function() {
+            if ((this.x == null) && (this.y == null)) return true;
+            return this.z.equals(BigInteger.ZERO) && !this.y.toBigInteger().equals(BigInteger.ZERO);
+        };
 
-        /**
-         * Convert a base58-encoded string to a byte array.
-         *
-         * Written by Mike Hearn for BitcoinJ.
-         *   Copyright (c) 2011 Google Inc.
-         *
-         * Ported to JavaScript by Stefan Thomas.
-         */
-        decode: function(input) {
-            var bi = BigInteger.valueOf(0);
-            var leadingZerosNum = 0;
-            for (var i = input.length - 1; i >= 0; i--) {
-                var alphaIndex = B58.alphabet.indexOf(input[i]);
-                if (alphaIndex < 0) {
-                    throw "Invalid character";
+        ec.PointFp.prototype.negate = function() {
+            return new ec.PointFp(this.curve, this.x, this.y.negate(), this.z);
+        };
+
+        ec.PointFp.prototype.add = function(b) {
+            if (this.isInfinity()) return b;
+            if (b.isInfinity()) return this;
+
+            // u = Y2 * Z1 - Y1 * Z2
+            var u = b.y.toBigInteger().multiply(this.z).subtract(this.y.toBigInteger().multiply(b.z)).mod(
+                this.curve.q);
+            // v = X2 * Z1 - X1 * Z2
+            var v = b.x.toBigInteger().multiply(this.z).subtract(this.x.toBigInteger().multiply(b.z)).mod(
+                this.curve.q);
+
+
+            if (BigInteger.ZERO.equals(v)) {
+                if (BigInteger.ZERO.equals(u)) {
+                    return this.twice(); // this == b, so double
                 }
-                bi = bi.add(BigInteger.valueOf(alphaIndex)
-                    .multiply(B58.base.pow(input.length - 1 - i)));
-
-                // This counts leading zero bytes
-                if (input[i] == "1") leadingZerosNum++;
-                else leadingZerosNum = 0;
-            }
-            var bytes = bi.toByteArrayUnsigned();
-
-            // Add leading zeros
-            while (leadingZerosNum-- > 0) bytes.unshift(0);
-
-            return bytes;
-        }
-    }
-    return bitjs;
-
-})(typeof global !== "undefined" ? global : window);
-
-//Bitcoin.js
-(function(GLOBAL) {
-    /*
-        Copyright (c) 2011 Stefan Thomas
-    
-        Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
-    
-        The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
-    
-        THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
-    */
-    var Bitcoin = GLOBAL.Bitcoin = {};
-
-    //https://raw.github.com/bitcoinjs/bitcoinjs-lib/c952aaeb3ee472e3776655b8ea07299ebed702c7/src/base58.js
-    var B58 = Bitcoin.Base58 = {
-        alphabet: "123456789ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz",
-        validRegex: /^[1-9A-HJ-NP-Za-km-z]+$/,
-        base: BigInteger.valueOf(58),
-
-        /**
-         * Convert a byte array to a base58-encoded string.
-         *
-         * Written by Mike Hearn for BitcoinJ.
-         *   Copyright (c) 2011 Google Inc.
-         *
-         * Ported to JavaScript by Stefan Thomas.
-         */
-        encode: function(input) {
-            var bi = BigInteger.fromByteArrayUnsigned(input);
-            var chars = [];
-
-            while (bi.compareTo(B58.base) >= 0) {
-                var mod = bi.mod(B58.base);
-                chars.unshift(B58.alphabet[mod.intValue()]);
-                bi = bi.subtract(mod).divide(B58.base);
-            }
-            chars.unshift(B58.alphabet[bi.intValue()]);
-
-            // Convert leading zeros too.
-            for (var i = 0; i < input.length; i++) {
-                if (input[i] == 0x00) {
-                    chars.unshift(B58.alphabet[0]);
-                } else break;
+                return this.curve.getInfinity(); // this = -b, so infinity
             }
 
-            return chars.join('');
-        },
+            var THREE = new BigInteger("3");
+            var x1 = this.x.toBigInteger();
+            var y1 = this.y.toBigInteger();
+            var x2 = b.x.toBigInteger();
+            var y2 = b.y.toBigInteger();
 
-        /**
-         * Convert a base58-encoded string to a byte array.
-         *
-         * Written by Mike Hearn for BitcoinJ.
-         *   Copyright (c) 2011 Google Inc.
-         *
-         * Ported to JavaScript by Stefan Thomas.
-         */
-        decode: function(input) {
-            var bi = BigInteger.valueOf(0);
-            var leadingZerosNum = 0;
-            for (var i = input.length - 1; i >= 0; i--) {
-                var alphaIndex = B58.alphabet.indexOf(input[i]);
-                if (alphaIndex < 0) {
-                    throw "Invalid character";
-                }
-                bi = bi.add(BigInteger.valueOf(alphaIndex)
-                    .multiply(B58.base.pow(input.length - 1 - i)));
+            var v2 = v.square();
+            var v3 = v2.multiply(v);
+            var x1v2 = x1.multiply(v2);
+            var zu2 = u.square().multiply(this.z);
 
-                // This counts leading zero bytes
-                if (input[i] == "1") leadingZerosNum++;
-                else leadingZerosNum = 0;
+            // x3 = v * (z2 * (z1 * u^2 - 2 * x1 * v^2) - v^3)
+            var x3 = zu2.subtract(x1v2.shiftLeft(1)).multiply(b.z).subtract(v3).multiply(v).mod(this.curve.q);
+            // y3 = z2 * (3 * x1 * u * v^2 - y1 * v^3 - z1 * u^3) + u * v^3
+            var y3 = x1v2.multiply(THREE).multiply(u).subtract(y1.multiply(v3)).subtract(zu2.multiply(u)).multiply(
+                b.z).add(u.multiply(v3)).mod(this.curve.q);
+            // z3 = v^3 * z1 * z2
+            var z3 = v3.multiply(this.z).multiply(b.z).mod(this.curve.q);
+
+            return new ec.PointFp(this.curve, this.curve.fromBigInteger(x3), this.curve.fromBigInteger(y3),
+                z3);
+        };
+
+        ec.PointFp.prototype.twice = function() {
+            if (this.isInfinity()) return this;
+            if (this.y.toBigInteger().signum() == 0) return this.curve.getInfinity();
+
+            // TODO: optimized handling of constants
+            var THREE = new BigInteger("3");
+            var x1 = this.x.toBigInteger();
+            var y1 = this.y.toBigInteger();
+
+            var y1z1 = y1.multiply(this.z);
+            var y1sqz1 = y1z1.multiply(y1).mod(this.curve.q);
+            var a = this.curve.a.toBigInteger();
+
+            // w = 3 * x1^2 + a * z1^2
+            var w = x1.square().multiply(THREE);
+            if (!BigInteger.ZERO.equals(a)) {
+                w = w.add(this.z.square().multiply(a));
             }
-            var bytes = bi.toByteArrayUnsigned();
+            w = w.mod(this.curve.q);
+            //this.curve.reduce(w);
+            // x3 = 2 * y1 * z1 * (w^2 - 8 * x1 * y1^2 * z1)
+            var x3 = w.square().subtract(x1.shiftLeft(3).multiply(y1sqz1)).shiftLeft(1).multiply(y1z1).mod(
+                this.curve.q);
+            // y3 = 4 * y1^2 * z1 * (3 * w * x1 - 2 * y1^2 * z1) - w^3
+            var y3 = w.multiply(THREE).multiply(x1).subtract(y1sqz1.shiftLeft(1)).shiftLeft(2).multiply(
+                y1sqz1).subtract(w.square().multiply(w)).mod(this.curve.q);
+            // z3 = 8 * (y1 * z1)^3
+            var z3 = y1z1.square().multiply(y1z1).shiftLeft(3).mod(this.curve.q);
 
-            // Add leading zeros
-            while (leadingZerosNum-- > 0) bytes.unshift(0);
+            return new ec.PointFp(this.curve, this.curve.fromBigInteger(x3), this.curve.fromBigInteger(y3),
+                z3);
+        };
 
-            return bytes;
-        }
-    };
+        // Simple NAF (Non-Adjacent Form) multiplication algorithm
+        // TODO: modularize the multiplication algorithm
+        ec.PointFp.prototype.multiply = function(k) {
+            if (this.isInfinity()) return this;
+            if (k.signum() == 0) return this.curve.getInfinity();
 
-    //https://raw.github.com/bitcoinjs/bitcoinjs-lib/09e8c6e184d6501a0c2c59d73ca64db5c0d3eb95/src/address.js
-    Bitcoin.Address = function(bytes) {
-        if (GLOBAL.cryptocoin == "FLO")
-            this.version = 0x23; // FLO mainnet public address
-        else if (GLOBAL.cryptocoin == "FLO_TEST")
-            this.version = 0x73; // FLO testnet public address
-        if ("string" == typeof bytes) {
-            bytes = Bitcoin.Address.decodeString(bytes, this.version);
-        }
-        this.hash = bytes;
-    };
+            var e = k;
+            var h = e.multiply(new BigInteger("3"));
 
-    Bitcoin.Address.networkVersion = 0x23; // (FLO mainnet 0x23, 35D), (Bitcoin Mainnet, 0x00, 0D) // *this has no effect *
+            var neg = this.negate();
+            var R = this;
 
-    /**
-     * Serialize this object as a standard Bitcoin address.
-     *
-     * Returns the address as a base58-encoded string in the standardized format.
-     */
-    Bitcoin.Address.prototype.toString = function() {
-        // Get a copy of the hash
-        var hash = this.hash.slice(0);
+            var i;
+            for (i = h.bitLength() - 2; i > 0; --i) {
+                R = R.twice();
 
-        // Version
-        hash.unshift(this.version);
-        var checksum = Crypto.SHA256(Crypto.SHA256(hash, {
-            asBytes: true
-        }), {
-            asBytes: true
-        });
-        var bytes = hash.concat(checksum.slice(0, 4));
-        return Bitcoin.Base58.encode(bytes);
-    };
+                var hBit = h.testBit(i);
+                var eBit = e.testBit(i);
 
-    Bitcoin.Address.prototype.getHashBase64 = function() {
-        return Crypto.util.bytesToBase64(this.hash);
-    };
-
-    /**
-     * Parse a Bitcoin address contained in a string.
-     */
-    Bitcoin.Address.decodeString = function(string, version) {
-        var bytes = Bitcoin.Base58.decode(string);
-        var hash = bytes.slice(0, 21);
-        var checksum = Crypto.SHA256(Crypto.SHA256(hash, {
-            asBytes: true
-        }), {
-            asBytes: true
-        });
-
-        if (checksum[0] != bytes[21] ||
-            checksum[1] != bytes[22] ||
-            checksum[2] != bytes[23] ||
-            checksum[3] != bytes[24]) {
-            throw "Checksum validation failed!";
-        }
-
-        if (version != hash.shift()) {
-            throw "Version " + hash.shift() + " not supported!";
-        }
-
-        return hash;
-    };
-    //https://raw.github.com/bitcoinjs/bitcoinjs-lib/e90780d3d3b8fc0d027d2bcb38b80479902f223e/src/ecdsa.js
-    Bitcoin.ECDSA = (function() {
-        var ecparams = EllipticCurve.getSECCurveByName("secp256k1");
-        var rng = new SecureRandom();
-
-        var P_OVER_FOUR = null;
-
-        function implShamirsTrick(P, k, Q, l) {
-            var m = Math.max(k.bitLength(), l.bitLength());
-            var Z = P.add2D(Q);
-            var R = P.curve.getInfinity();
-
-            for (var i = m - 1; i >= 0; --i) {
-                R = R.twice2D();
-
-                R.z = BigInteger.ONE;
-
-                if (k.testBit(i)) {
-                    if (l.testBit(i)) {
-                        R = R.add2D(Z);
-                    } else {
-                        R = R.add2D(P);
-                    }
-                } else {
-                    if (l.testBit(i)) {
-                        R = R.add2D(Q);
-                    }
+                if (hBit != eBit) {
+                    R = R.add(hBit ? this : neg);
                 }
             }
 
             return R;
         };
 
-        var ECDSA = {
-            getBigRandom: function(limit) {
-                return new BigInteger(limit.bitLength(), rng)
-                    .mod(limit.subtract(BigInteger.ONE))
-                    .add(BigInteger.ONE);
-            },
-            sign: function(hash, priv) {
-                var d = priv;
-                var n = ecparams.getN();
-                var e = BigInteger.fromByteArrayUnsigned(hash);
+        // Compute this*j + x*k (simultaneous multiplication)
+        ec.PointFp.prototype.multiplyTwo = function(j, x, k) {
+            var i;
+            if (j.bitLength() > k.bitLength())
+                i = j.bitLength() - 1;
+            else
+                i = k.bitLength() - 1;
 
-                do {
-                    var k = ECDSA.getBigRandom(n);
-                    var G = ecparams.getG();
-                    var Q = G.multiply(k);
-                    var r = Q.getX().toBigInteger().mod(n);
-                } while (r.compareTo(BigInteger.ZERO) <= 0);
-
-                var s = k.modInverse(n).multiply(e.add(d.multiply(r))).mod(n);
-
-                return ECDSA.serializeSig(r, s);
-            },
-
-            verify: function(hash, sig, pubkey) {
-                var r, s;
-                if (Bitcoin.Util.isArray(sig)) {
-                    var obj = ECDSA.parseSig(sig);
-                    r = obj.r;
-                    s = obj.s;
-                } else if ("object" === typeof sig && sig.r && sig.s) {
-                    r = sig.r;
-                    s = sig.s;
+            var R = this.curve.getInfinity();
+            var both = this.add(x);
+            while (i >= 0) {
+                R = R.twice();
+                if (j.testBit(i)) {
+                    if (k.testBit(i)) {
+                        R = R.add(both);
+                    } else {
+                        R = R.add(this);
+                    }
                 } else {
-                    throw "Invalid value for signature";
-                }
-
-                var Q;
-                if (pubkey instanceof ec.PointFp) {
-                    Q = pubkey;
-                } else if (Bitcoin.Util.isArray(pubkey)) {
-                    Q = EllipticCurve.PointFp.decodeFrom(ecparams.getCurve(), pubkey);
-                } else {
-                    throw "Invalid format for pubkey value, must be byte array or ec.PointFp";
-                }
-                var e = BigInteger.fromByteArrayUnsigned(hash);
-
-                return ECDSA.verifyRaw(e, r, s, Q);
-            },
-
-            verifyRaw: function(e, r, s, Q) {
-                var n = ecparams.getN();
-                var G = ecparams.getG();
-
-                if (r.compareTo(BigInteger.ONE) < 0 ||
-                    r.compareTo(n) >= 0)
-                    return false;
-
-                if (s.compareTo(BigInteger.ONE) < 0 ||
-                    s.compareTo(n) >= 0)
-                    return false;
-
-                var c = s.modInverse(n);
-
-                var u1 = e.multiply(c).mod(n);
-                var u2 = r.multiply(c).mod(n);
-
-                // TODO(!!!): For some reason Shamir's trick isn't working with
-                // signed message verification!? Probably an implementation
-                // error!
-                //var point = implShamirsTrick(G, u1, Q, u2);
-                var point = G.multiply(u1).add(Q.multiply(u2));
-
-                var v = point.getX().toBigInteger().mod(n);
-
-                return v.equals(r);
-            },
-
-            /**
-             * Serialize a signature into DER format.
-             *
-             * Takes two BigIntegers representing r and s and returns a byte array.
-             */
-            serializeSig: function(r, s) {
-                var rBa = r.toByteArraySigned();
-                var sBa = s.toByteArraySigned();
-
-                var sequence = [];
-                sequence.push(0x02); // INTEGER
-                sequence.push(rBa.length);
-                sequence = sequence.concat(rBa);
-
-                sequence.push(0x02); // INTEGER
-                sequence.push(sBa.length);
-                sequence = sequence.concat(sBa);
-
-                sequence.unshift(sequence.length);
-                sequence.unshift(0x30); // SEQUENCE
-
-                return sequence;
-            },
-
-            /**
-             * Parses a byte array containing a DER-encoded signature.
-             *
-             * This function will return an object of the form:
-             *
-             * {
-             *   r: BigInteger,
-             *   s: BigInteger
-             * }
-             */
-            parseSig: function(sig) {
-                var cursor;
-                if (sig[0] != 0x30)
-                    throw new Error("Signature not a valid DERSequence");
-
-                cursor = 2;
-                if (sig[cursor] != 0x02)
-                    throw new Error("First element in signature must be a DERInteger");;
-                var rBa = sig.slice(cursor + 2, cursor + 2 + sig[cursor + 1]);
-
-                cursor += 2 + sig[cursor + 1];
-                if (sig[cursor] != 0x02)
-                    throw new Error("Second element in signature must be a DERInteger");
-                var sBa = sig.slice(cursor + 2, cursor + 2 + sig[cursor + 1]);
-
-                cursor += 2 + sig[cursor + 1];
-
-                //if (cursor != sig.length)
-                //  throw new Error("Extra bytes in signature");
-
-                var r = BigInteger.fromByteArrayUnsigned(rBa);
-                var s = BigInteger.fromByteArrayUnsigned(sBa);
-
-                return {
-                    r: r,
-                    s: s
-                };
-            },
-
-            parseSigCompact: function(sig) {
-                if (sig.length !== 65) {
-                    throw "Signature has the wrong length";
-                }
-
-                // Signature is prefixed with a type byte storing three bits of
-                // information.
-                var i = sig[0] - 27;
-                if (i < 0 || i > 7) {
-                    throw "Invalid signature type";
-                }
-
-                var n = ecparams.getN();
-                var r = BigInteger.fromByteArrayUnsigned(sig.slice(1, 33)).mod(n);
-                var s = BigInteger.fromByteArrayUnsigned(sig.slice(33, 65)).mod(n);
-
-                return {
-                    r: r,
-                    s: s,
-                    i: i
-                };
-            },
-
-            /**
-             * Recover a public key from a signature.
-             *
-             * See SEC 1: Elliptic Curve Cryptography, section 4.1.6, "Public
-             * Key Recovery Operation".
-             *
-             * http://www.secg.org/download/aid-780/sec1-v2.pdf
-             */
-            recoverPubKey: function(r, s, hash, i) {
-                // The recovery parameter i has two bits.
-                i = i & 3;
-
-                // The less significant bit specifies whether the y coordinate
-                // of the compressed point is even or not.
-                var isYEven = i & 1;
-
-                // The more significant bit specifies whether we should use the
-                // first or second candidate key.
-                var isSecondKey = i >> 1;
-
-                var n = ecparams.getN();
-                var G = ecparams.getG();
-                var curve = ecparams.getCurve();
-                var p = curve.getQ();
-                var a = curve.getA().toBigInteger();
-                var b = curve.getB().toBigInteger();
-
-                // We precalculate (p + 1) / 4 where p is if the field order
-                if (!P_OVER_FOUR) {
-                    P_OVER_FOUR = p.add(BigInteger.ONE).divide(BigInteger.valueOf(4));
-                }
-
-                // 1.1 Compute x
-                var x = isSecondKey ? r.add(n) : r;
-
-                // 1.3 Convert x to point
-                var alpha = x.multiply(x).multiply(x).add(a.multiply(x)).add(b).mod(p);
-                var beta = alpha.modPow(P_OVER_FOUR, p);
-
-                var xorOdd = beta.isEven() ? (i % 2) : ((i + 1) % 2);
-                // If beta is even, but y isn't or vice versa, then convert it,
-                // otherwise we're done and y == beta.
-                var y = (beta.isEven() ? !isYEven : isYEven) ? beta : p.subtract(beta);
-
-                // 1.4 Check that nR is at infinity
-                var R = new EllipticCurve.PointFp(curve,
-                    curve.fromBigInteger(x),
-                    curve.fromBigInteger(y));
-                R.validate();
-
-                // 1.5 Compute e from M
-                var e = BigInteger.fromByteArrayUnsigned(hash);
-                var eNeg = BigInteger.ZERO.subtract(e).mod(n);
-
-                // 1.6 Compute Q = r^-1 (sR - eG)
-                var rInv = r.modInverse(n);
-                var Q = implShamirsTrick(R, s, G, eNeg).multiply(rInv);
-
-                Q.validate();
-                if (!ECDSA.verifyRaw(e, r, s, Q)) {
-                    throw "Pubkey recovery unsuccessful";
-                }
-
-                var pubKey = new Bitcoin.ECKey();
-                pubKey.pub = Q;
-                return pubKey;
-            },
-
-            /**
-             * Calculate pubkey extraction parameter.
-             *
-             * When extracting a pubkey from a signature, we have to
-             * distinguish four different cases. Rather than putting this
-             * burden on the verifier, Bitcoin includes a 2-bit value with the
-             * signature.
-             *
-             * This function simply tries all four cases and returns the value
-             * that resulted in a successful pubkey recovery.
-             */
-            calcPubkeyRecoveryParam: function(address, r, s, hash) {
-                for (var i = 0; i < 4; i++) {
-                    try {
-                        var pubkey = Bitcoin.ECDSA.recoverPubKey(r, s, hash, i);
-                        if (pubkey.getBitcoinAddress().toString() == address) {
-                            return i;
-                        }
-                    } catch (e) {}
-                }
-                throw "Unable to find valid recovery factor";
-            }
-        };
-
-        return ECDSA;
-    })();
-    Bitcoin.KeyPool = (function() {
-        var KeyPool = function() {
-            this.keyArray = [];
-
-            this.push = function(item) {
-                if (item == null || item.priv == null) return;
-                var doAdd = true;
-                // prevent duplicates from being added to the array
-                for (var index in this.keyArray) {
-                    var currentItem = this.keyArray[index];
-                    if (currentItem != null && currentItem.priv != null && item.getBitcoinAddress() == currentItem.getBitcoinAddress()) {
-                        doAdd = false;
-                        break;
+                    if (k.testBit(i)) {
+                        R = R.add(x);
                     }
                 }
-                if (doAdd) this.keyArray.push(item);
-            };
+                --i;
+            }
 
-            this.reset = function() {
-                this.keyArray = [];
-            };
-
-            this.getArray = function() {
-                // copy array
-                return this.keyArray.slice(0);
-            };
-
-            this.setArray = function(ka) {
-                this.keyArray = ka;
-            };
-
-            this.length = function() {
-                return this.keyArray.length;
-            };
-
-            this.toString = function() {
-                var keyPoolString = "# = " + this.length() + "\n";
-                var pool = this.getArray();
-                for (var index in pool) {
-                    var item = pool[index];
-                    if (Bitcoin.Util.hasMethods(item, 'getBitcoinAddress', 'toString')) {
-                        if (item != null) {
-                            keyPoolString += "\"" + item.getBitcoinAddress() + "\"" + ", \"" + item.toString("wif") + "\"\n";
-                        }
-                    }
-                }
-
-                return keyPoolString;
-            };
-
-            return this;
+            return R;
         };
 
-        return new KeyPool();
-    })();
+        // patched by bitaddress.org and Casascius for use with Bitcoin.ECKey
+        // patched by coretechs to support compressed public keys
+        ec.PointFp.prototype.getEncoded = function(compressed) {
+            var x = this.getX().toBigInteger();
+            var y = this.getY().toBigInteger();
+            var len = 32; // integerToBytes will zero pad if integer is less than 32 bytes. 32 bytes length is required by the Bitcoin protocol.
+            var enc = ec.integerToBytes(x, len);
 
-    Bitcoin.Bip38Key = (function() {
-        var Bip38 = function(address, encryptedKey) {
-            this.address = address;
-            this.priv = encryptedKey;
-        };
-
-        Bip38.prototype.getBitcoinAddress = function() {
-            return this.address;
-        };
-
-        Bip38.prototype.toString = function() {
-            return this.priv;
-        };
-
-        return Bip38;
-    })();
-
-    //https://raw.github.com/pointbiz/bitcoinjs-lib/9b2f94a028a7bc9bed94e0722563e9ff1d8e8db8/src/eckey.js
-    Bitcoin.ECKey = (function() {
-        var ECDSA = Bitcoin.ECDSA;
-        var KeyPool = Bitcoin.KeyPool;
-        var ecparams = EllipticCurve.getSECCurveByName("secp256k1");
-
-        var ECKey = function(input) {
-            if (!input) {
-                // Generate new key
-                var n = ecparams.getN();
-                this.priv = ECDSA.getBigRandom(n);
-            } else if (input instanceof BigInteger) {
-                // Input is a private key value
-                this.priv = input;
-            } else if (Bitcoin.Util.isArray(input)) {
-                // Prepend zero byte to prevent interpretation as negative integer
-                this.priv = BigInteger.fromByteArrayUnsigned(input);
-            } else if ("string" == typeof input) {
-                var bytes = null;
-                try {
-
-                    // This part is edited for FLO. FLO WIF are always compressed WIF. FLO WIF (private key) starts with R for mainnet and c for testnet.
-                    if (((GLOBAL.cryptocoin == "FLO") && /^R[123456789ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz]{51}$/.test(input)) ||
-                        ((GLOBAL.cryptocoin == "FLO_TEST") && /^c[123456789ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz]{51}$/.test(input))) {
-                        bytes = ECKey.decodeCompressedWalletImportFormat(input);
-                        this.compressed = true;
-                    } else if (ECKey.isHexFormat(input)) {
-                        bytes = Crypto.util.hexToBytes(input);
-                    }
-
-
-                    /*
-                        if (ECKey.isWalletImportFormat(input)) {
-                            bytes = ECKey.decodeWalletImportFormat(input);
-                        } else if (ECKey.isCompressedWalletImportFormat(input)) {
-                            bytes = ECKey.decodeCompressedWalletImportFormat(input);
-                            this.compressed = true;
-                        } else if (ECKey.isMiniFormat(input)) {
-                            bytes = Crypto.SHA256(input, { asBytes: true });
-                        } else if (ECKey.isHexFormat(input)) {
-                            bytes = Crypto.util.hexToBytes(input);
-                        } else if (ECKey.isBase64Format(input)) {
-                            bytes = Crypto.util.base64ToBytes(input);
-                        }
-                        */
-                } catch (exc1) {
-                    this.setError(exc1);
-                }
-
-                if (ECKey.isBase6Format(input)) {
-                    this.priv = new BigInteger(input, 6);
-                } else if (bytes == null || bytes.length != 32) {
-                    this.priv = null;
+            // when compressed prepend byte depending if y point is even or odd
+            if (compressed) {
+                if (y.isEven()) {
+                    enc.unshift(0x02);
                 } else {
-                    // Prepend zero byte to prevent interpretation as negative integer
-                    this.priv = BigInteger.fromByteArrayUnsigned(bytes);
+                    enc.unshift(0x03);
                 }
-            }
-
-            this.compressed = (this.compressed == undefined) ? !!ECKey.compressByDefault : this.compressed;
-            try {
-                // check not zero
-                if (this.priv != null && BigInteger.ZERO.compareTo(this.priv) == 0) this.setError("Error: BigInteger equal to zero.");
-                // valid range [0x1, 0xFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFEBAAEDCE6AF48A03BBFD25E8CD0364140])
-                var hexKeyRangeLimit = "FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFEBAAEDCE6AF48A03BBFD25E8CD0364140";
-                var rangeLimitBytes = Crypto.util.hexToBytes(hexKeyRangeLimit);
-                var limitBigInt = BigInteger.fromByteArrayUnsigned(rangeLimitBytes);
-                if (this.priv != null && limitBigInt.compareTo(this.priv) < 0) this.setError("Error: BigInteger outside of curve range.")
-
-                if (this.priv != null) {
-                    KeyPool.push(this);
-                }
-            } catch (exc2) {
-                this.setError(exc2);
-            }
-        };
-
-        if (GLOBAL.cryptocoin == "FLO")
-            ECKey.privateKeyPrefix = 0xA3; //(Bitcoin mainnet 0x80    testnet 0xEF) (FLO mainnet 0xA3 163 D)
-        else if (GLOBAL.cryptocoin == "FLO_TEST")
-            ECKey.privateKeyPrefix = 0xEF; //FLO testnet
-
-        /**
-         * Whether public keys should be returned compressed by default.
-         */
-        ECKey.compressByDefault = false;
-
-        /**
-         * Set whether the public key should be returned compressed or not.
-         */
-        ECKey.prototype.setError = function(err) {
-            this.error = err;
-            this.priv = null;
-            return this;
-        };
-
-        /**
-         * Set whether the public key should be returned compressed or not.
-         */
-        ECKey.prototype.setCompressed = function(v) {
-            this.compressed = !!v;
-            if (this.pubPoint) this.pubPoint.compressed = this.compressed;
-            return this;
-        };
-
-        /*
-         * Return public key as a byte array in DER encoding
-         */
-        ECKey.prototype.getPub = function() {
-            if (this.compressed) {
-                if (this.pubComp) return this.pubComp;
-                return this.pubComp = this.getPubPoint().getEncoded(1);
             } else {
-                if (this.pubUncomp) return this.pubUncomp;
-                return this.pubUncomp = this.getPubPoint().getEncoded(0);
+                enc.unshift(0x04);
+                enc = enc.concat(ec.integerToBytes(y, len)); // uncompressed public key appends the bytes of the y point
             }
+            return enc;
+        };
+
+        ec.PointFp.decodeFrom = function(curve, enc) {
+            var type = enc[0];
+            var dataLen = enc.length - 1;
+
+            // Extract x and y as byte arrays
+            var xBa = enc.slice(1, 1 + dataLen / 2);
+            var yBa = enc.slice(1 + dataLen / 2, 1 + dataLen);
+
+            // Prepend zero byte to prevent interpretation as negative integer
+            xBa.unshift(0);
+            yBa.unshift(0);
+
+            // Convert to BigIntegers
+            var x = new BigInteger(xBa);
+            var y = new BigInteger(yBa);
+
+            // Return point
+            return new ec.PointFp(curve, curve.fromBigInteger(x), curve.fromBigInteger(y));
+        };
+
+        ec.PointFp.prototype.add2D = function(b) {
+            if (this.isInfinity()) return b;
+            if (b.isInfinity()) return this;
+
+            if (this.x.equals(b.x)) {
+                if (this.y.equals(b.y)) {
+                    // this = b, i.e. this must be doubled
+                    return this.twice();
+                }
+                // this = -b, i.e. the result is the point at infinity
+                return this.curve.getInfinity();
+            }
+
+            var x_x = b.x.subtract(this.x);
+            var y_y = b.y.subtract(this.y);
+            var gamma = y_y.divide(x_x);
+
+            var x3 = gamma.square().subtract(this.x).subtract(b.x);
+            var y3 = gamma.multiply(this.x.subtract(x3)).subtract(this.y);
+
+            return new ec.PointFp(this.curve, x3, y3);
+        };
+
+        ec.PointFp.prototype.twice2D = function() {
+            if (this.isInfinity()) return this;
+            if (this.y.toBigInteger().signum() == 0) {
+                // if y1 == 0, then (x1, y1) == (x1, -y1)
+                // and hence this = -this and thus 2(x1, y1) == infinity
+                return this.curve.getInfinity();
+            }
+
+            var TWO = this.curve.fromBigInteger(BigInteger.valueOf(2));
+            var THREE = this.curve.fromBigInteger(BigInteger.valueOf(3));
+            var gamma = this.x.square().multiply(THREE).add(this.curve.a).divide(this.y.multiply(TWO));
+
+            var x3 = gamma.square().subtract(this.x.multiply(TWO));
+            var y3 = gamma.multiply(this.x.subtract(x3)).subtract(this.y);
+
+            return new ec.PointFp(this.curve, x3, y3);
+        };
+
+        ec.PointFp.prototype.multiply2D = function(k) {
+            if (this.isInfinity()) return this;
+            if (k.signum() == 0) return this.curve.getInfinity();
+
+            var e = k;
+            var h = e.multiply(new BigInteger("3"));
+
+            var neg = this.negate();
+            var R = this;
+
+            var i;
+            for (i = h.bitLength() - 2; i > 0; --i) {
+                R = R.twice();
+
+                var hBit = h.testBit(i);
+                var eBit = e.testBit(i);
+
+                if (hBit != eBit) {
+                    R = R.add2D(hBit ? this : neg);
+                }
+            }
+
+            return R;
+        };
+
+        ec.PointFp.prototype.isOnCurve = function() {
+            var x = this.getX().toBigInteger();
+            var y = this.getY().toBigInteger();
+            var a = this.curve.getA().toBigInteger();
+            var b = this.curve.getB().toBigInteger();
+            var n = this.curve.getQ();
+            var lhs = y.multiply(y).mod(n);
+            var rhs = x.multiply(x).multiply(x).add(a.multiply(x)).add(b).mod(n);
+            return lhs.equals(rhs);
+        };
+
+        ec.PointFp.prototype.toString = function() {
+            return '(' + this.getX().toBigInteger().toString() + ',' + this.getY().toBigInteger().toString() +
+                ')';
         };
 
         /**
-         * Return public point as ECPoint object.
-         */
-        ECKey.prototype.getPubPoint = function() {
-            if (!this.pubPoint) {
-                this.pubPoint = ecparams.getG().multiply(this.priv);
-                this.pubPoint.compressed = this.compressed;
-            }
-            return this.pubPoint;
-        };
-
-        ECKey.prototype.getPubKeyHex = function() {
-            if (this.compressed) {
-                if (this.pubKeyHexComp) return this.pubKeyHexComp;
-                return this.pubKeyHexComp = Crypto.util.bytesToHex(this.getPub()).toString().toUpperCase();
-            } else {
-                if (this.pubKeyHexUncomp) return this.pubKeyHexUncomp;
-                return this.pubKeyHexUncomp = Crypto.util.bytesToHex(this.getPub()).toString().toUpperCase();
-            }
-        };
-
-        /**
-         * Get the pubKeyHash for this key.
+         * Validate an elliptic curve point.
          *
-         * This is calculated as RIPE160(SHA256([encoded pubkey])) and returned as
-         * a byte array.
+         * See SEC 1, section 3.2.2.1: Elliptic Curve Public Key Validation Primitive
          */
-        ECKey.prototype.getPubKeyHash = function() {
-            if (this.compressed) {
-                if (this.pubKeyHashComp) return this.pubKeyHashComp;
-                return this.pubKeyHashComp = Bitcoin.Util.sha256ripe160(this.getPub());
-            } else {
-                if (this.pubKeyHashUncomp) return this.pubKeyHashUncomp;
-                return this.pubKeyHashUncomp = Bitcoin.Util.sha256ripe160(this.getPub());
+        ec.PointFp.prototype.validate = function() {
+            var n = this.curve.getQ();
+
+            // Check Q != O
+            if (this.isInfinity()) {
+                throw new Error("Point is at infinity.");
+            }
+
+            // Check coordinate bounds
+            var x = this.getX().toBigInteger();
+            var y = this.getY().toBigInteger();
+            if (x.compareTo(BigInteger.ONE) < 0 || x.compareTo(n.subtract(BigInteger.ONE)) > 0) {
+                throw new Error('x coordinate out of bounds');
+            }
+            if (y.compareTo(BigInteger.ONE) < 0 || y.compareTo(n.subtract(BigInteger.ONE)) > 0) {
+                throw new Error('y coordinate out of bounds');
+            }
+
+            // Check y^2 = x^3 + ax + b (mod n)
+            if (!this.isOnCurve()) {
+                throw new Error("Point is not on the curve.");
+            }
+
+            // Check nQ = 0 (Q is a scalar multiple of G)
+            if (this.multiply(n).isInfinity()) {
+                // TODO: This check doesn't work - fix.
+                throw new Error("Point is not a scalar multiple of G.");
+            }
+
+            return true;
+        };
+
+
+
+
+        // ----------------
+        // ECCurveFp constructor
+        ec.CurveFp = function(q, a, b) {
+            this.q = q;
+            this.a = this.fromBigInteger(a);
+            this.b = this.fromBigInteger(b);
+            this.infinity = new ec.PointFp(this, null, null);
+            this.reducer = new Barrett(this.q);
+        }
+
+        ec.CurveFp.prototype.getQ = function() {
+            return this.q;
+        };
+
+        ec.CurveFp.prototype.getA = function() {
+            return this.a;
+        };
+
+        ec.CurveFp.prototype.getB = function() {
+            return this.b;
+        };
+
+        ec.CurveFp.prototype.equals = function(other) {
+            if (other == this) return true;
+            return (this.q.equals(other.q) && this.a.equals(other.a) && this.b.equals(other.b));
+        };
+
+        ec.CurveFp.prototype.getInfinity = function() {
+            return this.infinity;
+        };
+
+        ec.CurveFp.prototype.fromBigInteger = function(x) {
+            return new ec.FieldElementFp(this.q, x);
+        };
+
+        ec.CurveFp.prototype.reduce = function(x) {
+            this.reducer.reduce(x);
+        };
+
+        // for now, work with hex strings because they're easier in JS
+        // compressed support added by bitaddress.org
+        ec.CurveFp.prototype.decodePointHex = function(s) {
+            var firstByte = parseInt(s.substr(0, 2), 16);
+            switch (firstByte) { // first byte
+                case 0:
+                    return this.infinity;
+                case 2: // compressed
+                case 3: // compressed
+                    var yTilde = firstByte & 1;
+                    var xHex = s.substr(2, s.length - 2);
+                    var X1 = new BigInteger(xHex, 16);
+                    return this.decompressPoint(yTilde, X1);
+                case 4: // uncompressed
+                case 6: // hybrid
+                case 7: // hybrid
+                    var len = (s.length - 2) / 2;
+                    var xHex = s.substr(2, len);
+                    var yHex = s.substr(len + 2, len);
+
+                    return new ec.PointFp(this,
+                        this.fromBigInteger(new BigInteger(xHex, 16)),
+                        this.fromBigInteger(new BigInteger(yHex, 16)));
+
+                default: // unsupported
+                    return null;
             }
         };
 
-        ECKey.prototype.getBitcoinAddress = function() {
-            var hash = this.getPubKeyHash();
-            var addr = new Bitcoin.Address(hash);
-            return addr.toString();
+        ec.CurveFp.prototype.encodePointHex = function(p) {
+            if (p.isInfinity()) return "00";
+            var xHex = p.getX().toBigInteger().toString(16);
+            var yHex = p.getY().toBigInteger().toString(16);
+            var oLen = this.getQ().toString(16).length;
+            if ((oLen % 2) != 0) oLen++;
+            while (xHex.length < oLen) {
+                xHex = "0" + xHex;
+            }
+            while (yHex.length < oLen) {
+                yHex = "0" + yHex;
+            }
+            return "04" + xHex + yHex;
         };
 
         /*
-         * Takes a public point as a hex string or byte array
+         * Copyright (c) 2000 - 2011 The Legion Of The Bouncy Castle (http://www.bouncycastle.org)
+         * Ported to JavaScript by bitaddress.org
+         *
+         * Number yTilde
+         * BigInteger X1
          */
-        ECKey.prototype.setPub = function(pub) {
-            // byte array
-            if (Bitcoin.Util.isArray(pub)) {
-                pub = Crypto.util.bytesToHex(pub).toString().toUpperCase();
+        ec.CurveFp.prototype.decompressPoint = function(yTilde, X1) {
+            var x = this.fromBigInteger(X1);
+            var alpha = x.multiply(x.square().add(this.getA())).add(this.getB());
+            var beta = alpha.sqrt();
+            // if we can't find a sqrt we haven't got a point on the curve - run!
+            if (beta == null) throw new Error("Invalid point compression");
+            var betaValue = beta.toBigInteger();
+            var bit0 = betaValue.testBit(0) ? 1 : 0;
+            if (bit0 != yTilde) {
+                // Use the other root
+                beta = this.fromBigInteger(this.getQ().subtract(betaValue));
             }
-            var ecPoint = ecparams.getCurve().decodePointHex(pub);
-            this.setCompressed(ecPoint.compressed);
-            this.pubPoint = ecPoint;
-            return this;
+            return new ec.PointFp(this, x, beta, null, true);
         };
 
-        // Sipa Private Key Wallet Import Format
-        ECKey.prototype.getBitcoinWalletImportFormat = function() {
-            var bytes = this.getBitcoinPrivateKeyByteArray();
-            if (bytes == null) return "";
-            bytes.unshift(ECKey.privateKeyPrefix); // prepend 0x80 byte
-            if (this.compressed) bytes.push(0x01); // append 0x01 byte for compressed format
-            var checksum = Crypto.SHA256(Crypto.SHA256(bytes, {
-                asBytes: true
-            }), {
-                asBytes: true
-            });
-            bytes = bytes.concat(checksum.slice(0, 4));
-            var privWif = Bitcoin.Base58.encode(bytes);
-            return privWif;
+
+        ec.fromHex = function(s) {
+            return new BigInteger(s, 16);
         };
 
-        // Private Key Hex Format
-        ECKey.prototype.getBitcoinHexFormat = function() {
-            return Crypto.util.bytesToHex(this.getBitcoinPrivateKeyByteArray()).toString().toUpperCase();
-        };
-
-        // Private Key Base64 Format
-        ECKey.prototype.getBitcoinBase64Format = function() {
-            return Crypto.util.bytesToBase64(this.getBitcoinPrivateKeyByteArray());
-        };
-
-        ECKey.prototype.getBitcoinPrivateKeyByteArray = function() {
-            if (this.priv == null) return null;
-            // Get a copy of private key as a byte array
-            var bytes = this.priv.toByteArrayUnsigned();
-            // zero pad if private key is less than 32 bytes
-            while (bytes.length < 32) bytes.unshift(0x00);
+        ec.integerToBytes = function(i, len) {
+            var bytes = i.toByteArrayUnsigned();
+            if (len < bytes.length) {
+                bytes = bytes.slice(bytes.length - len);
+            } else
+                while (len > bytes.length) {
+                    bytes.unshift(0);
+                }
             return bytes;
         };
 
-        ECKey.prototype.toString = function(format) {
-            format = format || "";
-            if (format.toString().toLowerCase() == "base64" || format.toString().toLowerCase() == "b64") {
-                return this.getBitcoinBase64Format();
-            }
-            // Wallet Import Format
-            else if (format.toString().toLowerCase() == "wif") {
-                return this.getBitcoinWalletImportFormat();
-            } else {
-                return this.getBitcoinHexFormat();
+
+        // Named EC curves
+        // ----------------
+        // X9ECParameters constructor
+        ec.X9Parameters = function(curve, g, n, h) {
+            this.curve = curve;
+            this.g = g;
+            this.n = n;
+            this.h = h;
+        }
+        ec.X9Parameters.prototype.getCurve = function() {
+            return this.curve;
+        };
+        ec.X9Parameters.prototype.getG = function() {
+            return this.g;
+        };
+        ec.X9Parameters.prototype.getN = function() {
+            return this.n;
+        };
+        ec.X9Parameters.prototype.getH = function() {
+            return this.h;
+        };
+
+        // secp256k1 is the Curve used by Bitcoin
+        ec.secNamedCurves = {
+            // used by Bitcoin
+            "secp256k1": function() {
+                // p = 2^256 - 2^32 - 2^9 - 2^8 - 2^7 - 2^6 - 2^4 - 1
+                var p = ec.fromHex("FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFEFFFFFC2F");
+                var a = BigInteger.ZERO;
+                var b = ec.fromHex("7");
+                var n = ec.fromHex("FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFEBAAEDCE6AF48A03BBFD25E8CD0364141");
+                var h = BigInteger.ONE;
+                var curve = new ec.CurveFp(p, a, b);
+                var G = curve.decodePointHex("04" +
+                    "79BE667EF9DCBBAC55A06295CE870B07029BFCDB2DCE28D959F2815B16F81798" +
+                    "483ADA7726A3C4655DA4FBFC0E1108A8FD17B448A68554199C47D08FFB10D4B8");
+                return new ec.X9Parameters(curve, G, n, h);
             }
         };
 
-        ECKey.prototype.sign = function(hash) {
-            return ECDSA.sign(hash, this.priv);
-        };
-
-        ECKey.prototype.verify = function(hash, sig) {
-            return ECDSA.verify(hash, sig, this.getPub());
-        };
-
-        /**
-         * Parse a wallet import format private key contained in a string.
-         */
-        ECKey.decodeWalletImportFormat = function(privStr) {
-            var bytes = Bitcoin.Base58.decode(privStr);
-            var hash = bytes.slice(0, 33);
-            var checksum = Crypto.SHA256(Crypto.SHA256(hash, {
-                asBytes: true
-            }), {
-                asBytes: true
-            });
-            if (checksum[0] != bytes[33] ||
-                checksum[1] != bytes[34] ||
-                checksum[2] != bytes[35] ||
-                checksum[3] != bytes[36]) {
-                throw "Checksum validation failed!";
-
-            }
-            var version = hash.shift();
-            if (version != ECKey.privateKeyPrefix) {
-                throw "Version " + version + " not supported!";
-            }
-            return hash;
-        };
-
-        /**
-         * Parse a compressed wallet import format private key contained in a string.
-         */
-        ECKey.decodeCompressedWalletImportFormat = function(privStr) {
-            var bytes = Bitcoin.Base58.decode(privStr);
-            var hash = bytes.slice(0, 34);
-            var checksum = Crypto.SHA256(Crypto.SHA256(hash, {
-                asBytes: true
-            }), {
-                asBytes: true
-            });
-            if (checksum[0] != bytes[34] ||
-                checksum[1] != bytes[35] ||
-                checksum[2] != bytes[36] ||
-                checksum[3] != bytes[37]) {
-                throw "Checksum validation failed!";
-            }
-            var version = hash.shift();
-            if (version != ECKey.privateKeyPrefix) {
-                throw "Version " + version + " not supported!";
-            }
-            hash.pop();
-            return hash;
-        };
-
-        // 64 characters [0-9A-F]
-        ECKey.isHexFormat = function(key) {
-            key = key.toString();
-            return /^[A-Fa-f0-9]{64}$/.test(key);
-        };
-
-        // 51 characters base58, always starts with a '5'
-        ECKey.isWalletImportFormat = function(key) {
-            key = key.toString();
-            return (ECKey.privateKeyPrefix == 0x80) ?
-                (/^5[123456789ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz]{50}$/.test(key)) :
-                (/^R[123456789ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz]{50}$/.test(key));
-        };
-
-        // 52 characters base58
-        ECKey.isCompressedWalletImportFormat = function(key) {
-            key = key.toString();
-            return (ECKey.privateKeyPrefix == 0x80) ?
-                (/^[LK][123456789ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz]{51}$/.test(key)) :
-                (/^R[123456789ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz]{51}$/.test(key));
-        };
-
-        // 44 characters
-        ECKey.isBase64Format = function(key) {
-            key = key.toString();
-            return (/^[ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789=+\/]{44}$/.test(key));
-        };
-
-        // 99 characters, 1=1, if using dice convert 6 to 0
-        ECKey.isBase6Format = function(key) {
-            key = key.toString();
-            return (/^[012345]{99}$/.test(key));
-        };
-
-        // 22, 26 or 30 characters, always starts with an 'S'
-        ECKey.isMiniFormat = function(key) {
-            key = key.toString();
-            var validChars22 = /^S[123456789ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz]{21}$/.test(key);
-            var validChars26 = /^S[123456789ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz]{25}$/.test(key);
-            var validChars30 = /^S[123456789ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz]{29}$/.test(key);
-            var testBytes = Crypto.SHA256(key + "?", {
-                asBytes: true
-            });
-
-            return ((testBytes[0] === 0x00 || testBytes[0] === 0x01) && (validChars22 || validChars26 || validChars30));
-        };
-
-        return ECKey;
+        // secp256k1 called by Bitcoin's ECKEY
+        ec.getSECCurveByName = function(name) {
+            if (ec.secNamedCurves[name] == undefined) return null;
+            return ec.secNamedCurves[name]();
+        }
     })();
-    //https://raw.github.com/bitcoinjs/bitcoinjs-lib/09e8c6e184d6501a0c2c59d73ca64db5c0d3eb95/src/util.js
-    // Bitcoin utility functions
-    Bitcoin.Util = {
-        /**
-         * Cross-browser compatibility version of Array.isArray.
-         */
-        isArray: Array.isArray || function(o) {
-            return Object.prototype.toString.call(o) === '[object Array]';
-        },
-        /**
-         * Create an array of a certain length filled with a specific value.
-         */
-        makeFilledArray: function(len, val) {
-            var array = [];
-            var i = 0;
-            while (i < len) {
-                array[i++] = val;
-            }
-            return array;
-        },
-        /**
-         * Turn an integer into a "var_int".
-         *
-         * "var_int" is a variable length integer used by Bitcoin's binary format.
-         *
-         * Returns a byte array.
-         */
-        numToVarInt: function(i) {
-            if (i < 0xfd) {
-                // unsigned char
-                return [i];
-            } else if (i <= 1 << 16) {
-                // unsigned short (LE)
-                return [0xfd, i >>> 8, i & 255];
-            } else if (i <= 1 << 32) {
-                // unsigned int (LE)
-                return [0xfe].concat(Crypto.util.wordsToBytes([i]));
-            } else {
-                // unsigned long long (LE)
-                return [0xff].concat(Crypto.util.wordsToBytes([i >>> 32, i]));
-            }
-        },
-        /**
-         * Parse a Bitcoin value byte array, returning a BigInteger.
-         */
-        valueToBigInt: function(valueBuffer) {
-            if (valueBuffer instanceof BigInteger) return valueBuffer;
 
-            // Prepend zero byte to prevent interpretation as negative integer
-            return BigInteger.fromByteArrayUnsigned(valueBuffer);
-        },
-        /**
-         * Format a Bitcoin value as a string.
-         *
-         * Takes a BigInteger or byte-array and returns that amount of Bitcoins in a
-         * nice standard formatting.
-         *
-         * Examples:
-         * 12.3555
-         * 0.1234
-         * 900.99998888
-         * 34.00
-         */
-        formatValue: function(valueBuffer) {
-            var value = this.valueToBigInt(valueBuffer).toString();
-            var integerPart = value.length > 8 ? value.substr(0, value.length - 8) : '0';
-            var decimalPart = value.length > 8 ? value.substr(value.length - 8) : value;
-            while (decimalPart.length < 8) decimalPart = "0" + decimalPart;
-            decimalPart = decimalPart.replace(/0*$/, '');
-            while (decimalPart.length < 2) decimalPart += "0";
-            return integerPart + "." + decimalPart;
-        },
-        /**
-         * Parse a floating point string as a Bitcoin value.
-         *
-         * Keep in mind that parsing user input is messy. You should always display
-         * the parsed value back to the user to make sure we understood his input
-         * correctly.
-         */
-        parseValue: function(valueString) {
-            // TODO: Detect other number formats (e.g. comma as decimal separator)
-            var valueComp = valueString.split('.');
-            var integralPart = valueComp[0];
-            var fractionalPart = valueComp[1] || "0";
-            while (fractionalPart.length < 8) fractionalPart += "0";
-            fractionalPart = fractionalPart.replace(/^0+/g, '');
-            var value = BigInteger.valueOf(parseInt(integralPart));
-            value = value.multiply(BigInteger.valueOf(100000000));
-            value = value.add(BigInteger.valueOf(parseInt(fractionalPart)));
-            return value;
-        },
-        /**
-         * Calculate RIPEMD160(SHA256(data)).
-         *
-         * Takes an arbitrary byte array as inputs and returns the hash as a byte
-         * array.
-         */
-        sha256ripe160: function(data) {
-            return ripemd160(Crypto.SHA256(data, {
+    //bitTrx.js
+    (function() {
+
+        var bitjs = GLOBAL.bitjs = function() {};
+
+        function ascii_to_hexa(str) {
+            var arr1 = [];
+            for (var n = 0, l = str.length; n < l; n++) {
+                var hex = Number(str.charCodeAt(n)).toString(16);
+                arr1.push(hex);
+            }
+            return arr1.join('');
+        }
+
+        /* public vars */
+        bitjs.pub = 0x23; // flochange - changed the prefix to FLO Mainnet PublicKey Prefix 0x23
+        bitjs.priv = 0xa3; //flochange - changed the prefix to FLO Mainnet Private key prefix 0xa3
+        bitjs.compressed = false;
+
+        /* provide a privkey and return an WIF  */
+        bitjs.privkey2wif = function(h) {
+            var r = Crypto.util.hexToBytes(h);
+
+            if (bitjs.compressed == true) {
+                r.push(0x01);
+            }
+
+            r.unshift(bitjs.priv);
+            var hash = Crypto.SHA256(Crypto.SHA256(r, {
                 asBytes: true
             }), {
                 asBytes: true
             });
-        },
-        // double sha256
-        dsha256: function(data) {
-            return Crypto.SHA256(Crypto.SHA256(data, {
+            var checksum = hash.slice(0, 4);
+
+            return B58.encode(r.concat(checksum));
+        }
+
+        /* convert a wif key back to a private key */
+        bitjs.wif2privkey = function(wif) {
+            var compressed = false;
+            var decode = B58.decode(wif);
+            var key = decode.slice(0, decode.length - 4);
+            key = key.slice(1, key.length);
+            if (key.length >= 33 && key[key.length - 1] == 0x01) {
+                key = key.slice(0, key.length - 1);
+                compressed = true;
+            }
+            return {
+                'privkey': Crypto.util.bytesToHex(key),
+                'compressed': compressed
+            };
+        }
+
+        /* convert a wif to a pubkey */
+        bitjs.wif2pubkey = function(wif) {
+            var compressed = bitjs.compressed;
+            var r = bitjs.wif2privkey(wif);
+            bitjs.compressed = r['compressed'];
+            var pubkey = bitjs.newPubkey(r['privkey']);
+            bitjs.compressed = compressed;
+            return {
+                'pubkey': pubkey,
+                'compressed': r['compressed']
+            };
+        }
+
+        /* convert a wif to a address */
+        bitjs.wif2address = function(wif) {
+            var r = bitjs.wif2pubkey(wif);
+            return {
+                'address': bitjs.pubkey2address(r['pubkey']),
+                'compressed': r['compressed']
+            };
+        }
+
+        /* generate a public key from a private key */
+        bitjs.newPubkey = function(hash) {
+            var privateKeyBigInt = BigInteger.fromByteArrayUnsigned(Crypto.util.hexToBytes(hash));
+            var curve = EllipticCurve.getSECCurveByName("secp256k1");
+
+            var curvePt = curve.getG().multiply(privateKeyBigInt);
+            var x = curvePt.getX().toBigInteger();
+            var y = curvePt.getY().toBigInteger();
+
+            var publicKeyBytes = EllipticCurve.integerToBytes(x, 32);
+            publicKeyBytes = publicKeyBytes.concat(EllipticCurve.integerToBytes(y, 32));
+            publicKeyBytes.unshift(0x04);
+
+            if (bitjs.compressed == true) {
+                var publicKeyBytesCompressed = EllipticCurve.integerToBytes(x, 32)
+                if (y.isEven()) {
+                    publicKeyBytesCompressed.unshift(0x02)
+                } else {
+                    publicKeyBytesCompressed.unshift(0x03)
+                }
+                return Crypto.util.bytesToHex(publicKeyBytesCompressed);
+            } else {
+                return Crypto.util.bytesToHex(publicKeyBytes);
+            }
+        }
+
+        /* provide a public key and return address */
+        bitjs.pubkey2address = function(h, byte) {
+            var r = ripemd160(Crypto.SHA256(Crypto.util.hexToBytes(h), {
+                asBytes: true
+            }));
+            r.unshift(byte || bitjs.pub);
+            var hash = Crypto.SHA256(Crypto.SHA256(r, {
                 asBytes: true
             }), {
                 asBytes: true
             });
-        },
-        // duck typing method
-        hasMethods: function(obj /*, method list as strings */ ) {
-            var i = 1,
-                methodName;
-            while ((methodName = arguments[i++])) {
-                if (typeof obj[methodName] != 'function') {
+            var checksum = hash.slice(0, 4);
+            return B58.encode(r.concat(checksum));
+        }
+
+        bitjs.transaction = function() {
+            var btrx = {};
+            btrx.version = 2; //flochange look at this version
+            btrx.inputs = [];
+            btrx.outputs = [];
+            btrx.locktime = 0;
+            btrx.floData = ""; //flochange .. look at this
+
+
+            btrx.addinput = function(txid, index, scriptPubKey, sequence) {
+                var o = {};
+                o.outpoint = {
+                    'hash': txid,
+                    'index': index
+                };
+                //o.script = []; Signature and Public Key should be added after singning
+                o.script = Crypto.util.hexToBytes(scriptPubKey); //push previous output pubkey script
+                o.sequence = sequence || ((btrx.locktime == 0) ? 4294967295 : 0);
+                return this.inputs.push(o);
+            }
+
+            btrx.addoutput = function(address, value) {
+                var o = {};
+                var buf = [];
+                var addrDecoded = btrx.addressDecode(address);
+                o.value = new BigInteger('' + Math.round((value * 1) * 1e8), 10);
+                buf.push(118); //OP_DUP
+                buf.push(169); //OP_HASH160
+                buf.push(addrDecoded.length);
+                buf = buf.concat(addrDecoded); // address in bytes
+                buf.push(136); //OP_EQUALVERIFY
+                buf.push(172); //  OP_CHECKSIG
+                o.script = buf;
+                return this.outputs.push(o);
+            }
+
+
+            btrx.addflodata = function(txcomments) { // flochange - this whole function needs to be done
+                this.floData = txcomments;
+                return this.floData; //flochange .. returning the txcomments -- check if the function return will assign
+            }
+
+
+            // Only standard addresses
+            btrx.addressDecode = function(address) {
+                var bytes = B58.decode(address);
+                var front = bytes.slice(0, bytes.length - 4);
+                var back = bytes.slice(bytes.length - 4);
+                var checksum = Crypto.SHA256(Crypto.SHA256(front, {
+                    asBytes: true
+                }), {
+                    asBytes: true
+                }).slice(0, 4);
+                if (checksum + "" == back + "") {
+                    return front.slice(1);
+                }
+            }
+
+            /* generate the transaction hash to sign from a transaction input */
+            btrx.transactionHash = function(index, sigHashType) {
+
+                var clone = bitjs.clone(this);
+                var shType = sigHashType || 1;
+
+                /* black out all other ins, except this one */
+                for (var i = 0; i < clone.inputs.length; i++) {
+                    if (index != i) {
+                        clone.inputs[i].script = [];
+                    }
+                }
+
+
+                if ((clone.inputs) && clone.inputs[index]) {
+
+                    /* SIGHASH : For more info on sig hashs see https://en.bitcoin.it/wiki/OP_CHECKSIG
+                        and https://bitcoin.org/en/developer-guide#signature-hash-type */
+
+                    if (shType == 1) {
+                        //SIGHASH_ALL 0x01
+
+                    } else if (shType == 2) {
+                        //SIGHASH_NONE 0x02
+                        clone.outputs = [];
+                        for (var i = 0; i < clone.inputs.length; i++) {
+                            if (index != i) {
+                                clone.inputs[i].sequence = 0;
+                            }
+                        }
+
+                    } else if (shType == 3) {
+
+                        //SIGHASH_SINGLE 0x03
+                        clone.outputs.length = index + 1;
+
+                        for (var i = 0; i < index; i++) {
+                            clone.outputs[i].value = -1;
+                            clone.outputs[i].script = [];
+                        }
+
+                        for (var i = 0; i < clone.inputs.length; i++) {
+                            if (index != i) {
+                                clone.inputs[i].sequence = 0;
+                            }
+                        }
+
+                    } else if (shType >= 128) {
+                        //SIGHASH_ANYONECANPAY 0x80
+                        clone.inputs = [clone.inputs[index]];
+
+                        if (shType == 129) {
+                            // SIGHASH_ALL + SIGHASH_ANYONECANPAY
+
+                        } else if (shType == 130) {
+                            // SIGHASH_NONE + SIGHASH_ANYONECANPAY
+                            clone.outputs = [];
+
+                        } else if (shType == 131) {
+                            // SIGHASH_SINGLE + SIGHASH_ANYONECANPAY
+                            clone.outputs.length = index + 1;
+                            for (var i = 0; i < index; i++) {
+                                clone.outputs[i].value = -1;
+                                clone.outputs[i].script = [];
+                            }
+                        }
+                    }
+
+                    var buffer = Crypto.util.hexToBytes(clone.serialize());
+                    buffer = buffer.concat(bitjs.numToBytes(parseInt(shType), 4));
+                    var hash = Crypto.SHA256(buffer, {
+                        asBytes: true
+                    });
+                    var r = Crypto.util.bytesToHex(Crypto.SHA256(hash, {
+                        asBytes: true
+                    }));
+                    return r;
+                } else {
                     return false;
                 }
             }
-            return true;
-        }
-    };
-})(typeof global !== "undefined" ? global : window);
 
-//ellipticCurveEncryption.js
-(function(GLOBAL) {
-    (function(ellipticCurveType) {
+            /* generate a signature from a transaction hash */
+            btrx.transactionSig = function(index, wif, sigHashType, txhash) {
 
-        //Defining Elliptic Encryption Object  
-        var ellipticEncryption = GLOBAL.ellipticCurveEncryption = function() {};
+                function serializeSig(r, s) {
+                    var rBa = r.toByteArraySigned();
+                    var sBa = s.toByteArraySigned();
 
-        ellipticEncryption.rng = new SecureRandom();
+                    var sequence = [];
+                    sequence.push(0x02); // INTEGER
+                    sequence.push(rBa.length);
+                    sequence = sequence.concat(rBa);
 
-        ellipticEncryption.getCurveParameters = function(curveName) {
+                    sequence.push(0x02); // INTEGER
+                    sequence.push(sBa.length);
+                    sequence = sequence.concat(sBa);
 
-            //Default is secp256k1
-            curveName = typeof curveName !== 'undefined' ? curveName : "secp256k1";
+                    sequence.unshift(sequence.length);
+                    sequence.unshift(0x30); // SEQUENCE
 
-            var c = EllipticCurve.getSECCurveByName(curveName);
-            var curveDetails = {
-                Q: "",
-                A: "",
-                B: "",
-                GX: "",
-                GY: "",
-                N: ""
+                    return sequence;
+                }
+
+                var shType = sigHashType || 1;
+                var hash = txhash || Crypto.util.hexToBytes(this.transactionHash(index, shType));
+
+                if (hash) {
+                    var curve = EllipticCurve.getSECCurveByName("secp256k1");
+                    var key = bitjs.wif2privkey(wif);
+                    var priv = BigInteger.fromByteArrayUnsigned(Crypto.util.hexToBytes(key['privkey']));
+                    var n = curve.getN();
+                    var e = BigInteger.fromByteArrayUnsigned(hash);
+                    var badrs = 0
+                    do {
+                        var k = this.deterministicK(wif, hash, badrs);
+                        var G = curve.getG();
+                        var Q = G.multiply(k);
+                        var r = Q.getX().toBigInteger().mod(n);
+                        var s = k.modInverse(n).multiply(e.add(priv.multiply(r))).mod(n);
+                        badrs++
+                    } while (r.compareTo(BigInteger.ZERO) <= 0 || s.compareTo(BigInteger.ZERO) <= 0);
+
+                    // Force lower s values per BIP62
+                    var halfn = n.shiftRight(1);
+                    if (s.compareTo(halfn) > 0) {
+                        s = n.subtract(s);
+                    };
+
+                    var sig = serializeSig(r, s);
+                    sig.push(parseInt(shType, 10));
+
+                    return Crypto.util.bytesToHex(sig);
+                } else {
+                    return false;
+                }
+            }
+
+            // https://tools.ietf.org/html/rfc6979#section-3.2
+            btrx.deterministicK = function(wif, hash, badrs) {
+                // if r or s were invalid when this function was used in signing,
+                // we do not want to actually compute r, s here for efficiency, so,
+                // we can increment badrs. explained at end of RFC 6979 section 3.2
+
+                // wif is b58check encoded wif privkey.
+                // hash is byte array of transaction digest.
+                // badrs is used only if the k resulted in bad r or s.
+
+                // some necessary things out of the way for clarity.
+                badrs = badrs || 0;
+                var key = bitjs.wif2privkey(wif);
+                var x = Crypto.util.hexToBytes(key['privkey'])
+                var curve = EllipticCurve.getSECCurveByName("secp256k1");
+                var N = curve.getN();
+
+                // Step: a
+                // hash is a byteArray of the message digest. so h1 == hash in our case
+
+                // Step: b
+                var v = [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1,
+                    1, 1, 1, 1, 1, 1
+                ];
+
+                // Step: c
+                var k = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+                    0, 0, 0, 0, 0, 0
+                ];
+
+                // Step: d
+                k = Crypto.HMAC(Crypto.SHA256, v.concat([0]).concat(x).concat(hash), k, {
+                    asBytes: true
+                });
+
+                // Step: e
+                v = Crypto.HMAC(Crypto.SHA256, v, k, {
+                    asBytes: true
+                });
+
+                // Step: f
+                k = Crypto.HMAC(Crypto.SHA256, v.concat([1]).concat(x).concat(hash), k, {
+                    asBytes: true
+                });
+
+                // Step: g
+                v = Crypto.HMAC(Crypto.SHA256, v, k, {
+                    asBytes: true
+                });
+
+                // Step: h1
+                var T = [];
+
+                // Step: h2 (since we know tlen = qlen, just copy v to T.)
+                v = Crypto.HMAC(Crypto.SHA256, v, k, {
+                    asBytes: true
+                });
+                T = v;
+
+                // Step: h3
+                var KBigInt = BigInteger.fromByteArrayUnsigned(T);
+
+                // loop if KBigInt is not in the range of [1, N-1] or if badrs needs incrementing.
+                var i = 0
+                while (KBigInt.compareTo(N) >= 0 || KBigInt.compareTo(BigInteger.ZERO) <= 0 || i <
+                    badrs) {
+                    k = Crypto.HMAC(Crypto.SHA256, v.concat([0]), k, {
+                        asBytes: true
+                    });
+                    v = Crypto.HMAC(Crypto.SHA256, v, k, {
+                        asBytes: true
+                    });
+                    v = Crypto.HMAC(Crypto.SHA256, v, k, {
+                        asBytes: true
+                    });
+                    T = v;
+                    KBigInt = BigInteger.fromByteArrayUnsigned(T);
+                    i++
+                };
+
+                return KBigInt;
             };
 
-            curveDetails.Q = c.getCurve().getQ().toString();
-            curveDetails.A = c.getCurve().getA().toBigInteger().toString();
-            curveDetails.B = c.getCurve().getB().toBigInteger().toString();
-            curveDetails.GX = c.getG().getX().toBigInteger().toString();
-            curveDetails.GY = c.getG().getY().toBigInteger().toString();
-            curveDetails.N = c.getN().toString();
-
-            return curveDetails;
-
-        }
-
-        ellipticEncryption.selectedCurve = ellipticEncryption.getCurveParameters(ellipticCurveType);
-
-        ellipticEncryption.get_curve = function() {
-            return new EllipticCurve.CurveFp(new BigInteger(this.selectedCurve.Q),
-                new BigInteger(this.selectedCurve.A),
-                new BigInteger(this.selectedCurve.B));
-        }
-
-        ellipticEncryption.get_G = function(curve) {
-            return new EllipticCurve.PointFp(curve,
-                curve.fromBigInteger(new BigInteger(this.selectedCurve.GX)),
-                curve.fromBigInteger(new BigInteger(this.selectedCurve.GY)));
-        }
-
-        ellipticEncryption.pick_rand = function() {
-            var n = new BigInteger(this.selectedCurve.N);
-            var n1 = n.subtract(BigInteger.ONE);
-            var r = new BigInteger(n.bitLength(), this.rng);
-            return r.mod(n1).add(BigInteger.ONE);
-        }
-
-        ellipticEncryption.senderRandom = function() {
-            var r = this.pick_rand();
-            return r.toString();
-        };
-
-        ellipticEncryption.receiverRandom = function() {
-
-            //This is receivers private key. For now we will use random. CHANGE IT LATER
-            var r = this.pick_rand();
-            return r.toString();
-        }
-
-        ellipticEncryption.senderPublicString = function(senderPrivateKey) {
-
-            var senderKeyECData = {};
-
-            var curve = this.get_curve();
-            var G = this.get_G(curve);
-            var a = new BigInteger(senderPrivateKey);
-            var P = G.multiply(a);
-            senderKeyECData.XValuePublicString = P.getX().toBigInteger().toString();
-            senderKeyECData.YValuePublicString = P.getY().toBigInteger().toString();
-
-            return senderKeyECData;
-        }
-
-        //In real life ellipticEncryption.receiverPublicString is the public key of the receiver.
-        //you don't have to run receiverRandom and the bottom function 
-        ellipticEncryption.receiverPublicString = function(receiverPublicKey) {
-
-            var receiverKeyECData = {};
-
-            var curve = this.get_curve();
-            var G = this.get_G(curve);
-            var a = new BigInteger(receiverPublicKey);
-            var P = G.multiply(a);
-            receiverKeyECData.XValuePublicString = P.getX().toBigInteger().toString();
-            receiverKeyECData.YValuePublicString = P.getY().toBigInteger().toString();
-
-            return receiverKeyECData;
-        }
-
-        ellipticEncryption.senderSharedKeyDerivation = function(receiverPublicStringXValue,
-            receiverPublicStringYValue, senderPrivateKey) {
-
-            var senderDerivedKey = {};
-            var curve = this.get_curve();
-            var P = new EllipticCurve.PointFp(curve,
-                curve.fromBigInteger(new BigInteger(receiverPublicStringXValue)),
-                curve.fromBigInteger(new BigInteger(receiverPublicStringYValue)));
-            var a = new BigInteger(senderPrivateKey);
-            var S = P.multiply(a);
-
-            senderDerivedKey.XValue = S.getX().toBigInteger().toString();
-            senderDerivedKey.YValue = S.getY().toBigInteger().toString();
-
-            return senderDerivedKey;
-        }
-
-        ellipticEncryption.receiverSharedKeyDerivation = function(senderPublicStringXValue,
-            senderPublicStringYValue, receiverPrivateKey) {
-
-            var receiverDerivedKey = {};
-            var curve = this.get_curve();
-            var P = new EllipticCurve.PointFp(curve,
-                curve.fromBigInteger(new BigInteger(senderPublicStringXValue)),
-                curve.fromBigInteger(new BigInteger(senderPublicStringYValue)));
-            var a = new BigInteger(receiverPrivateKey);
-            var S = P.multiply(a);
-
-            receiverDerivedKey.XValue = S.getX().toBigInteger().toString();
-            receiverDerivedKey.YValue = S.getY().toBigInteger().toString();
-
-            return receiverDerivedKey;
-        }
-
-    })("secp256k1");
-})(typeof global !== "undefined" ? global : window);
-
-//secrets.js
-(function(GLOBAL) {
-    //Shamir Secret Share by Alexander Stetsyuk - released under MIT License
-
-    var SecretShare = GLOBAL.shamirSecretShare = {};
-    var defaults = {
-        bits: 8, // default number of bits
-        radix: 16, // work with HEX by default
-        minBits: 3,
-        maxBits: 20, // this permits 1,048,575 shares, though going this high is NOT recommended in JS!
-
-        bytesPerChar: 2,
-        maxBytesPerChar: 6, // Math.pow(256,7) > Math.pow(2,53)
-
-        // Primitive polynomials (in decimal form) for Galois Fields GF(2^n), for 2 <= n <= 30
-        // The index of each term in the array corresponds to the n for that polynomial
-        // i.e. to get the polynomial for n=16, use primitivePolynomials[16]
-        primitivePolynomials: [null, null, 1, 3, 3, 5, 3, 3, 29, 17, 9, 5, 83, 27, 43, 3, 45, 9, 39, 39,
-            9, 5, 3, 33, 27, 9, 71, 39, 9, 5, 83
-        ],
-
-        // warning for insecure PRNG
-        warning: 'WARNING:\nA secure random number generator was not found.\nUsing Math.random(), which is NOT cryptographically strong!'
-    };
-
-    // Protected settings object
-    var config = {};
-
-    /** @expose **/
-    SecretShare.getConfig = function() {
-        return {
-            'bits': config.bits,
-            'unsafePRNG': config.unsafePRNG
-        };
-    };
-
-    function init(bits) {
-        if (bits && (typeof bits !== 'number' || bits % 1 !== 0 || bits < defaults.minBits || bits >
-                defaults.maxBits)) {
-            throw new Error('Number of bits must be an integer between ' + defaults.minBits + ' and ' +
-                defaults.maxBits + ', inclusive.')
-        }
-
-        config.radix = defaults.radix;
-        config.bits = bits || defaults.bits;
-        config.size = Math.pow(2, config.bits);
-        config.max = config.size - 1;
-
-        // Construct the exp and log tables for multiplication.
-        var logs = [],
-            exps = [],
-            x = 1,
-            primitive = defaults.primitivePolynomials[config.bits];
-        for (var i = 0; i < config.size; i++) {
-            exps[i] = x;
-            logs[x] = i;
-            x <<= 1;
-            if (x >= config.size) {
-                x ^= primitive;
-                x &= config.max;
-            }
-        }
-
-        config.logs = logs;
-        config.exps = exps;
-    };
-
-    /** @expose **/
-    SecretShare.init = init;
-
-    function isInited() {
-        if (!config.bits || !config.size || !config.max || !config.logs || !config.exps || config.logs.length !==
-            config.size || config.exps.length !== config.size) {
-            return false;
-        }
-        return true;
-    };
-
-    // Returns a pseudo-random number generator of the form function(bits){}
-    // which should output a random string of 1's and 0's of length `bits`
-    function getRNG() {
-        var randomBits, crypto;
-
-        function construct(bits, arr, radix, size) {
-            var str = '',
-                i = 0,
-                len = arr.length - 1;
-            while (i < len || (str.length < bits)) {
-                str += padLeft(parseInt(arr[i], radix).toString(2), size);
-                i++;
-            }
-            str = str.substr(-bits);
-            if ((str.match(/0/g) || []).length === str.length) { // all zeros?
-                return null;
-            } else {
-                return str;
-            }
-        }
-
-        // node.js crypto.randomBytes()
-        if (typeof require === 'function') {
-            return function(bits) {
-                var bytes = Math.ceil(bits / 8),
-                    str = null;
-
-                while (str === null) {
-                    str = construct(bits, require('crypto').randomBytes(bytes).toString('hex'), 16, 4);
-                }
-                return str;
-            }
-        }
-
-        // browsers with window.crypto.getRandomValues()
-        if (GLOBAL['crypto'] && typeof GLOBAL['crypto']['getRandomValues'] === 'function' && typeof GLOBAL[
-                'Uint32Array'] === 'function') {
-            crypto = GLOBAL['crypto'];
-            return function(bits) {
-                var elems = Math.ceil(bits / 32),
-                    str = null,
-                    arr = new GLOBAL['Uint32Array'](elems);
-
-                while (str === null) {
-                    crypto['getRandomValues'](arr);
-                    str = construct(bits, arr, 10, 32);
-                }
-
-                return str;
-            }
-        }
-
-        // A totally insecure RNG!!! (except in Safari)
-        // Will produce a warning every time it is called.
-        config.unsafePRNG = true;
-        warn();
-
-        var bitsPerNum = 32;
-        var max = Math.pow(2, bitsPerNum) - 1;
-        return function(bits) {
-            var elems = Math.ceil(bits / bitsPerNum);
-            var arr = [],
-                str = null;
-            while (str === null) {
-                for (var i = 0; i < elems; i++) {
-                    arr[i] = Math.floor(Math.random() * max + 1);
-                }
-                str = construct(bits, arr, 10, bitsPerNum);
-            }
-            return str;
-        };
-    };
-
-    // Warn about using insecure rng.
-    // Called when Math.random() is being used.
-    function warn() {
-        GLOBAL['console']['warn'](defaults.warning);
-        if (typeof GLOBAL['alert'] === 'function' && config.alert) {
-            GLOBAL['alert'](defaults.warning);
-        }
-    }
-
-    // Set the PRNG to use. If no RNG function is supplied, pick a default using getRNG()
-    /** @expose **/
-    SecretShare.setRNG = function(rng, alert) {
-        if (!isInited()) {
-            this.init();
-        }
-        config.unsafePRNG = false;
-        rng = rng || getRNG();
-
-        // test the RNG (5 times)
-        if (typeof rng !== 'function' || typeof rng(config.bits) !== 'string' || !parseInt(rng(config.bits),
-                2) || rng(config.bits).length > config.bits || rng(config.bits).length < config.bits) {
-            throw new Error(
-                "Random number generator is invalid. Supply an RNG of the form function(bits){} that returns a string containing 'bits' number of random 1's and 0's."
-            )
-        } else {
-            config.rng = rng;
-        }
-        config.alert = !!alert;
-
-        return !!config.unsafePRNG;
-    };
-
-    function isSetRNG() {
-        return typeof config.rng === 'function';
-    };
-
-    // Generates a random bits-length number string using the PRNG
-    /** @expose **/
-    SecretShare.random = function(bits) {
-        if (!isSetRNG()) {
-            this.setRNG();
-        }
-
-        if (typeof bits !== 'number' || bits % 1 !== 0 || bits < 2) {
-            throw new Error('Number of bits must be an integer greater than 1.')
-        }
-
-        if (config.unsafePRNG) {
-            warn();
-        }
-        return bin2hex(config.rng(bits));
-    }
-
-    // Divides a `secret` number String str expressed in radix `inputRadix` (optional, default 16)
-    // into `numShares` shares, each expressed in radix `outputRadix` (optional, default to `inputRadix`),
-    // requiring `threshold` number of shares to reconstruct the secret.
-    // Optionally, zero-pads the secret to a length that is a multiple of padLength before sharing.
-    /** @expose **/
-    SecretShare.share = function(secret, numShares, threshold, padLength, withoutPrefix) {
-        if (!isInited()) {
-            this.init();
-        }
-        if (!isSetRNG()) {
-            this.setRNG();
-        }
-
-        padLength = padLength || 0;
-
-        if (typeof secret !== 'string') {
-            throw new Error('Secret must be a string.');
-        }
-        if (typeof numShares !== 'number' || numShares % 1 !== 0 || numShares < 2) {
-            throw new Error('Number of shares must be an integer between 2 and 2^bits-1 (' + config.max +
-                '), inclusive.')
-        }
-        if (numShares > config.max) {
-            var neededBits = Math.ceil(Math.log(numShares + 1) / Math.LN2);
-            throw new Error('Number of shares must be an integer between 2 and 2^bits-1 (' + config.max +
-                '), inclusive. To create ' + numShares + ' shares, use at least ' + neededBits +
-                ' bits.')
-        }
-        if (typeof threshold !== 'number' || threshold % 1 !== 0 || threshold < 2) {
-            throw new Error('Threshold number of shares must be an integer between 2 and 2^bits-1 (' +
-                config.max + '), inclusive.');
-        }
-        if (threshold > config.max) {
-            var neededBits = Math.ceil(Math.log(threshold + 1) / Math.LN2);
-            throw new Error('Threshold number of shares must be an integer between 2 and 2^bits-1 (' +
-                config.max + '), inclusive.  To use a threshold of ' + threshold +
-                ', use at least ' + neededBits + ' bits.');
-        }
-        if (typeof padLength !== 'number' || padLength % 1 !== 0) {
-            throw new Error('Zero-pad length must be an integer greater than 1.');
-        }
-
-        if (config.unsafePRNG) {
-            warn();
-        }
-
-        secret = '1' + hex2bin(secret); // append a 1 so that we can preserve the correct number of leading zeros in our secret
-        secret = split(secret, padLength);
-        var x = new Array(numShares),
-            y = new Array(numShares);
-        for (var i = 0, len = secret.length; i < len; i++) {
-            var subShares = this._getShares(secret[i], numShares, threshold);
-            for (var j = 0; j < numShares; j++) {
-                x[j] = x[j] || subShares[j].x.toString(config.radix);
-                y[j] = padLeft(subShares[j].y.toString(2)) + (y[j] ? y[j] : '');
-            }
-        }
-        var padding = config.max.toString(config.radix).length;
-        if (withoutPrefix) {
-            for (var i = 0; i < numShares; i++) {
-                x[i] = bin2hex(y[i]);
-            }
-        } else {
-            for (var i = 0; i < numShares; i++) {
-                x[i] = config.bits.toString(36).toUpperCase() + padLeft(x[i], padding) + bin2hex(y[i]);
-            }
-        }
-
-        return x;
-    };
-
-    // This is the basic polynomial generation and evaluation function
-    // for a `config.bits`-length secret (NOT an arbitrary length)
-    // Note: no error-checking at this stage! If `secrets` is NOT
-    // a NUMBER less than 2^bits-1, the output will be incorrect!
-    /** @expose **/
-    SecretShare._getShares = function(secret, numShares, threshold) {
-        var shares = [];
-        var coeffs = [secret];
-
-        for (var i = 1; i < threshold; i++) {
-            coeffs[i] = parseInt(config.rng(config.bits), 2);
-        }
-        for (var i = 1, len = numShares + 1; i < len; i++) {
-            shares[i - 1] = {
-                x: i,
-                y: horner(i, coeffs)
-            }
-        }
-        return shares;
-    };
-
-    // Polynomial evaluation at `x` using Horner's Method
-    // TODO: this can possibly be sped up using other methods
-    // NOTE: fx=fx * x + coeff[i] ->  exp(log(fx) + log(x)) + coeff[i],
-    //       so if fx===0, just set fx to coeff[i] because
-    //       using the exp/log form will result in incorrect value
-    function horner(x, coeffs) {
-        var logx = config.logs[x];
-        var fx = 0;
-        for (var i = coeffs.length - 1; i >= 0; i--) {
-            if (fx === 0) {
-                fx = coeffs[i];
-                continue;
-            }
-            fx = config.exps[(logx + config.logs[fx]) % config.max] ^ coeffs[i];
-        }
-        return fx;
-    };
-
-    function inArray(arr, val) {
-        for (var i = 0, len = arr.length; i < len; i++) {
-            if (arr[i] === val) {
+            /* sign a "standard" input */
+            btrx.signinput = function(index, wif, sigHashType) {
+                var key = bitjs.wif2pubkey(wif);
+                var shType = sigHashType || 1;
+                var signature = this.transactionSig(index, wif, shType);
+                var buf = [];
+                var sigBytes = Crypto.util.hexToBytes(signature);
+                buf.push(sigBytes.length);
+                buf = buf.concat(sigBytes);
+                var pubKeyBytes = Crypto.util.hexToBytes(key['pubkey']);
+                buf.push(pubKeyBytes.length);
+                buf = buf.concat(pubKeyBytes);
+                this.inputs[index].script = buf;
                 return true;
             }
-        }
-        return false;
-    };
 
-    function processShare(share) {
+            /* sign inputs */
+            btrx.sign = function(wif, sigHashType) {
+                var shType = sigHashType || 1;
+                for (var i = 0; i < this.inputs.length; i++) {
+                    this.signinput(i, wif, shType);
+                }
+                return this.serialize();
+            }
+
+
+            /* serialize a transaction */
+            btrx.serialize = function() {
+                var buffer = [];
+                buffer = buffer.concat(bitjs.numToBytes(parseInt(this.version), 4));
+
+                buffer = buffer.concat(bitjs.numToVarInt(this.inputs.length));
+                for (var i = 0; i < this.inputs.length; i++) {
+                    var txin = this.inputs[i];
+                    buffer = buffer.concat(Crypto.util.hexToBytes(txin.outpoint.hash).reverse());
+                    buffer = buffer.concat(bitjs.numToBytes(parseInt(txin.outpoint.index), 4));
+                    var scriptBytes = txin.script;
+                    buffer = buffer.concat(bitjs.numToVarInt(scriptBytes.length));
+                    buffer = buffer.concat(scriptBytes);
+                    buffer = buffer.concat(bitjs.numToBytes(parseInt(txin.sequence), 4));
+
+                }
+                buffer = buffer.concat(bitjs.numToVarInt(this.outputs.length));
+
+                for (var i = 0; i < this.outputs.length; i++) {
+                    var txout = this.outputs[i];
+                    buffer = buffer.concat(bitjs.numToBytes(txout.value, 8));
+                    var scriptBytes = txout.script;
+                    buffer = buffer.concat(bitjs.numToVarInt(scriptBytes.length));
+                    buffer = buffer.concat(scriptBytes);
+                }
+
+                buffer = buffer.concat(bitjs.numToBytes(parseInt(this.locktime), 4));
+                var flohex = ascii_to_hexa(this.floData);
+                var floDataCount = this.floData.length;
+                var floDataCountString;
+                //flochange -- creating unique data character count logic for floData. This string is prefixed before actual floData string in Raw Transaction
+                if (floDataCount < 16) {
+                    floDataCountString = floDataCount.toString(16);
+                    floDataCountString = "0" + floDataCountString;
+                } else if (floDataCount < 253) {
+                    floDataCountString = floDataCount.toString(16);
+                } else if (floDataCount <= 1040) {
+                    floDataCountAdjusted = (floDataCount - 253) + parseInt("0xfd00fd");
+                    floDataCountStringAdjusted = floDataCountAdjusted.toString(16);
+                    floDataCountString = floDataCountStringAdjusted.substr(0, 2) + floDataCountStringAdjusted.substr(4, 2) + floDataCountStringAdjusted.substr(2, 2);
+                } else {
+                    floDataCountString = "Character Limit Exceeded";
+                }
+
+
+                return Crypto.util.bytesToHex(buffer) + floDataCountString + flohex; // flochange -- Addition of floDataCountString and floData in serialization
+            }
+
+
+
+            return btrx;
 
-        var bits = parseInt(share[0], 36);
-        if (bits && (typeof bits !== 'number' || bits % 1 !== 0 || bits < defaults.minBits || bits >
-                defaults.maxBits)) {
-            throw new Error('Number of bits must be an integer between ' + defaults.minBits + ' and ' +
-                defaults.maxBits + ', inclusive.')
         }
 
-        var max = Math.pow(2, bits) - 1;
-        var idLength = max.toString(config.radix).length;
+        bitjs.numToBytes = function(num, bytes) {
+            if (typeof bytes === "undefined") bytes = 8;
+            if (bytes == 0) {
+                return [];
+            } else if (num == -1) {
+                return Crypto.util.hexToBytes("ffffffffffffffff");
+            } else {
+                return [num % 256].concat(bitjs.numToBytes(Math.floor(num / 256), bytes - 1));
+            }
+        }
 
-        var id = parseInt(share.substr(1, idLength), config.radix);
-        if (typeof id !== 'number' || id % 1 !== 0 || id < 1 || id > max) {
-            throw new Error('Share id must be an integer between 1 and ' + config.max + ', inclusive.');
+        bitjs.numToByteArray = function(num) {
+            if (num <= 256) {
+                return [num];
+            } else {
+                return [num % 256].concat(bitjs.numToByteArray(Math.floor(num / 256)));
+            }
         }
-        share = share.substr(idLength + 1);
-        if (!share.length) {
-            throw new Error('Invalid share: zero-length share.')
+
+        bitjs.numToVarInt = function(num) {
+            if (num < 253) {
+                return [num];
+            } else if (num < 65536) {
+                return [253].concat(bitjs.numToBytes(num, 2));
+            } else if (num < 4294967296) {
+                return [254].concat(bitjs.numToBytes(num, 4));
+            } else {
+                return [255].concat(bitjs.numToBytes(num, 8));
+            }
         }
-        return {
-            'bits': bits,
-            'id': id,
-            'value': share
+
+        bitjs.bytesToNum = function(bytes) {
+            if (bytes.length == 0) return 0;
+            else return bytes[0] + 256 * bitjs.bytesToNum(bytes.slice(1));
+        }
+
+        /* clone an object */
+        bitjs.clone = function(obj) {
+            if (obj == null || typeof(obj) != 'object') return obj;
+            var temp = new obj.constructor();
+
+            for (var key in obj) {
+                if (obj.hasOwnProperty(key)) {
+                    temp[key] = bitjs.clone(obj[key]);
+                }
+            }
+            return temp;
+        }
+
+        var B58 = bitjs.Base58 = {
+            alphabet: "123456789ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz",
+            validRegex: /^[1-9A-HJ-NP-Za-km-z]+$/,
+            base: BigInteger.valueOf(58),
+
+            /**
+             * Convert a byte array to a base58-encoded string.
+             *
+             * Written by Mike Hearn for BitcoinJ.
+             *   Copyright (c) 2011 Google Inc.
+             *
+             * Ported to JavaScript by Stefan Thomas.
+             */
+            encode: function(input) {
+                var bi = BigInteger.fromByteArrayUnsigned(input);
+                var chars = [];
+
+                while (bi.compareTo(B58.base) >= 0) {
+                    var mod = bi.mod(B58.base);
+                    chars.unshift(B58.alphabet[mod.intValue()]);
+                    bi = bi.subtract(mod).divide(B58.base);
+                }
+                chars.unshift(B58.alphabet[bi.intValue()]);
+
+                // Convert leading zeros too.
+                for (var i = 0; i < input.length; i++) {
+                    if (input[i] == 0x00) {
+                        chars.unshift(B58.alphabet[0]);
+                    } else break;
+                }
+
+                return chars.join('');
+            },
+
+            /**
+             * Convert a base58-encoded string to a byte array.
+             *
+             * Written by Mike Hearn for BitcoinJ.
+             *   Copyright (c) 2011 Google Inc.
+             *
+             * Ported to JavaScript by Stefan Thomas.
+             */
+            decode: function(input) {
+                var bi = BigInteger.valueOf(0);
+                var leadingZerosNum = 0;
+                for (var i = input.length - 1; i >= 0; i--) {
+                    var alphaIndex = B58.alphabet.indexOf(input[i]);
+                    if (alphaIndex < 0) {
+                        throw "Invalid character";
+                    }
+                    bi = bi.add(BigInteger.valueOf(alphaIndex)
+                        .multiply(B58.base.pow(input.length - 1 - i)));
+
+                    // This counts leading zero bytes
+                    if (input[i] == "1") leadingZerosNum++;
+                    else leadingZerosNum = 0;
+                }
+                var bytes = bi.toByteArrayUnsigned();
+
+                // Add leading zeros
+                while (leadingZerosNum-- > 0) bytes.unshift(0);
+
+                return bytes;
+            }
+        }
+        return bitjs;
+
+    })();
+
+    //Bitcoin.js
+    (function() {
+        /*
+            Copyright (c) 2011 Stefan Thomas
+        
+            Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+        
+            The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+        
+            THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+        */
+        var Bitcoin = GLOBAL.Bitcoin = {};
+
+        //https://raw.github.com/bitcoinjs/bitcoinjs-lib/c952aaeb3ee472e3776655b8ea07299ebed702c7/src/base58.js
+        var B58 = Bitcoin.Base58 = {
+            alphabet: "123456789ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz",
+            validRegex: /^[1-9A-HJ-NP-Za-km-z]+$/,
+            base: BigInteger.valueOf(58),
+
+            /**
+             * Convert a byte array to a base58-encoded string.
+             *
+             * Written by Mike Hearn for BitcoinJ.
+             *   Copyright (c) 2011 Google Inc.
+             *
+             * Ported to JavaScript by Stefan Thomas.
+             */
+            encode: function(input) {
+                var bi = BigInteger.fromByteArrayUnsigned(input);
+                var chars = [];
+
+                while (bi.compareTo(B58.base) >= 0) {
+                    var mod = bi.mod(B58.base);
+                    chars.unshift(B58.alphabet[mod.intValue()]);
+                    bi = bi.subtract(mod).divide(B58.base);
+                }
+                chars.unshift(B58.alphabet[bi.intValue()]);
+
+                // Convert leading zeros too.
+                for (var i = 0; i < input.length; i++) {
+                    if (input[i] == 0x00) {
+                        chars.unshift(B58.alphabet[0]);
+                    } else break;
+                }
+
+                return chars.join('');
+            },
+
+            /**
+             * Convert a base58-encoded string to a byte array.
+             *
+             * Written by Mike Hearn for BitcoinJ.
+             *   Copyright (c) 2011 Google Inc.
+             *
+             * Ported to JavaScript by Stefan Thomas.
+             */
+            decode: function(input) {
+                var bi = BigInteger.valueOf(0);
+                var leadingZerosNum = 0;
+                for (var i = input.length - 1; i >= 0; i--) {
+                    var alphaIndex = B58.alphabet.indexOf(input[i]);
+                    if (alphaIndex < 0) {
+                        throw "Invalid character";
+                    }
+                    bi = bi.add(BigInteger.valueOf(alphaIndex)
+                        .multiply(B58.base.pow(input.length - 1 - i)));
+
+                    // This counts leading zero bytes
+                    if (input[i] == "1") leadingZerosNum++;
+                    else leadingZerosNum = 0;
+                }
+                var bytes = bi.toByteArrayUnsigned();
+
+                // Add leading zeros
+                while (leadingZerosNum-- > 0) bytes.unshift(0);
+
+                return bytes;
+            }
         };
-    };
 
-    /** @expose **/
-    SecretShare._processShare = processShare;
+        //https://raw.github.com/bitcoinjs/bitcoinjs-lib/09e8c6e184d6501a0c2c59d73ca64db5c0d3eb95/src/address.js
+        Bitcoin.Address = function(bytes) {
+            if (GLOBAL.cryptocoin == "FLO")
+                this.version = 0x23; // FLO mainnet public address
+            else if (GLOBAL.cryptocoin == "FLO_TEST")
+                this.version = 0x73; // FLO testnet public address
+            if ("string" == typeof bytes) {
+                bytes = Bitcoin.Address.decodeString(bytes, this.version);
+            }
+            this.hash = bytes;
+        };
 
-    // Protected method that evaluates the Lagrange interpolation
-    // polynomial at x=`at` for individual config.bits-length
-    // segments of each share in the `shares` Array.
-    // Each share is expressed in base `inputRadix`. The output
-    // is expressed in base `outputRadix'
-    function combine(at, shares) {
-        var setBits, share, x = [],
-            y = [],
-            result = '',
-            idx;
+        Bitcoin.Address.networkVersion = 0x23; // (FLO mainnet 0x23, 35D), (Bitcoin Mainnet, 0x00, 0D) // *this has no effect *
 
-        for (var i = 0, len = shares.length; i < len; i++) {
-            share = processShare(shares[i]);
-            if (typeof setBits === 'undefined') {
-                setBits = share['bits'];
-            } else if (share['bits'] !== setBits) {
-                throw new Error('Mismatched shares: Different bit settings.')
+        /**
+         * Serialize this object as a standard Bitcoin address.
+         *
+         * Returns the address as a base58-encoded string in the standardized format.
+         */
+        Bitcoin.Address.prototype.toString = function() {
+            // Get a copy of the hash
+            var hash = this.hash.slice(0);
+
+            // Version
+            hash.unshift(this.version);
+            var checksum = Crypto.SHA256(Crypto.SHA256(hash, {
+                asBytes: true
+            }), {
+                asBytes: true
+            });
+            var bytes = hash.concat(checksum.slice(0, 4));
+            return Bitcoin.Base58.encode(bytes);
+        };
+
+        Bitcoin.Address.prototype.getHashBase64 = function() {
+            return Crypto.util.bytesToBase64(this.hash);
+        };
+
+        /**
+         * Parse a Bitcoin address contained in a string.
+         */
+        Bitcoin.Address.decodeString = function(string, version) {
+            var bytes = Bitcoin.Base58.decode(string);
+            var hash = bytes.slice(0, 21);
+            var checksum = Crypto.SHA256(Crypto.SHA256(hash, {
+                asBytes: true
+            }), {
+                asBytes: true
+            });
+
+            if (checksum[0] != bytes[21] ||
+                checksum[1] != bytes[22] ||
+                checksum[2] != bytes[23] ||
+                checksum[3] != bytes[24]) {
+                throw "Checksum validation failed!";
             }
 
-            if (config.bits !== setBits) {
-                init(setBits);
+            if (version != hash.shift()) {
+                throw "Version " + hash.shift() + " not supported!";
             }
 
-            if (inArray(x, share['id'])) { // repeated x value?
-                continue;
+            return hash;
+        };
+        //https://raw.github.com/bitcoinjs/bitcoinjs-lib/e90780d3d3b8fc0d027d2bcb38b80479902f223e/src/ecdsa.js
+        Bitcoin.ECDSA = (function() {
+            var ecparams = EllipticCurve.getSECCurveByName("secp256k1");
+            var rng = new SecureRandom();
+
+            var P_OVER_FOUR = null;
+
+            function implShamirsTrick(P, k, Q, l) {
+                var m = Math.max(k.bitLength(), l.bitLength());
+                var Z = P.add2D(Q);
+                var R = P.curve.getInfinity();
+
+                for (var i = m - 1; i >= 0; --i) {
+                    R = R.twice2D();
+
+                    R.z = BigInteger.ONE;
+
+                    if (k.testBit(i)) {
+                        if (l.testBit(i)) {
+                            R = R.add2D(Z);
+                        } else {
+                            R = R.add2D(P);
+                        }
+                    } else {
+                        if (l.testBit(i)) {
+                            R = R.add2D(Q);
+                        }
+                    }
+                }
+
+                return R;
+            };
+
+            var ECDSA = {
+                getBigRandom: function(limit) {
+                    return new BigInteger(limit.bitLength(), rng)
+                        .mod(limit.subtract(BigInteger.ONE))
+                        .add(BigInteger.ONE);
+                },
+                sign: function(hash, priv) {
+                    var d = priv;
+                    var n = ecparams.getN();
+                    var e = BigInteger.fromByteArrayUnsigned(hash);
+
+                    do {
+                        var k = ECDSA.getBigRandom(n);
+                        var G = ecparams.getG();
+                        var Q = G.multiply(k);
+                        var r = Q.getX().toBigInteger().mod(n);
+                    } while (r.compareTo(BigInteger.ZERO) <= 0);
+
+                    var s = k.modInverse(n).multiply(e.add(d.multiply(r))).mod(n);
+
+                    return ECDSA.serializeSig(r, s);
+                },
+
+                verify: function(hash, sig, pubkey) {
+                    var r, s;
+                    if (Bitcoin.Util.isArray(sig)) {
+                        var obj = ECDSA.parseSig(sig);
+                        r = obj.r;
+                        s = obj.s;
+                    } else if ("object" === typeof sig && sig.r && sig.s) {
+                        r = sig.r;
+                        s = sig.s;
+                    } else {
+                        throw "Invalid value for signature";
+                    }
+
+                    var Q;
+                    if (pubkey instanceof ec.PointFp) {
+                        Q = pubkey;
+                    } else if (Bitcoin.Util.isArray(pubkey)) {
+                        Q = EllipticCurve.PointFp.decodeFrom(ecparams.getCurve(), pubkey);
+                    } else {
+                        throw "Invalid format for pubkey value, must be byte array or ec.PointFp";
+                    }
+                    var e = BigInteger.fromByteArrayUnsigned(hash);
+
+                    return ECDSA.verifyRaw(e, r, s, Q);
+                },
+
+                verifyRaw: function(e, r, s, Q) {
+                    var n = ecparams.getN();
+                    var G = ecparams.getG();
+
+                    if (r.compareTo(BigInteger.ONE) < 0 ||
+                        r.compareTo(n) >= 0)
+                        return false;
+
+                    if (s.compareTo(BigInteger.ONE) < 0 ||
+                        s.compareTo(n) >= 0)
+                        return false;
+
+                    var c = s.modInverse(n);
+
+                    var u1 = e.multiply(c).mod(n);
+                    var u2 = r.multiply(c).mod(n);
+
+                    // TODO(!!!): For some reason Shamir's trick isn't working with
+                    // signed message verification!? Probably an implementation
+                    // error!
+                    //var point = implShamirsTrick(G, u1, Q, u2);
+                    var point = G.multiply(u1).add(Q.multiply(u2));
+
+                    var v = point.getX().toBigInteger().mod(n);
+
+                    return v.equals(r);
+                },
+
+                /**
+                 * Serialize a signature into DER format.
+                 *
+                 * Takes two BigIntegers representing r and s and returns a byte array.
+                 */
+                serializeSig: function(r, s) {
+                    var rBa = r.toByteArraySigned();
+                    var sBa = s.toByteArraySigned();
+
+                    var sequence = [];
+                    sequence.push(0x02); // INTEGER
+                    sequence.push(rBa.length);
+                    sequence = sequence.concat(rBa);
+
+                    sequence.push(0x02); // INTEGER
+                    sequence.push(sBa.length);
+                    sequence = sequence.concat(sBa);
+
+                    sequence.unshift(sequence.length);
+                    sequence.unshift(0x30); // SEQUENCE
+
+                    return sequence;
+                },
+
+                /**
+                 * Parses a byte array containing a DER-encoded signature.
+                 *
+                 * This function will return an object of the form:
+                 *
+                 * {
+                 *   r: BigInteger,
+                 *   s: BigInteger
+                 * }
+                 */
+                parseSig: function(sig) {
+                    var cursor;
+                    if (sig[0] != 0x30)
+                        throw new Error("Signature not a valid DERSequence");
+
+                    cursor = 2;
+                    if (sig[cursor] != 0x02)
+                        throw new Error("First element in signature must be a DERInteger");;
+                    var rBa = sig.slice(cursor + 2, cursor + 2 + sig[cursor + 1]);
+
+                    cursor += 2 + sig[cursor + 1];
+                    if (sig[cursor] != 0x02)
+                        throw new Error("Second element in signature must be a DERInteger");
+                    var sBa = sig.slice(cursor + 2, cursor + 2 + sig[cursor + 1]);
+
+                    cursor += 2 + sig[cursor + 1];
+
+                    //if (cursor != sig.length)
+                    //  throw new Error("Extra bytes in signature");
+
+                    var r = BigInteger.fromByteArrayUnsigned(rBa);
+                    var s = BigInteger.fromByteArrayUnsigned(sBa);
+
+                    return {
+                        r: r,
+                        s: s
+                    };
+                },
+
+                parseSigCompact: function(sig) {
+                    if (sig.length !== 65) {
+                        throw "Signature has the wrong length";
+                    }
+
+                    // Signature is prefixed with a type byte storing three bits of
+                    // information.
+                    var i = sig[0] - 27;
+                    if (i < 0 || i > 7) {
+                        throw "Invalid signature type";
+                    }
+
+                    var n = ecparams.getN();
+                    var r = BigInteger.fromByteArrayUnsigned(sig.slice(1, 33)).mod(n);
+                    var s = BigInteger.fromByteArrayUnsigned(sig.slice(33, 65)).mod(n);
+
+                    return {
+                        r: r,
+                        s: s,
+                        i: i
+                    };
+                },
+
+                /**
+                 * Recover a public key from a signature.
+                 *
+                 * See SEC 1: Elliptic Curve Cryptography, section 4.1.6, "Public
+                 * Key Recovery Operation".
+                 *
+                 * http://www.secg.org/download/aid-780/sec1-v2.pdf
+                 */
+                recoverPubKey: function(r, s, hash, i) {
+                    // The recovery parameter i has two bits.
+                    i = i & 3;
+
+                    // The less significant bit specifies whether the y coordinate
+                    // of the compressed point is even or not.
+                    var isYEven = i & 1;
+
+                    // The more significant bit specifies whether we should use the
+                    // first or second candidate key.
+                    var isSecondKey = i >> 1;
+
+                    var n = ecparams.getN();
+                    var G = ecparams.getG();
+                    var curve = ecparams.getCurve();
+                    var p = curve.getQ();
+                    var a = curve.getA().toBigInteger();
+                    var b = curve.getB().toBigInteger();
+
+                    // We precalculate (p + 1) / 4 where p is if the field order
+                    if (!P_OVER_FOUR) {
+                        P_OVER_FOUR = p.add(BigInteger.ONE).divide(BigInteger.valueOf(4));
+                    }
+
+                    // 1.1 Compute x
+                    var x = isSecondKey ? r.add(n) : r;
+
+                    // 1.3 Convert x to point
+                    var alpha = x.multiply(x).multiply(x).add(a.multiply(x)).add(b).mod(p);
+                    var beta = alpha.modPow(P_OVER_FOUR, p);
+
+                    var xorOdd = beta.isEven() ? (i % 2) : ((i + 1) % 2);
+                    // If beta is even, but y isn't or vice versa, then convert it,
+                    // otherwise we're done and y == beta.
+                    var y = (beta.isEven() ? !isYEven : isYEven) ? beta : p.subtract(beta);
+
+                    // 1.4 Check that nR is at infinity
+                    var R = new EllipticCurve.PointFp(curve,
+                        curve.fromBigInteger(x),
+                        curve.fromBigInteger(y));
+                    R.validate();
+
+                    // 1.5 Compute e from M
+                    var e = BigInteger.fromByteArrayUnsigned(hash);
+                    var eNeg = BigInteger.ZERO.subtract(e).mod(n);
+
+                    // 1.6 Compute Q = r^-1 (sR - eG)
+                    var rInv = r.modInverse(n);
+                    var Q = implShamirsTrick(R, s, G, eNeg).multiply(rInv);
+
+                    Q.validate();
+                    if (!ECDSA.verifyRaw(e, r, s, Q)) {
+                        throw "Pubkey recovery unsuccessful";
+                    }
+
+                    var pubKey = new Bitcoin.ECKey();
+                    pubKey.pub = Q;
+                    return pubKey;
+                },
+
+                /**
+                 * Calculate pubkey extraction parameter.
+                 *
+                 * When extracting a pubkey from a signature, we have to
+                 * distinguish four different cases. Rather than putting this
+                 * burden on the verifier, Bitcoin includes a 2-bit value with the
+                 * signature.
+                 *
+                 * This function simply tries all four cases and returns the value
+                 * that resulted in a successful pubkey recovery.
+                 */
+                calcPubkeyRecoveryParam: function(address, r, s, hash) {
+                    for (var i = 0; i < 4; i++) {
+                        try {
+                            var pubkey = Bitcoin.ECDSA.recoverPubKey(r, s, hash, i);
+                            if (pubkey.getBitcoinAddress().toString() == address) {
+                                return i;
+                            }
+                        } catch (e) {}
+                    }
+                    throw "Unable to find valid recovery factor";
+                }
+            };
+
+            return ECDSA;
+        })();
+        Bitcoin.KeyPool = (function() {
+            var KeyPool = function() {
+                this.keyArray = [];
+
+                this.push = function(item) {
+                    if (item == null || item.priv == null) return;
+                    var doAdd = true;
+                    // prevent duplicates from being added to the array
+                    for (var index in this.keyArray) {
+                        var currentItem = this.keyArray[index];
+                        if (currentItem != null && currentItem.priv != null && item.getBitcoinAddress() == currentItem.getBitcoinAddress()) {
+                            doAdd = false;
+                            break;
+                        }
+                    }
+                    if (doAdd) this.keyArray.push(item);
+                };
+
+                this.reset = function() {
+                    this.keyArray = [];
+                };
+
+                this.getArray = function() {
+                    // copy array
+                    return this.keyArray.slice(0);
+                };
+
+                this.setArray = function(ka) {
+                    this.keyArray = ka;
+                };
+
+                this.length = function() {
+                    return this.keyArray.length;
+                };
+
+                this.toString = function() {
+                    var keyPoolString = "# = " + this.length() + "\n";
+                    var pool = this.getArray();
+                    for (var index in pool) {
+                        var item = pool[index];
+                        if (Bitcoin.Util.hasMethods(item, 'getBitcoinAddress', 'toString')) {
+                            if (item != null) {
+                                keyPoolString += "\"" + item.getBitcoinAddress() + "\"" + ", \"" + item.toString("wif") + "\"\n";
+                            }
+                        }
+                    }
+
+                    return keyPoolString;
+                };
+
+                return this;
+            };
+
+            return new KeyPool();
+        })();
+
+        Bitcoin.Bip38Key = (function() {
+            var Bip38 = function(address, encryptedKey) {
+                this.address = address;
+                this.priv = encryptedKey;
+            };
+
+            Bip38.prototype.getBitcoinAddress = function() {
+                return this.address;
+            };
+
+            Bip38.prototype.toString = function() {
+                return this.priv;
+            };
+
+            return Bip38;
+        })();
+
+        //https://raw.github.com/pointbiz/bitcoinjs-lib/9b2f94a028a7bc9bed94e0722563e9ff1d8e8db8/src/eckey.js
+        Bitcoin.ECKey = (function() {
+            var ECDSA = Bitcoin.ECDSA;
+            var KeyPool = Bitcoin.KeyPool;
+            var ecparams = EllipticCurve.getSECCurveByName("secp256k1");
+
+            var ECKey = function(input) {
+                if (!input) {
+                    // Generate new key
+                    var n = ecparams.getN();
+                    this.priv = ECDSA.getBigRandom(n);
+                } else if (input instanceof BigInteger) {
+                    // Input is a private key value
+                    this.priv = input;
+                } else if (Bitcoin.Util.isArray(input)) {
+                    // Prepend zero byte to prevent interpretation as negative integer
+                    this.priv = BigInteger.fromByteArrayUnsigned(input);
+                } else if ("string" == typeof input) {
+                    var bytes = null;
+                    try {
+
+                        // This part is edited for FLO. FLO WIF are always compressed WIF. FLO WIF (private key) starts with R for mainnet and c for testnet.
+                        if (((GLOBAL.cryptocoin == "FLO") && /^R[123456789ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz]{51}$/.test(input)) ||
+                            ((GLOBAL.cryptocoin == "FLO_TEST") && /^c[123456789ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz]{51}$/.test(input))) {
+                            bytes = ECKey.decodeCompressedWalletImportFormat(input);
+                            this.compressed = true;
+                        } else if (ECKey.isHexFormat(input)) {
+                            bytes = Crypto.util.hexToBytes(input);
+                        }
+
+
+                        /*
+                            if (ECKey.isWalletImportFormat(input)) {
+                                bytes = ECKey.decodeWalletImportFormat(input);
+                            } else if (ECKey.isCompressedWalletImportFormat(input)) {
+                                bytes = ECKey.decodeCompressedWalletImportFormat(input);
+                                this.compressed = true;
+                            } else if (ECKey.isMiniFormat(input)) {
+                                bytes = Crypto.SHA256(input, { asBytes: true });
+                            } else if (ECKey.isHexFormat(input)) {
+                                bytes = Crypto.util.hexToBytes(input);
+                            } else if (ECKey.isBase64Format(input)) {
+                                bytes = Crypto.util.base64ToBytes(input);
+                            }
+                            */
+                    } catch (exc1) {
+                        this.setError(exc1);
+                    }
+
+                    if (ECKey.isBase6Format(input)) {
+                        this.priv = new BigInteger(input, 6);
+                    } else if (bytes == null || bytes.length != 32) {
+                        this.priv = null;
+                    } else {
+                        // Prepend zero byte to prevent interpretation as negative integer
+                        this.priv = BigInteger.fromByteArrayUnsigned(bytes);
+                    }
+                }
+
+                this.compressed = (this.compressed == undefined) ? !!ECKey.compressByDefault : this.compressed;
+                try {
+                    // check not zero
+                    if (this.priv != null && BigInteger.ZERO.compareTo(this.priv) == 0) this.setError("Error: BigInteger equal to zero.");
+                    // valid range [0x1, 0xFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFEBAAEDCE6AF48A03BBFD25E8CD0364140])
+                    var hexKeyRangeLimit = "FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFEBAAEDCE6AF48A03BBFD25E8CD0364140";
+                    var rangeLimitBytes = Crypto.util.hexToBytes(hexKeyRangeLimit);
+                    var limitBigInt = BigInteger.fromByteArrayUnsigned(rangeLimitBytes);
+                    if (this.priv != null && limitBigInt.compareTo(this.priv) < 0) this.setError("Error: BigInteger outside of curve range.")
+
+                    if (this.priv != null) {
+                        KeyPool.push(this);
+                    }
+                } catch (exc2) {
+                    this.setError(exc2);
+                }
+            };
+
+            if (GLOBAL.cryptocoin == "FLO")
+                ECKey.privateKeyPrefix = 0xA3; //(Bitcoin mainnet 0x80    testnet 0xEF) (FLO mainnet 0xA3 163 D)
+            else if (GLOBAL.cryptocoin == "FLO_TEST")
+                ECKey.privateKeyPrefix = 0xEF; //FLO testnet
+
+            /**
+             * Whether public keys should be returned compressed by default.
+             */
+            ECKey.compressByDefault = false;
+
+            /**
+             * Set whether the public key should be returned compressed or not.
+             */
+            ECKey.prototype.setError = function(err) {
+                this.error = err;
+                this.priv = null;
+                return this;
+            };
+
+            /**
+             * Set whether the public key should be returned compressed or not.
+             */
+            ECKey.prototype.setCompressed = function(v) {
+                this.compressed = !!v;
+                if (this.pubPoint) this.pubPoint.compressed = this.compressed;
+                return this;
+            };
+
+            /*
+             * Return public key as a byte array in DER encoding
+             */
+            ECKey.prototype.getPub = function() {
+                if (this.compressed) {
+                    if (this.pubComp) return this.pubComp;
+                    return this.pubComp = this.getPubPoint().getEncoded(1);
+                } else {
+                    if (this.pubUncomp) return this.pubUncomp;
+                    return this.pubUncomp = this.getPubPoint().getEncoded(0);
+                }
+            };
+
+            /**
+             * Return public point as ECPoint object.
+             */
+            ECKey.prototype.getPubPoint = function() {
+                if (!this.pubPoint) {
+                    this.pubPoint = ecparams.getG().multiply(this.priv);
+                    this.pubPoint.compressed = this.compressed;
+                }
+                return this.pubPoint;
+            };
+
+            ECKey.prototype.getPubKeyHex = function() {
+                if (this.compressed) {
+                    if (this.pubKeyHexComp) return this.pubKeyHexComp;
+                    return this.pubKeyHexComp = Crypto.util.bytesToHex(this.getPub()).toString().toUpperCase();
+                } else {
+                    if (this.pubKeyHexUncomp) return this.pubKeyHexUncomp;
+                    return this.pubKeyHexUncomp = Crypto.util.bytesToHex(this.getPub()).toString().toUpperCase();
+                }
+            };
+
+            /**
+             * Get the pubKeyHash for this key.
+             *
+             * This is calculated as RIPE160(SHA256([encoded pubkey])) and returned as
+             * a byte array.
+             */
+            ECKey.prototype.getPubKeyHash = function() {
+                if (this.compressed) {
+                    if (this.pubKeyHashComp) return this.pubKeyHashComp;
+                    return this.pubKeyHashComp = Bitcoin.Util.sha256ripe160(this.getPub());
+                } else {
+                    if (this.pubKeyHashUncomp) return this.pubKeyHashUncomp;
+                    return this.pubKeyHashUncomp = Bitcoin.Util.sha256ripe160(this.getPub());
+                }
+            };
+
+            ECKey.prototype.getBitcoinAddress = function() {
+                var hash = this.getPubKeyHash();
+                var addr = new Bitcoin.Address(hash);
+                return addr.toString();
+            };
+
+            /*
+             * Takes a public point as a hex string or byte array
+             */
+            ECKey.prototype.setPub = function(pub) {
+                // byte array
+                if (Bitcoin.Util.isArray(pub)) {
+                    pub = Crypto.util.bytesToHex(pub).toString().toUpperCase();
+                }
+                var ecPoint = ecparams.getCurve().decodePointHex(pub);
+                this.setCompressed(ecPoint.compressed);
+                this.pubPoint = ecPoint;
+                return this;
+            };
+
+            // Sipa Private Key Wallet Import Format
+            ECKey.prototype.getBitcoinWalletImportFormat = function() {
+                var bytes = this.getBitcoinPrivateKeyByteArray();
+                if (bytes == null) return "";
+                bytes.unshift(ECKey.privateKeyPrefix); // prepend 0x80 byte
+                if (this.compressed) bytes.push(0x01); // append 0x01 byte for compressed format
+                var checksum = Crypto.SHA256(Crypto.SHA256(bytes, {
+                    asBytes: true
+                }), {
+                    asBytes: true
+                });
+                bytes = bytes.concat(checksum.slice(0, 4));
+                var privWif = Bitcoin.Base58.encode(bytes);
+                return privWif;
+            };
+
+            // Private Key Hex Format
+            ECKey.prototype.getBitcoinHexFormat = function() {
+                return Crypto.util.bytesToHex(this.getBitcoinPrivateKeyByteArray()).toString().toUpperCase();
+            };
+
+            // Private Key Base64 Format
+            ECKey.prototype.getBitcoinBase64Format = function() {
+                return Crypto.util.bytesToBase64(this.getBitcoinPrivateKeyByteArray());
+            };
+
+            ECKey.prototype.getBitcoinPrivateKeyByteArray = function() {
+                if (this.priv == null) return null;
+                // Get a copy of private key as a byte array
+                var bytes = this.priv.toByteArrayUnsigned();
+                // zero pad if private key is less than 32 bytes
+                while (bytes.length < 32) bytes.unshift(0x00);
+                return bytes;
+            };
+
+            ECKey.prototype.toString = function(format) {
+                format = format || "";
+                if (format.toString().toLowerCase() == "base64" || format.toString().toLowerCase() == "b64") {
+                    return this.getBitcoinBase64Format();
+                }
+                // Wallet Import Format
+                else if (format.toString().toLowerCase() == "wif") {
+                    return this.getBitcoinWalletImportFormat();
+                } else {
+                    return this.getBitcoinHexFormat();
+                }
+            };
+
+            ECKey.prototype.sign = function(hash) {
+                return ECDSA.sign(hash, this.priv);
+            };
+
+            ECKey.prototype.verify = function(hash, sig) {
+                return ECDSA.verify(hash, sig, this.getPub());
+            };
+
+            /**
+             * Parse a wallet import format private key contained in a string.
+             */
+            ECKey.decodeWalletImportFormat = function(privStr) {
+                var bytes = Bitcoin.Base58.decode(privStr);
+                var hash = bytes.slice(0, 33);
+                var checksum = Crypto.SHA256(Crypto.SHA256(hash, {
+                    asBytes: true
+                }), {
+                    asBytes: true
+                });
+                if (checksum[0] != bytes[33] ||
+                    checksum[1] != bytes[34] ||
+                    checksum[2] != bytes[35] ||
+                    checksum[3] != bytes[36]) {
+                    throw "Checksum validation failed!";
+
+                }
+                var version = hash.shift();
+                if (version != ECKey.privateKeyPrefix) {
+                    throw "Version " + version + " not supported!";
+                }
+                return hash;
+            };
+
+            /**
+             * Parse a compressed wallet import format private key contained in a string.
+             */
+            ECKey.decodeCompressedWalletImportFormat = function(privStr) {
+                var bytes = Bitcoin.Base58.decode(privStr);
+                var hash = bytes.slice(0, 34);
+                var checksum = Crypto.SHA256(Crypto.SHA256(hash, {
+                    asBytes: true
+                }), {
+                    asBytes: true
+                });
+                if (checksum[0] != bytes[34] ||
+                    checksum[1] != bytes[35] ||
+                    checksum[2] != bytes[36] ||
+                    checksum[3] != bytes[37]) {
+                    throw "Checksum validation failed!";
+                }
+                var version = hash.shift();
+                if (version != ECKey.privateKeyPrefix) {
+                    throw "Version " + version + " not supported!";
+                }
+                hash.pop();
+                return hash;
+            };
+
+            // 64 characters [0-9A-F]
+            ECKey.isHexFormat = function(key) {
+                key = key.toString();
+                return /^[A-Fa-f0-9]{64}$/.test(key);
+            };
+
+            // 51 characters base58, always starts with a '5'
+            ECKey.isWalletImportFormat = function(key) {
+                key = key.toString();
+                return (ECKey.privateKeyPrefix == 0x80) ?
+                    (/^5[123456789ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz]{50}$/.test(key)) :
+                    (/^R[123456789ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz]{50}$/.test(key));
+            };
+
+            // 52 characters base58
+            ECKey.isCompressedWalletImportFormat = function(key) {
+                key = key.toString();
+                return (ECKey.privateKeyPrefix == 0x80) ?
+                    (/^[LK][123456789ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz]{51}$/.test(key)) :
+                    (/^R[123456789ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz]{51}$/.test(key));
+            };
+
+            // 44 characters
+            ECKey.isBase64Format = function(key) {
+                key = key.toString();
+                return (/^[ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789=+\/]{44}$/.test(key));
+            };
+
+            // 99 characters, 1=1, if using dice convert 6 to 0
+            ECKey.isBase6Format = function(key) {
+                key = key.toString();
+                return (/^[012345]{99}$/.test(key));
+            };
+
+            // 22, 26 or 30 characters, always starts with an 'S'
+            ECKey.isMiniFormat = function(key) {
+                key = key.toString();
+                var validChars22 = /^S[123456789ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz]{21}$/.test(key);
+                var validChars26 = /^S[123456789ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz]{25}$/.test(key);
+                var validChars30 = /^S[123456789ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz]{29}$/.test(key);
+                var testBytes = Crypto.SHA256(key + "?", {
+                    asBytes: true
+                });
+
+                return ((testBytes[0] === 0x00 || testBytes[0] === 0x01) && (validChars22 || validChars26 || validChars30));
+            };
+
+            return ECKey;
+        })();
+        //https://raw.github.com/bitcoinjs/bitcoinjs-lib/09e8c6e184d6501a0c2c59d73ca64db5c0d3eb95/src/util.js
+        // Bitcoin utility functions
+        Bitcoin.Util = {
+            /**
+             * Cross-browser compatibility version of Array.isArray.
+             */
+            isArray: Array.isArray || function(o) {
+                return Object.prototype.toString.call(o) === '[object Array]';
+            },
+            /**
+             * Create an array of a certain length filled with a specific value.
+             */
+            makeFilledArray: function(len, val) {
+                var array = [];
+                var i = 0;
+                while (i < len) {
+                    array[i++] = val;
+                }
+                return array;
+            },
+            /**
+             * Turn an integer into a "var_int".
+             *
+             * "var_int" is a variable length integer used by Bitcoin's binary format.
+             *
+             * Returns a byte array.
+             */
+            numToVarInt: function(i) {
+                if (i < 0xfd) {
+                    // unsigned char
+                    return [i];
+                } else if (i <= 1 << 16) {
+                    // unsigned short (LE)
+                    return [0xfd, i >>> 8, i & 255];
+                } else if (i <= 1 << 32) {
+                    // unsigned int (LE)
+                    return [0xfe].concat(Crypto.util.wordsToBytes([i]));
+                } else {
+                    // unsigned long long (LE)
+                    return [0xff].concat(Crypto.util.wordsToBytes([i >>> 32, i]));
+                }
+            },
+            /**
+             * Parse a Bitcoin value byte array, returning a BigInteger.
+             */
+            valueToBigInt: function(valueBuffer) {
+                if (valueBuffer instanceof BigInteger) return valueBuffer;
+
+                // Prepend zero byte to prevent interpretation as negative integer
+                return BigInteger.fromByteArrayUnsigned(valueBuffer);
+            },
+            /**
+             * Format a Bitcoin value as a string.
+             *
+             * Takes a BigInteger or byte-array and returns that amount of Bitcoins in a
+             * nice standard formatting.
+             *
+             * Examples:
+             * 12.3555
+             * 0.1234
+             * 900.99998888
+             * 34.00
+             */
+            formatValue: function(valueBuffer) {
+                var value = this.valueToBigInt(valueBuffer).toString();
+                var integerPart = value.length > 8 ? value.substr(0, value.length - 8) : '0';
+                var decimalPart = value.length > 8 ? value.substr(value.length - 8) : value;
+                while (decimalPart.length < 8) decimalPart = "0" + decimalPart;
+                decimalPart = decimalPart.replace(/0*$/, '');
+                while (decimalPart.length < 2) decimalPart += "0";
+                return integerPart + "." + decimalPart;
+            },
+            /**
+             * Parse a floating point string as a Bitcoin value.
+             *
+             * Keep in mind that parsing user input is messy. You should always display
+             * the parsed value back to the user to make sure we understood his input
+             * correctly.
+             */
+            parseValue: function(valueString) {
+                // TODO: Detect other number formats (e.g. comma as decimal separator)
+                var valueComp = valueString.split('.');
+                var integralPart = valueComp[0];
+                var fractionalPart = valueComp[1] || "0";
+                while (fractionalPart.length < 8) fractionalPart += "0";
+                fractionalPart = fractionalPart.replace(/^0+/g, '');
+                var value = BigInteger.valueOf(parseInt(integralPart));
+                value = value.multiply(BigInteger.valueOf(100000000));
+                value = value.add(BigInteger.valueOf(parseInt(fractionalPart)));
+                return value;
+            },
+            /**
+             * Calculate RIPEMD160(SHA256(data)).
+             *
+             * Takes an arbitrary byte array as inputs and returns the hash as a byte
+             * array.
+             */
+            sha256ripe160: function(data) {
+                return ripemd160(Crypto.SHA256(data, {
+                    asBytes: true
+                }), {
+                    asBytes: true
+                });
+            },
+            // double sha256
+            dsha256: function(data) {
+                return Crypto.SHA256(Crypto.SHA256(data, {
+                    asBytes: true
+                }), {
+                    asBytes: true
+                });
+            },
+            // duck typing method
+            hasMethods: function(obj /*, method list as strings */ ) {
+                var i = 1,
+                    methodName;
+                while ((methodName = arguments[i++])) {
+                    if (typeof obj[methodName] != 'function') {
+                        return false;
+                    }
+                }
+                return true;
+            }
+        };
+    })();
+
+    //ellipticCurveEncryption.js
+    (function() {
+        (function(ellipticCurveType) {
+
+            //Defining Elliptic Encryption Object  
+            var ellipticEncryption = GLOBAL.ellipticCurveEncryption = function() {};
+
+            ellipticEncryption.rng = new SecureRandom();
+
+            ellipticEncryption.getCurveParameters = function(curveName) {
+
+                //Default is secp256k1
+                curveName = typeof curveName !== 'undefined' ? curveName : "secp256k1";
+
+                var c = EllipticCurve.getSECCurveByName(curveName);
+                var curveDetails = {
+                    Q: "",
+                    A: "",
+                    B: "",
+                    GX: "",
+                    GY: "",
+                    N: ""
+                };
+
+                curveDetails.Q = c.getCurve().getQ().toString();
+                curveDetails.A = c.getCurve().getA().toBigInteger().toString();
+                curveDetails.B = c.getCurve().getB().toBigInteger().toString();
+                curveDetails.GX = c.getG().getX().toBigInteger().toString();
+                curveDetails.GY = c.getG().getY().toBigInteger().toString();
+                curveDetails.N = c.getN().toString();
+
+                return curveDetails;
+
             }
 
-            idx = x.push(share['id']) - 1;
-            share = split(hex2bin(share['value']));
-            for (var j = 0, len2 = share.length; j < len2; j++) {
-                y[j] = y[j] || [];
-                y[j][idx] = share[j];
+            ellipticEncryption.selectedCurve = ellipticEncryption.getCurveParameters(ellipticCurveType);
+
+            ellipticEncryption.get_curve = function() {
+                return new EllipticCurve.CurveFp(new BigInteger(this.selectedCurve.Q),
+                    new BigInteger(this.selectedCurve.A),
+                    new BigInteger(this.selectedCurve.B));
+            }
+
+            ellipticEncryption.get_G = function(curve) {
+                return new EllipticCurve.PointFp(curve,
+                    curve.fromBigInteger(new BigInteger(this.selectedCurve.GX)),
+                    curve.fromBigInteger(new BigInteger(this.selectedCurve.GY)));
+            }
+
+            ellipticEncryption.pick_rand = function() {
+                var n = new BigInteger(this.selectedCurve.N);
+                var n1 = n.subtract(BigInteger.ONE);
+                var r = new BigInteger(n.bitLength(), this.rng);
+                return r.mod(n1).add(BigInteger.ONE);
+            }
+
+            ellipticEncryption.senderRandom = function() {
+                var r = this.pick_rand();
+                return r.toString();
+            };
+
+            ellipticEncryption.receiverRandom = function() {
+
+                //This is receivers private key. For now we will use random. CHANGE IT LATER
+                var r = this.pick_rand();
+                return r.toString();
+            }
+
+            ellipticEncryption.senderPublicString = function(senderPrivateKey) {
+
+                var senderKeyECData = {};
+
+                var curve = this.get_curve();
+                var G = this.get_G(curve);
+                var a = new BigInteger(senderPrivateKey);
+                var P = G.multiply(a);
+                senderKeyECData.XValuePublicString = P.getX().toBigInteger().toString();
+                senderKeyECData.YValuePublicString = P.getY().toBigInteger().toString();
+
+                return senderKeyECData;
+            }
+
+            //In real life ellipticEncryption.receiverPublicString is the public key of the receiver.
+            //you don't have to run receiverRandom and the bottom function 
+            ellipticEncryption.receiverPublicString = function(receiverPublicKey) {
+
+                var receiverKeyECData = {};
+
+                var curve = this.get_curve();
+                var G = this.get_G(curve);
+                var a = new BigInteger(receiverPublicKey);
+                var P = G.multiply(a);
+                receiverKeyECData.XValuePublicString = P.getX().toBigInteger().toString();
+                receiverKeyECData.YValuePublicString = P.getY().toBigInteger().toString();
+
+                return receiverKeyECData;
+            }
+
+            ellipticEncryption.senderSharedKeyDerivation = function(receiverPublicStringXValue,
+                receiverPublicStringYValue, senderPrivateKey) {
+
+                var senderDerivedKey = {};
+                var curve = this.get_curve();
+                var P = new EllipticCurve.PointFp(curve,
+                    curve.fromBigInteger(new BigInteger(receiverPublicStringXValue)),
+                    curve.fromBigInteger(new BigInteger(receiverPublicStringYValue)));
+                var a = new BigInteger(senderPrivateKey);
+                var S = P.multiply(a);
+
+                senderDerivedKey.XValue = S.getX().toBigInteger().toString();
+                senderDerivedKey.YValue = S.getY().toBigInteger().toString();
+
+                return senderDerivedKey;
+            }
+
+            ellipticEncryption.receiverSharedKeyDerivation = function(senderPublicStringXValue,
+                senderPublicStringYValue, receiverPrivateKey) {
+
+                var receiverDerivedKey = {};
+                var curve = this.get_curve();
+                var P = new EllipticCurve.PointFp(curve,
+                    curve.fromBigInteger(new BigInteger(senderPublicStringXValue)),
+                    curve.fromBigInteger(new BigInteger(senderPublicStringYValue)));
+                var a = new BigInteger(receiverPrivateKey);
+                var S = P.multiply(a);
+
+                receiverDerivedKey.XValue = S.getX().toBigInteger().toString();
+                receiverDerivedKey.YValue = S.getY().toBigInteger().toString();
+
+                return receiverDerivedKey;
+            }
+
+        })("secp256k1");
+    })();
+
+    //secrets.js
+    (function() {
+        //Shamir Secret Share by Alexander Stetsyuk - released under MIT License
+
+        var SecretShare = GLOBAL.shamirSecretShare = {};
+        var defaults = {
+            bits: 8, // default number of bits
+            radix: 16, // work with HEX by default
+            minBits: 3,
+            maxBits: 20, // this permits 1,048,575 shares, though going this high is NOT recommended in JS!
+
+            bytesPerChar: 2,
+            maxBytesPerChar: 6, // Math.pow(256,7) > Math.pow(2,53)
+
+            // Primitive polynomials (in decimal form) for Galois Fields GF(2^n), for 2 <= n <= 30
+            // The index of each term in the array corresponds to the n for that polynomial
+            // i.e. to get the polynomial for n=16, use primitivePolynomials[16]
+            primitivePolynomials: [null, null, 1, 3, 3, 5, 3, 3, 29, 17, 9, 5, 83, 27, 43, 3, 45, 9, 39, 39,
+                9, 5, 3, 33, 27, 9, 71, 39, 9, 5, 83
+            ],
+
+            // warning for insecure PRNG
+            warning: 'WARNING:\nA secure random number generator was not found.\nUsing Math.random(), which is NOT cryptographically strong!'
+        };
+
+        // Protected settings object
+        var config = {};
+
+        /** @expose **/
+        SecretShare.getConfig = function() {
+            return {
+                'bits': config.bits,
+                'unsafePRNG': config.unsafePRNG
+            };
+        };
+
+        function init(bits) {
+            if (bits && (typeof bits !== 'number' || bits % 1 !== 0 || bits < defaults.minBits || bits >
+                    defaults.maxBits)) {
+                throw new Error('Number of bits must be an integer between ' + defaults.minBits + ' and ' +
+                    defaults.maxBits + ', inclusive.')
+            }
+
+            config.radix = defaults.radix;
+            config.bits = bits || defaults.bits;
+            config.size = Math.pow(2, config.bits);
+            config.max = config.size - 1;
+
+            // Construct the exp and log tables for multiplication.
+            var logs = [],
+                exps = [],
+                x = 1,
+                primitive = defaults.primitivePolynomials[config.bits];
+            for (var i = 0; i < config.size; i++) {
+                exps[i] = x;
+                logs[x] = i;
+                x <<= 1;
+                if (x >= config.size) {
+                    x ^= primitive;
+                    x &= config.max;
+                }
+            }
+
+            config.logs = logs;
+            config.exps = exps;
+        };
+
+        /** @expose **/
+        SecretShare.init = init;
+
+        function isInited() {
+            if (!config.bits || !config.size || !config.max || !config.logs || !config.exps || config.logs.length !==
+                config.size || config.exps.length !== config.size) {
+                return false;
+            }
+            return true;
+        };
+
+        // Returns a pseudo-random number generator of the form function(bits){}
+        // which should output a random string of 1's and 0's of length `bits`
+        function getRNG() {
+            var randomBits, crypto;
+
+            function construct(bits, arr, radix, size) {
+                var str = '',
+                    i = 0,
+                    len = arr.length - 1;
+                while (i < len || (str.length < bits)) {
+                    str += padLeft(parseInt(arr[i], radix).toString(2), size);
+                    i++;
+                }
+                str = str.substr(-bits);
+                if ((str.match(/0/g) || []).length === str.length) { // all zeros?
+                    return null;
+                } else {
+                    return str;
+                }
+            }
+
+            // node.js crypto.randomBytes()
+            if (typeof require === 'function') {
+                return function(bits) {
+                    var bytes = Math.ceil(bits / 8),
+                        str = null;
+
+                    while (str === null) {
+                        str = construct(bits, require('crypto').randomBytes(bytes).toString('hex'), 16, 4);
+                    }
+                    return str;
+                }
+            }
+
+            // browsers with window.crypto.getRandomValues()
+            if (GLOBAL['crypto'] && typeof GLOBAL['crypto']['getRandomValues'] === 'function' && typeof GLOBAL['Uint32Array'] === 'function') {
+                crypto = GLOBAL['crypto'];
+                return function(bits) {
+                    var elems = Math.ceil(bits / 32),
+                        str = null,
+                        arr = new GLOBAL['Uint32Array'](elems);
+
+                    while (str === null) {
+                        crypto['getRandomValues'](arr);
+                        str = construct(bits, arr, 10, 32);
+                    }
+
+                    return str;
+                }
+            }
+
+            // A totally insecure RNG!!! (except in Safari)
+            // Will produce a warning every time it is called.
+            config.unsafePRNG = true;
+            warn();
+
+            var bitsPerNum = 32;
+            var max = Math.pow(2, bitsPerNum) - 1;
+            return function(bits) {
+                var elems = Math.ceil(bits / bitsPerNum);
+                var arr = [],
+                    str = null;
+                while (str === null) {
+                    for (var i = 0; i < elems; i++) {
+                        arr[i] = Math.floor(Math.random() * max + 1);
+                    }
+                    str = construct(bits, arr, 10, bitsPerNum);
+                }
+                return str;
+            };
+        };
+
+        // Warn about using insecure rng.
+        // Called when Math.random() is being used.
+        function warn() {
+            GLOBAL['console']['warn'](defaults.warning);
+            if (typeof GLOBAL['alert'] === 'function' && config.alert) {
+                GLOBAL['alert'](defaults.warning);
             }
         }
 
-        for (var i = 0, len = y.length; i < len; i++) {
-            result = padLeft(lagrange(at, x, y[i]).toString(2)) + result;
-        }
+        // Set the PRNG to use. If no RNG function is supplied, pick a default using getRNG()
+        /** @expose **/
+        SecretShare.setRNG = function(rng, alert) {
+            if (!isInited()) {
+                this.init();
+            }
+            config.unsafePRNG = false;
+            rng = rng || getRNG();
 
-        if (at === 0) { // reconstructing the secret
-            var idx = result.indexOf('1'); //find the first 1
-            return bin2hex(result.slice(idx + 1));
-        } else { // generating a new share
-            return bin2hex(result);
-        }
-    };
+            // test the RNG (5 times)
+            if (typeof rng !== 'function' || typeof rng(config.bits) !== 'string' || !parseInt(rng(config.bits),
+                    2) || rng(config.bits).length > config.bits || rng(config.bits).length < config.bits) {
+                throw new Error(
+                    "Random number generator is invalid. Supply an RNG of the form function(bits){} that returns a string containing 'bits' number of random 1's and 0's."
+                )
+            } else {
+                config.rng = rng;
+            }
+            config.alert = !!alert;
 
-    // Combine `shares` Array into the original secret
-    /** @expose **/
-    SecretShare.combine = function(shares) {
-        return combine(0, shares);
-    };
+            return !!config.unsafePRNG;
+        };
 
-    // Generate a new share with id `id` (a number between 1 and 2^bits-1)
-    // `id` can be a Number or a String in the default radix (16)
-    /** @expose **/
-    SecretShare.newShare = function(id, shares) {
-        if (typeof id === 'string') {
-            id = parseInt(id, config.radix);
-        }
+        function isSetRNG() {
+            return typeof config.rng === 'function';
+        };
 
-        var share = processShare(shares[0]);
-        var max = Math.pow(2, share['bits']) - 1;
-
-        if (typeof id !== 'number' || id % 1 !== 0 || id < 1 || id > max) {
-            throw new Error('Share id must be an integer between 1 and ' + config.max + ', inclusive.');
-        }
-
-        var padding = max.toString(config.radix).length;
-        return config.bits.toString(36).toUpperCase() + padLeft(id.toString(config.radix), padding) +
-            combine(id, shares);
-    };
-
-    // Evaluate the Lagrange interpolation polynomial at x = `at`
-    // using x and y Arrays that are of the same length, with
-    // corresponding elements constituting points on the polynomial.
-    function lagrange(at, x, y) {
-        var sum = 0,
-            product,
-            i, j;
-
-        for (var i = 0, len = x.length; i < len; i++) {
-            if (!y[i]) {
-                continue;
+        // Generates a random bits-length number string using the PRNG
+        /** @expose **/
+        SecretShare.random = function(bits) {
+            if (!isSetRNG()) {
+                this.setRNG();
             }
 
-            product = config.logs[y[i]];
-            for (var j = 0; j < len; j++) {
-                if (i === j) {
+            if (typeof bits !== 'number' || bits % 1 !== 0 || bits < 2) {
+                throw new Error('Number of bits must be an integer greater than 1.')
+            }
+
+            if (config.unsafePRNG) {
+                warn();
+            }
+            return bin2hex(config.rng(bits));
+        }
+
+        // Divides a `secret` number String str expressed in radix `inputRadix` (optional, default 16)
+        // into `numShares` shares, each expressed in radix `outputRadix` (optional, default to `inputRadix`),
+        // requiring `threshold` number of shares to reconstruct the secret.
+        // Optionally, zero-pads the secret to a length that is a multiple of padLength before sharing.
+        /** @expose **/
+        SecretShare.share = function(secret, numShares, threshold, padLength, withoutPrefix) {
+            if (!isInited()) {
+                this.init();
+            }
+            if (!isSetRNG()) {
+                this.setRNG();
+            }
+
+            padLength = padLength || 0;
+
+            if (typeof secret !== 'string') {
+                throw new Error('Secret must be a string.');
+            }
+            if (typeof numShares !== 'number' || numShares % 1 !== 0 || numShares < 2) {
+                throw new Error('Number of shares must be an integer between 2 and 2^bits-1 (' + config.max +
+                    '), inclusive.')
+            }
+            if (numShares > config.max) {
+                var neededBits = Math.ceil(Math.log(numShares + 1) / Math.LN2);
+                throw new Error('Number of shares must be an integer between 2 and 2^bits-1 (' + config.max +
+                    '), inclusive. To create ' + numShares + ' shares, use at least ' + neededBits +
+                    ' bits.')
+            }
+            if (typeof threshold !== 'number' || threshold % 1 !== 0 || threshold < 2) {
+                throw new Error('Threshold number of shares must be an integer between 2 and 2^bits-1 (' +
+                    config.max + '), inclusive.');
+            }
+            if (threshold > config.max) {
+                var neededBits = Math.ceil(Math.log(threshold + 1) / Math.LN2);
+                throw new Error('Threshold number of shares must be an integer between 2 and 2^bits-1 (' +
+                    config.max + '), inclusive.  To use a threshold of ' + threshold +
+                    ', use at least ' + neededBits + ' bits.');
+            }
+            if (typeof padLength !== 'number' || padLength % 1 !== 0) {
+                throw new Error('Zero-pad length must be an integer greater than 1.');
+            }
+
+            if (config.unsafePRNG) {
+                warn();
+            }
+
+            secret = '1' + hex2bin(secret); // append a 1 so that we can preserve the correct number of leading zeros in our secret
+            secret = split(secret, padLength);
+            var x = new Array(numShares),
+                y = new Array(numShares);
+            for (var i = 0, len = secret.length; i < len; i++) {
+                var subShares = this._getShares(secret[i], numShares, threshold);
+                for (var j = 0; j < numShares; j++) {
+                    x[j] = x[j] || subShares[j].x.toString(config.radix);
+                    y[j] = padLeft(subShares[j].y.toString(2)) + (y[j] ? y[j] : '');
+                }
+            }
+            var padding = config.max.toString(config.radix).length;
+            if (withoutPrefix) {
+                for (var i = 0; i < numShares; i++) {
+                    x[i] = bin2hex(y[i]);
+                }
+            } else {
+                for (var i = 0; i < numShares; i++) {
+                    x[i] = config.bits.toString(36).toUpperCase() + padLeft(x[i], padding) + bin2hex(y[i]);
+                }
+            }
+
+            return x;
+        };
+
+        // This is the basic polynomial generation and evaluation function
+        // for a `config.bits`-length secret (NOT an arbitrary length)
+        // Note: no error-checking at this stage! If `secrets` is NOT
+        // a NUMBER less than 2^bits-1, the output will be incorrect!
+        /** @expose **/
+        SecretShare._getShares = function(secret, numShares, threshold) {
+            var shares = [];
+            var coeffs = [secret];
+
+            for (var i = 1; i < threshold; i++) {
+                coeffs[i] = parseInt(config.rng(config.bits), 2);
+            }
+            for (var i = 1, len = numShares + 1; i < len; i++) {
+                shares[i - 1] = {
+                    x: i,
+                    y: horner(i, coeffs)
+                }
+            }
+            return shares;
+        };
+
+        // Polynomial evaluation at `x` using Horner's Method
+        // TODO: this can possibly be sped up using other methods
+        // NOTE: fx=fx * x + coeff[i] ->  exp(log(fx) + log(x)) + coeff[i],
+        //       so if fx===0, just set fx to coeff[i] because
+        //       using the exp/log form will result in incorrect value
+        function horner(x, coeffs) {
+            var logx = config.logs[x];
+            var fx = 0;
+            for (var i = coeffs.length - 1; i >= 0; i--) {
+                if (fx === 0) {
+                    fx = coeffs[i];
                     continue;
                 }
-                if (at === x[j]) { // happens when computing a share that is in the list of shares used to compute it
-                    product = -1; // fix for a zero product term, after which the sum should be sum^0 = sum, not sum^1
-                    break;
+                fx = config.exps[(logx + config.logs[fx]) % config.max] ^ coeffs[i];
+            }
+            return fx;
+        };
+
+        function inArray(arr, val) {
+            for (var i = 0, len = arr.length; i < len; i++) {
+                if (arr[i] === val) {
+                    return true;
                 }
-                product = (product + config.logs[at ^ x[j]] - config.logs[x[i] ^ x[j]] + config.max /* to make sure it's not negative */ ) %
-                    config.max;
+            }
+            return false;
+        };
+
+        function processShare(share) {
+
+            var bits = parseInt(share[0], 36);
+            if (bits && (typeof bits !== 'number' || bits % 1 !== 0 || bits < defaults.minBits || bits >
+                    defaults.maxBits)) {
+                throw new Error('Number of bits must be an integer between ' + defaults.minBits + ' and ' +
+                    defaults.maxBits + ', inclusive.')
             }
 
-            sum = product === -1 ? sum : sum ^ config.exps[product]; // though exps[-1]= undefined and undefined ^ anything = anything in chrome, this behavior may not hold everywhere, so do the check
-        }
-        return sum;
-    };
+            var max = Math.pow(2, bits) - 1;
+            var idLength = max.toString(config.radix).length;
 
-    /** @expose **/
-    SecretShare._lagrange = lagrange;
-
-    // Splits a number string `bits`-length segments, after first
-    // optionally zero-padding it to a length that is a multiple of `padLength.
-    // Returns array of integers (each less than 2^bits-1), with each element
-    // representing a `bits`-length segment of the input string from right to left,
-    // i.e. parts[0] represents the right-most `bits`-length segment of the input string.
-    function split(str, padLength) {
-        if (padLength) {
-            str = padLeft(str, padLength)
-        }
-        var parts = [];
-        for (var i = str.length; i > config.bits; i -= config.bits) {
-            parts.push(parseInt(str.slice(i - config.bits, i), 2));
-        }
-        parts.push(parseInt(str.slice(0, i), 2));
-        return parts;
-    };
-
-    // Pads a string `str` with zeros on the left so that its length is a multiple of `bits`
-    function padLeft(str, bits) {
-        bits = bits || config.bits
-        var missing = str.length % bits;
-        return (missing ? new Array(bits - missing + 1).join('0') : '') + str;
-    };
-
-    function hex2bin(str) {
-        var bin = '',
-            num;
-        for (var i = str.length - 1; i >= 0; i--) {
-            num = parseInt(str[i], 16)
-            if (isNaN(num)) {
-                throw new Error('Invalid hex character.')
+            var id = parseInt(share.substr(1, idLength), config.radix);
+            if (typeof id !== 'number' || id % 1 !== 0 || id < 1 || id > max) {
+                throw new Error('Share id must be an integer between 1 and ' + config.max + ', inclusive.');
             }
-            bin = padLeft(num.toString(2), 4) + bin;
-        }
-        return bin;
-    }
-
-    function bin2hex(str) {
-        var hex = '',
-            num;
-        str = padLeft(str, 4);
-        for (var i = str.length; i >= 4; i -= 4) {
-            num = parseInt(str.slice(i - 4, i), 2);
-            if (isNaN(num)) {
-                throw new Error('Invalid binary character.')
+            share = share.substr(idLength + 1);
+            if (!share.length) {
+                throw new Error('Invalid share: zero-length share.')
             }
-            hex = num.toString(16) + hex;
-        }
-        return hex;
-    }
+            return {
+                'bits': bits,
+                'id': id,
+                'value': share
+            };
+        };
 
-    // Converts a given UTF16 character string to the HEX representation.
-    // Each character of the input string is represented by
-    // `bytesPerChar` bytes in the output string.
-    /** @expose **/
-    SecretShare.str2hex = function(str, bytesPerChar) {
-        if (typeof str !== 'string') {
-            throw new Error('Input must be a character string.');
-        }
-        bytesPerChar = bytesPerChar || defaults.bytesPerChar;
+        /** @expose **/
+        SecretShare._processShare = processShare;
 
-        if (typeof bytesPerChar !== 'number' || bytesPerChar % 1 !== 0 || bytesPerChar < 1 ||
-            bytesPerChar > defaults.maxBytesPerChar) {
-            throw new Error('Bytes per character must be an integer between 1 and ' + defaults.maxBytesPerChar +
-                ', inclusive.')
+        // Protected method that evaluates the Lagrange interpolation
+        // polynomial at x=`at` for individual config.bits-length
+        // segments of each share in the `shares` Array.
+        // Each share is expressed in base `inputRadix`. The output
+        // is expressed in base `outputRadix'
+        function combine(at, shares) {
+            var setBits, share, x = [],
+                y = [],
+                result = '',
+                idx;
+
+            for (var i = 0, len = shares.length; i < len; i++) {
+                share = processShare(shares[i]);
+                if (typeof setBits === 'undefined') {
+                    setBits = share['bits'];
+                } else if (share['bits'] !== setBits) {
+                    throw new Error('Mismatched shares: Different bit settings.')
+                }
+
+                if (config.bits !== setBits) {
+                    init(setBits);
+                }
+
+                if (inArray(x, share['id'])) { // repeated x value?
+                    continue;
+                }
+
+                idx = x.push(share['id']) - 1;
+                share = split(hex2bin(share['value']));
+                for (var j = 0, len2 = share.length; j < len2; j++) {
+                    y[j] = y[j] || [];
+                    y[j][idx] = share[j];
+                }
+            }
+
+            for (var i = 0, len = y.length; i < len; i++) {
+                result = padLeft(lagrange(at, x, y[i]).toString(2)) + result;
+            }
+
+            if (at === 0) { // reconstructing the secret
+                var idx = result.indexOf('1'); //find the first 1
+                return bin2hex(result.slice(idx + 1));
+            } else { // generating a new share
+                return bin2hex(result);
+            }
+        };
+
+        // Combine `shares` Array into the original secret
+        /** @expose **/
+        SecretShare.combine = function(shares) {
+            return combine(0, shares);
+        };
+
+        // Generate a new share with id `id` (a number between 1 and 2^bits-1)
+        // `id` can be a Number or a String in the default radix (16)
+        /** @expose **/
+        SecretShare.newShare = function(id, shares) {
+            if (typeof id === 'string') {
+                id = parseInt(id, config.radix);
+            }
+
+            var share = processShare(shares[0]);
+            var max = Math.pow(2, share['bits']) - 1;
+
+            if (typeof id !== 'number' || id % 1 !== 0 || id < 1 || id > max) {
+                throw new Error('Share id must be an integer between 1 and ' + config.max + ', inclusive.');
+            }
+
+            var padding = max.toString(config.radix).length;
+            return config.bits.toString(36).toUpperCase() + padLeft(id.toString(config.radix), padding) +
+                combine(id, shares);
+        };
+
+        // Evaluate the Lagrange interpolation polynomial at x = `at`
+        // using x and y Arrays that are of the same length, with
+        // corresponding elements constituting points on the polynomial.
+        function lagrange(at, x, y) {
+            var sum = 0,
+                product,
+                i, j;
+
+            for (var i = 0, len = x.length; i < len; i++) {
+                if (!y[i]) {
+                    continue;
+                }
+
+                product = config.logs[y[i]];
+                for (var j = 0; j < len; j++) {
+                    if (i === j) {
+                        continue;
+                    }
+                    if (at === x[j]) { // happens when computing a share that is in the list of shares used to compute it
+                        product = -1; // fix for a zero product term, after which the sum should be sum^0 = sum, not sum^1
+                        break;
+                    }
+                    product = (product + config.logs[at ^ x[j]] - config.logs[x[i] ^ x[j]] + config.max /* to make sure it's not negative */ ) %
+                        config.max;
+                }
+
+                sum = product === -1 ? sum : sum ^ config.exps[product]; // though exps[-1]= undefined and undefined ^ anything = anything in chrome, this behavior may not hold everywhere, so do the check
+            }
+            return sum;
+        };
+
+        /** @expose **/
+        SecretShare._lagrange = lagrange;
+
+        // Splits a number string `bits`-length segments, after first
+        // optionally zero-padding it to a length that is a multiple of `padLength.
+        // Returns array of integers (each less than 2^bits-1), with each element
+        // representing a `bits`-length segment of the input string from right to left,
+        // i.e. parts[0] represents the right-most `bits`-length segment of the input string.
+        function split(str, padLength) {
+            if (padLength) {
+                str = padLeft(str, padLength)
+            }
+            var parts = [];
+            for (var i = str.length; i > config.bits; i -= config.bits) {
+                parts.push(parseInt(str.slice(i - config.bits, i), 2));
+            }
+            parts.push(parseInt(str.slice(0, i), 2));
+            return parts;
+        };
+
+        // Pads a string `str` with zeros on the left so that its length is a multiple of `bits`
+        function padLeft(str, bits) {
+            bits = bits || config.bits
+            var missing = str.length % bits;
+            return (missing ? new Array(bits - missing + 1).join('0') : '') + str;
+        };
+
+        function hex2bin(str) {
+            var bin = '',
+                num;
+            for (var i = str.length - 1; i >= 0; i--) {
+                num = parseInt(str[i], 16)
+                if (isNaN(num)) {
+                    throw new Error('Invalid hex character.')
+                }
+                bin = padLeft(num.toString(2), 4) + bin;
+            }
+            return bin;
         }
 
-        var hexChars = 2 * bytesPerChar;
-        var max = Math.pow(16, hexChars) - 1;
-        var out = '',
-            num;
-        for (var i = 0, len = str.length; i < len; i++) {
-            num = str[i].charCodeAt();
-            if (isNaN(num)) {
-                throw new Error('Invalid character: ' + str[i]);
-            } else if (num > max) {
-                var neededBytes = Math.ceil(Math.log(num + 1) / Math.log(256));
-                throw new Error('Invalid character code (' + num +
-                    '). Maximum allowable is 256^bytes-1 (' + max +
-                    '). To convert this character, use at least ' + neededBytes + ' bytes.')
-            } else {
-                out = padLeft(num.toString(16), hexChars) + out;
+        function bin2hex(str) {
+            var hex = '',
+                num;
+            str = padLeft(str, 4);
+            for (var i = str.length; i >= 4; i -= 4) {
+                num = parseInt(str.slice(i - 4, i), 2);
+                if (isNaN(num)) {
+                    throw new Error('Invalid binary character.')
+                }
+                hex = num.toString(16) + hex;
+            }
+            return hex;
+        }
+
+        // Converts a given UTF16 character string to the HEX representation.
+        // Each character of the input string is represented by
+        // `bytesPerChar` bytes in the output string.
+        /** @expose **/
+        SecretShare.str2hex = function(str, bytesPerChar) {
+            if (typeof str !== 'string') {
+                throw new Error('Input must be a character string.');
+            }
+            bytesPerChar = bytesPerChar || defaults.bytesPerChar;
+
+            if (typeof bytesPerChar !== 'number' || bytesPerChar % 1 !== 0 || bytesPerChar < 1 ||
+                bytesPerChar > defaults.maxBytesPerChar) {
+                throw new Error('Bytes per character must be an integer between 1 and ' + defaults.maxBytesPerChar +
+                    ', inclusive.')
+            }
+
+            var hexChars = 2 * bytesPerChar;
+            var max = Math.pow(16, hexChars) - 1;
+            var out = '',
+                num;
+            for (var i = 0, len = str.length; i < len; i++) {
+                num = str[i].charCodeAt();
+                if (isNaN(num)) {
+                    throw new Error('Invalid character: ' + str[i]);
+                } else if (num > max) {
+                    var neededBytes = Math.ceil(Math.log(num + 1) / Math.log(256));
+                    throw new Error('Invalid character code (' + num +
+                        '). Maximum allowable is 256^bytes-1 (' + max +
+                        '). To convert this character, use at least ' + neededBytes + ' bytes.')
+                } else {
+                    out = padLeft(num.toString(16), hexChars) + out;
+                }
+            }
+            return out;
+        };
+
+        // Converts a given HEX number string to a UTF16 character string.
+        /** @expose **/
+        SecretShare.hex2str = function(str, bytesPerChar) {
+            if (typeof str !== 'string') {
+                throw new Error('Input must be a hexadecimal string.');
+            }
+            bytesPerChar = bytesPerChar || defaults.bytesPerChar;
+
+            if (typeof bytesPerChar !== 'number' || bytesPerChar % 1 !== 0 || bytesPerChar < 1 ||
+                bytesPerChar > defaults.maxBytesPerChar) {
+                throw new Error('Bytes per character must be an integer between 1 and ' + defaults.maxBytesPerChar +
+                    ', inclusive.')
+            }
+
+            var hexChars = 2 * bytesPerChar;
+            var out = '';
+            str = padLeft(str, hexChars);
+            for (var i = 0, len = str.length; i < len; i += hexChars) {
+                out = String.fromCharCode(parseInt(str.slice(i, i + hexChars), 16)) + out;
+            }
+            return out;
+        };
+
+        // by default, initialize without an RNG
+        SecretShare.init();
+    })();
+
+    //kbucket.js
+    (function() {
+        const getRandomValues = function(buf) {
+            if (typeof require === 'function') {
+                var bytes = require('crypto').randomBytes(buf.length);
+                buf.set(bytes)
+                return buf;
+            } else if (GLOBAL.crypto && GLOBAL.crypto.getRandomValues)
+                return GLOBAL.crypto.getRandomValues(buf);
+            else
+                return null;
+        }
+        // Kademlia DHT K-bucket implementation as a binary tree.
+        // by 'Tristan Slominski' under 'MIT License'
+        GLOBAL.BuildKBucket = function KBucket(options = {}) {
+            if (!(this instanceof KBucket))
+                return new KBucket(options);
+            this.localNodeId = options.localNodeId || getRandomValues(new Uint8Array(20))
+            this.numberOfNodesPerKBucket = options.numberOfNodesPerKBucket || 20
+            this.numberOfNodesToPing = options.numberOfNodesToPing || 3
+            this.distance = options.distance || this.distance
+            this.arbiter = options.arbiter || this.arbiter
+            this.metadata = Object.assign({}, options.metadata)
+
+            this.createNode = function() {
+                return {
+                    contacts: [],
+                    dontSplit: false,
+                    left: null,
+                    right: null
+                }
+            }
+
+            this.ensureInt8 = function(name, val) {
+                if (!(val instanceof Uint8Array))
+                    throw new TypeError(name + ' is not a Uint8Array')
+            }
+
+            this.arrayEquals = function(array1, array2) {
+                if (array1 === array2)
+                    return true
+                if (array1.length !== array2.length)
+                    return false
+                for (let i = 0, length = array1.length; i < length; ++i)
+                    if (array1[i] !== array2[i])
+                        return false
+                return true
+            }
+
+            this.ensureInt8('option.localNodeId as parameter 1', this.localNodeId)
+            this.root = this.createNode()
+
+            this.arbiter = function(incumbent, candidate) {
+                return incumbent.vectorClock > candidate.vectorClock ? incumbent : candidate
+            }
+
+            this.distance = function(firstId, secondId) {
+                let distance = 0
+                let i = 0
+                const min = Math.min(firstId.length, secondId.length)
+                const max = Math.max(firstId.length, secondId.length)
+                for (; i < min; ++i)
+                    distance = distance * 256 + (firstId[i] ^ secondId[i])
+                for (; i < max; ++i) distance = distance * 256 + 255
+                return distance
+            }
+
+            this.add = function(contact) {
+                this.ensureInt8('contact.id', (contact || {}).id)
+                let bitIndex = 0
+                let node = this.root
+                while (node.contacts === null)
+                    node = this._determineNode(node, contact.id, bitIndex++)
+                const index = this._indexOf(node, contact.id)
+                if (index >= 0) {
+                    this._update(node, index, contact)
+                    return this
+                }
+                if (node.contacts.length < this.numberOfNodesPerKBucket) {
+                    node.contacts.push(contact)
+                    return this
+                }
+                if (node.dontSplit)
+                    return this
+                this._split(node, bitIndex)
+                return this.add(contact)
+            }
+
+            this.closest = function(id, n = Infinity) {
+                this.ensureInt8('id', id)
+                if ((!Number.isInteger(n) && n !== Infinity) || n <= 0)
+                    throw new TypeError('n is not positive number')
+                let contacts = []
+                for (let nodes = [this.root], bitIndex = 0; nodes.length > 0 && contacts.length < n;) {
+                    const node = nodes.pop()
+                    if (node.contacts === null) {
+                        const detNode = this._determineNode(node, id, bitIndex++)
+                        nodes.push(node.left === detNode ? node.right : node.left)
+                        nodes.push(detNode)
+                    } else
+                        contacts = contacts.concat(node.contacts)
+                }
+                return contacts
+                    .map(a => [this.distance(a.id, id), a])
+                    .sort((a, b) => a[0] - b[0])
+                    .slice(0, n)
+                    .map(a => a[1])
+            }
+
+            this.count = function() {
+                let count = 0
+                for (const nodes = [this.root]; nodes.length > 0;) {
+                    const node = nodes.pop()
+                    if (node.contacts === null)
+                        nodes.push(node.right, node.left)
+                    else
+                        count += node.contacts.length
+                }
+                return count
+            }
+
+            this._determineNode = function(node, id, bitIndex) {
+                const bytesDescribedByBitIndex = bitIndex >> 3
+                const bitIndexWithinByte = bitIndex % 8
+                if ((id.length <= bytesDescribedByBitIndex) && (bitIndexWithinByte !== 0))
+                    return node.left
+                const byteUnderConsideration = id[bytesDescribedByBitIndex]
+                if (byteUnderConsideration & (1 << (7 - bitIndexWithinByte)))
+                    return node.right
+                return node.left
+            }
+
+            this.get = function(id) {
+                this.ensureInt8('id', id)
+                let bitIndex = 0
+                let node = this.root
+                while (node.contacts === null)
+                    node = this._determineNode(node, id, bitIndex++)
+                const index = this._indexOf(node, id)
+                return index >= 0 ? node.contacts[index] : null
+            }
+
+            this._indexOf = function(node, id) {
+                for (let i = 0; i < node.contacts.length; ++i)
+                    if (this.arrayEquals(node.contacts[i].id, id))
+                        return i
+                return -1
+            }
+
+            this.remove = function(id) {
+                this.ensureInt8('the id as parameter 1', id)
+                let bitIndex = 0
+                let node = this.root
+                while (node.contacts === null)
+                    node = this._determineNode(node, id, bitIndex++)
+                const index = this._indexOf(node, id)
+                if (index >= 0)
+                    node.contacts.splice(index, 1)[0]
+                return this
+            }
+
+            this._split = function(node, bitIndex) {
+                node.left = this.createNode()
+                node.right = this.createNode()
+                for (const contact of node.contacts)
+                    this._determineNode(node, contact.id, bitIndex).contacts.push(contact)
+                node.contacts = null
+                const detNode = this._determineNode(node, this.localNodeId, bitIndex)
+                const otherNode = node.left === detNode ? node.right : node.left
+                otherNode.dontSplit = true
+            }
+
+            this.toArray = function() {
+                let result = []
+                for (const nodes = [this.root]; nodes.length > 0;) {
+                    const node = nodes.pop()
+                    if (node.contacts === null)
+                        nodes.push(node.right, node.left)
+                    else
+                        result = result.concat(node.contacts)
+                }
+                return result
+            }
+
+            this._update = function(node, index, contact) {
+                if (!this.arrayEquals(node.contacts[index].id, contact.id))
+                    throw new Error('wrong index for _update')
+                const incumbent = node.contacts[index]
+                const selection = this.arbiter(incumbent, contact)
+                if (selection === incumbent && incumbent !== contact) return
+                node.contacts.splice(index, 1)
+                node.contacts.push(selection)
             }
         }
-        return out;
-    };
+    })();
 
-    // Converts a given HEX number string to a UTF16 character string.
-    /** @expose **/
-    SecretShare.hex2str = function(str, bytesPerChar) {
-        if (typeof str !== 'string') {
-            throw new Error('Input must be a hexadecimal string.');
-        }
-        bytesPerChar = bytesPerChar || defaults.bytesPerChar;
 
-        if (typeof bytesPerChar !== 'number' || bytesPerChar % 1 !== 0 || bytesPerChar < 1 ||
-            bytesPerChar > defaults.maxBytesPerChar) {
-            throw new Error('Bytes per character must be an integer between 1 and ' + defaults.maxBytesPerChar +
-                ', inclusive.')
-        }
-
-        var hexChars = 2 * bytesPerChar;
-        var out = '';
-        str = padLeft(str, hexChars);
-        for (var i = 0, len = str.length; i < len; i += hexChars) {
-            out = String.fromCharCode(parseInt(str.slice(i, i + hexChars), 16)) + out;
-        }
-        return out;
-    };
-
-    // by default, initialize without an RNG
-    SecretShare.init();
-})(typeof global !== 'undefined' ? global : window);
\ No newline at end of file
+})(typeof global !== "undefined" ? global : window);
\ No newline at end of file
diff --git a/setup/reset-password.js b/setup/reset-password.js
index 98c08e6..b0d0847 100644
--- a/setup/reset-password.js
+++ b/setup/reset-password.js
@@ -1,10 +1,10 @@
 const fs = require('fs');
 const getInput = require('./getInput');
 
-const floGlobals = require('../docs/scripts/floGlobals');
+global.floGlobals = require('../docs/scripts/floGlobals');
 require('../src/set_globals');
 require('../docs/scripts/lib');
-require('../docs/scripts/floCrypto');
+const floCrypto = require('../docs/scripts/floCrypto');
 
 console.log(__dirname);
 
diff --git a/src/main.js b/src/main.js
index 1f33dcb..5de3632 100644
--- a/src/main.js
+++ b/src/main.js
@@ -2,8 +2,8 @@
 global.floGlobals = require('../docs/scripts/floGlobals');
 require('./set_globals');
 require('../docs/scripts/lib');
-require('../docs/scripts/floCrypto');
-require('../docs/scripts/floBlockchainAPI');
+global.floCrypto = require('../docs/scripts/floCrypto');
+global.floBlockchainAPI = require('../docs/scripts/floBlockchainAPI');
 require('../docs/scripts/floTokenAPI');
 
 const Database = require("./database");

From 7092213826897a5a9522135870ad6dd337df14d6 Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Wed, 27 Apr 2022 00:29:51 +0530
Subject: [PATCH 044/168] Bug fixes

- Fixed: Trade balance not updated correctly
- Fixed: sell-chips were not checked correctly on placing sell orders
- Fixed: sell-chips not added when distributed
- Fixed: sell-chips (FLO) not added when deposited by launch-seller
- Fixed various bugs
- initialPrice will be added to priceHistory table (initially)
---
 args/schema.sql      |  8 ++++----
 args/truncateAll.sql |  6 ++++--
 src/coupling.js      | 32 +++++++++++++++++-------------
 src/market.js        | 47 +++++++++++++++++++++++---------------------
 src/price.js         |  8 +++++---
 5 files changed, 56 insertions(+), 45 deletions(-)

diff --git a/args/schema.sql b/args/schema.sql
index a07a8a3..8d677c9 100644
--- a/args/schema.sql
+++ b/args/schema.sql
@@ -48,7 +48,7 @@ CREATE TABLE UserBalance (
     quantity DECIMAL(16, 8) NOT NULL DEFAULT 0,
     PRIMARY KEY(floID, token),
     KEY(id)
-)
+);
 
 CREATE TABLE SellChips (
     id INT NOT NULL AUTO_INCREMENT,
@@ -77,7 +77,7 @@ CREATE TABLE Distributors(
     KEY(id),
     PRIMARY KEY(floID, asset),
     FOREIGN KEY (asset) REFERENCES AssetList(asset)
-)
+);
 
 /* User Requests */
 
@@ -213,7 +213,7 @@ CREATE TABLE AuditTrade(
 /* Backup Feature (Tables & Triggers) */
 
 CREATE TABLE _backup (
-    t_name TINYTEXT,
+    t_name VARCHAR(64),
     id INT,
     mode BOOLEAN DEFAULT TRUE,
     timestamp TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
@@ -222,7 +222,7 @@ CREATE TABLE _backup (
 
 CREATE table _backupCache(
     id INT AUTO_INCREMENT,
-    t_name TINYTEXT,
+    t_name VARCHAR(64),
     data_cache LONGTEXT,
     status BOOLEAN,
     PRIMARY KEY(id)
diff --git a/args/truncateAll.sql b/args/truncateAll.sql
index a0a546a..b565e79 100644
--- a/args/truncateAll.sql
+++ b/args/truncateAll.sql
@@ -1,8 +1,9 @@
 /* Node data */
 TRUNCATE _backup;
+TRUNCATE _backupCache;
 TRUNCATE AuditTrade;
 TRUNCATE BuyOrder;
-TRUNCATE Cash;
+TRUNCATE Distributors;
 TRUNCATE InputFLO;
 TRUNCATE InputToken;
 TRUNCATE OutputFLO;
@@ -10,11 +11,12 @@ TRUNCATE OutputToken;
 TRUNCATE PriceHistory;
 TRUNCATE RequestLog;
 TRUNCATE SellOrder;
+TRUNCATE UserBalance;
 TRUNCATE UserSession;
 TRUNCATE UserTag;
 TRUNCATE TransferTransactions;
 TRUNCATE TradeTransactions;
-TRUNCATE Vault;
+TRUNCATE SellChips;
 
 /* Blockchain data */
 TRUNCATE LastTx;
diff --git a/src/coupling.js b/src/coupling.js
index 4483c91..febdf98 100644
--- a/src/coupling.js
+++ b/src/coupling.js
@@ -74,9 +74,7 @@ function processCoupling(asset, cur_rate) {
         //console.debug("Sell:", best.sell);
         //console.debug("Buy:", best.buy);
         let quantity = Math.min(best.buy.quantity, best.sell.quantity, best.sell.chip_quantity);
-        let txQueries = [];
-        processOrders(best.sell, best.buy, txQueries, quantity);
-        updateBalance(best.sell, best.buy, txQueries, asset, cur_rate, quantity);
+        let txQueries = processOrders(best.sell, best.buy, asset, cur_rate, quantity);
         //begin audit
         beginAudit(best.sell.floID, best.buy.floID, asset, cur_rate, quantity).then(audit => {
             //process txn query in SQL
@@ -92,7 +90,7 @@ function processCoupling(asset, cur_rate) {
         let noBuy, noSell;
         if (error.buy === undefined)
             noBuy = false;
-        else if (error.buy !== false) {
+        else if (error.buy !== null) {
             console.error(error.buy);
             noBuy = null;
         } else {
@@ -101,7 +99,7 @@ function processCoupling(asset, cur_rate) {
         }
         if (error.sell === undefined)
             noSell = false;
-        else if (error.sell !== false) {
+        else if (error.sell !== null) {
             console.error(error.sell);
             noSell = null;
         } else {
@@ -112,35 +110,39 @@ function processCoupling(asset, cur_rate) {
     });
 }
 
-function processOrders(seller_best, buyer_best, txQueries, quantity) {
+function processOrders(seller_best, buyer_best, asset, cur_rate, quantity) {
+    let txQueries = [];
     if (quantity > buyer_best.quantity || quantity > seller_best.quantity)
         throw Error("Tx quantity cannot be more than order quantity");
+
     //Process Buy Order
     if (quantity == buyer_best.quantity)
         txQueries.push(["DELETE FROM BuyOrder WHERE id=?", [buyer_best.id]]);
     else
         txQueries.push(["UPDATE BuyOrder SET quantity=quantity-? WHERE id=?", [quantity, buyer_best.id]]);
+
     //Process Sell Order
     if (quantity == seller_best.quantity)
         txQueries.push(["DELETE FROM SellOrder WHERE id=?", [seller_best.id]]);
     else
         txQueries.push(["UPDATE SellOrder SET quantity=quantity-? WHERE id=?", [quantity, seller_best.id]]);
+
     //Process Sell Chip
     if (quantity == seller_best.chip_quantity)
         txQueries.push(["DELETE FROM SellChips WHERE id=?", [seller_best.chip_id]]);
     else
         txQueries.push(["UPDATE SellChips SET quantity=quantity-? WHERE id=?", [quantity, seller_best.chip_id]]);
-}
 
-function updateBalance(seller_best, buyer_best, txQueries, asset, cur_price, quantity) {
     //Update cash/asset balance for seller and buyer
-    let totalAmount = cur_price * quantity;
+    let totalAmount = cur_rate * quantity;
     txQueries.push(updateBalance.add(seller_best.floID, floGlobals.currency, totalAmount));
     txQueries.push(updateBalance.consume(buyer_best.floID, floGlobals.currency, totalAmount));
-    txQueries.push(updateBalance.add(seller_best.floID, asset, totalAmount));
-    txQueries.push(updateBalance.consume(buyer_best.floID, asset, totalAmount));
+    txQueries.push(updateBalance.consume(seller_best.floID, asset, quantity));
+    txQueries.push(updateBalance.add(buyer_best.floID, asset, quantity));
+
     //Add SellChips to Buyer
-    txQueries.push(["INSERT INTO SellChips(floID, asset, base, quantity) VALUES (?, ?, ?, ?)", [buyer_best.floID, asset, cur_price, quantity]])
+    txQueries.push(["INSERT INTO SellChips(floID, asset, base, quantity) VALUES (?, ?, ?, ?)", [buyer_best.floID, asset, cur_rate, quantity]])
+
     //Record transaction
     let time = Date.now();
     let hash = TRADE_HASH_PREFIX + Crypto.SHA256(JSON.stringify({
@@ -148,13 +150,15 @@ function updateBalance(seller_best, buyer_best, txQueries, asset, cur_price, qua
         buyer: buyer_best.floID,
         asset: asset,
         quantity: quantity,
-        unitValue: cur_price,
+        unitValue: cur_rate,
         tx_time: time,
     }));
     txQueries.push([
         "INSERT INTO TradeTransactions (seller, buyer, asset, quantity, unitValue, tx_time, txid) VALUES (?, ?, ?, ?, ?, ?, ?)",
-        [seller_best.floID, buyer_best.floID, asset, quantity, cur_price, global.convertDateToString(time), hash]
+        [seller_best.floID, buyer_best.floID, asset, quantity, cur_rate, global.convertDateToString(time), hash]
     ]);
+
+    return txQueries;
 }
 
 function beginAudit(sellerID, buyerID, asset, unit_price, quantity) {
diff --git a/src/market.js b/src/market.js
index d9a5476..b59b1bb 100644
--- a/src/market.js
+++ b/src/market.js
@@ -134,7 +134,7 @@ function addSellOrder(floID, asset, quantity, min_price) {
         else if (!assetList.includes(asset))
             return reject(INVALID(`Invalid asset (${asset})`));
         getAssetBalance.check(floID, asset, quantity).then(_ => {
-            checkSellRequirement(floID, asset).then(_ => {
+            checkSellRequirement(floID, asset, quantity).then(_ => {
                 DB.query("INSERT INTO SellOrder(floID, asset, quantity, minPrice) VALUES (?, ?, ?, ?)", [floID, asset, quantity, min_price])
                     .then(result => resolve('Sell Order placed successfully'))
                     .catch(error => reject(error));
@@ -148,9 +148,9 @@ const checkSellRequirement = (floID, asset, quantity) => new Promise((resolve, r
         DB.query("SELECT IFNULL(SUM(quantity), 0) AS total_chips FROM SellChips WHERE floID=? AND asset=?", [floID, asset]),
         DB.query("SELECT IFNULL(SUM(quantity), 0) AS locked FROM SellOrder WHERE floID=? AND asset=?", [floID, asset])
     ]).then(result => {
-        let total = result[0].total_chips,
-            locked = result[1].locked;
-        if (total > locked + quantity)
+        let total = result[0][0].total_chips,
+            locked = result[1][0].locked;
+        if (total >= locked + quantity)
             resolve(true);
         else
             reject(INVALID(`Insufficient sell-chips for ${asset}`));
@@ -283,7 +283,7 @@ function transferToken(sender, receivers, token) {
                 checkDistributor(sender, token).then(result => {
                     if (result)
                         for (let floID in receivers)
-                            txQueries.push(["INSERT INTO Vault (floID, asset, quantity) VALUES (?, ?, ?)", [floID, token, receivers[floID]]]);
+                            txQueries.push(["INSERT INTO SellChips (floID, asset, quantity) VALUES (?, ?, ?)", [floID, token, receivers[floID]]]);
                     let time = Date.now();
                     let hash = TRANSFER_HASH_PREFIX + Crypto.SHA256(JSON.stringify({
                         sender: sender,
@@ -329,13 +329,14 @@ function confirmDepositFLO() {
     DB.query("SELECT id, floID, txid FROM InputFLO WHERE status=?", ["PENDING"]).then(results => {
         results.forEach(req => {
             confirmDepositFLO.checkTx(req.floID, req.txid).then(amount => {
-                let txQueries = [];
-                txQueries.push(updateBalance.add(req.floID, "FLO", amount));
-                txQueries.push(["UPDATE InputFLO SET status=?, amount=? WHERE id=?", ["SUCCESS", amount, req.id]]);
-
-                DB.transaction(txQueries)
-                    .then(result => console.debug("FLO deposited:", req.floID, amount))
-                    .catch(error => console.error(error))
+                confirmDepositFLO.addSellChipsIfLaunchSeller(req.floID, amount).then(txQueries => {
+                    txQueries.push(updateBalance.add(req.floID, "FLO", amount));
+                    txQueries.push(["UPDATE InputFLO SET status=?, amount=? WHERE id=?", ["SUCCESS", amount, req.id]]);
+                    console.debug(txQueries)
+                    DB.transaction(txQueries)
+                        .then(result => console.debug("FLO deposited:", req.floID, amount))
+                        .catch(error => console.error(error))
+                }).catch(error => console.error(error))
             }).catch(error => {
                 console.error(error);
                 if (error[0])
@@ -372,20 +373,22 @@ confirmDepositFLO.checkTx = function(sender, txid) {
 
 confirmDepositFLO.addSellChipsIfLaunchSeller = function(floID, quantity) {
     return new Promise((resolve, reject) => {
-        checkTag(req.floID, LAUNCH_SELLER_TAG).then(result => {
+        checkTag(floID, LAUNCH_SELLER_TAG).then(result => {
             if (result) //floID is launch-seller
                 Promise.all([
-                    DB.query("SELECT SUM(quantity) FROM TradeTransactions WHERE seller=? AND asset=?", [floID, 'FLO']),
-                    DB.query("SELECT SUM(quantity) FROM TradeTransactions WHERE buyer=? AND asset=?", [floID, 'FLO']),
-                    DB.query("SELECT SUM(quantity) FROM SellChips WHERE floID=? AND asset=?", [floID, 'FLO']),
+                    DB.query("SELECT IFNULL(SUM(quantity), 0) AS sold FROM TradeTransactions WHERE seller=? AND asset=?", [floID, 'FLO']),
+                    DB.query("SELECT IFNULL(SUM(quantity), 0) AS brought FROM TradeTransactions WHERE buyer=? AND asset=?", [floID, 'FLO']),
+                    DB.query("SELECT IFNULL(SUM(quantity), 0) AS chips FROM SellChips WHERE floID=? AND asset=?", [floID, 'FLO']),
                 ]).then(result => {
-                    let sold = result[0],
-                        brought = result[1],
-                        chips = result[2];
+                    let sold = result[0][0].sold,
+                        brought = result[1][0].brought,
+                        chips = result[2][0].chips;
                     let remLaunchChips = MAXIMUM_LAUNCH_SELL_CHIPS - (sold + chips) + brought;
                     quantity = Math.min(quantity, remLaunchChips);
                     if (quantity > 0)
-                        resolve(["INSERT INTO SellChips(floID, asset, quantity) VALUES (?, ?, ?)", [floID, 'FLO', quantity]]);
+                        resolve([
+                            ["INSERT INTO SellChips(floID, asset, quantity) VALUES (?, ?, ?)", [floID, 'FLO', quantity]]
+                        ]);
                     else
                         resolve([]);
                 }).catch(error => reject(error))
@@ -613,7 +616,7 @@ function removeTag(floID, tag) {
 }
 
 function checkTag(floID, tag) {
-    new Promise((resolve, reject) => {
+    return new Promise((resolve, reject) => {
         DB.query("SELECT id FROM UserTag WHERE floID=? AND tag=?", [floID, tag])
             .then(result => resolve(result.length ? true : false))
             .catch(error => reject(error))
@@ -644,7 +647,7 @@ function removeDistributor(floID, asset) {
 }
 
 function checkDistributor(floID, asset) {
-    new Promise((resolve, reject) => {
+    return new Promise((resolve, reject) => {
         DB.query("SELECT id FROM Distributors WHERE floID=? AND asset=?", [floID, asset])
             .then(result => resolve(result.length ? true : false))
             .catch(error => reject(error))
diff --git a/src/price.js b/src/price.js
index 3c6e91a..eb9ef4a 100644
--- a/src/price.js
+++ b/src/price.js
@@ -85,9 +85,11 @@ function loadRate(asset) {
             if (result.length)
                 resolve(currentRate[asset] = result[0].rate);
             else
-                DB.query("SELECT initialPrice FROM AssetList WHERE asset=?", [asset])
-                .then(result => resolve(currentRate[asset] = result[0].initialPrice))
-                .catch(error => reject(error))
+                DB.query("SELECT initialPrice FROM AssetList WHERE asset=?", [asset]).then(result => {
+                    currentRate[asset] = result[0].initialPrice;
+                    storeHistory(asset, currentRate[asset]);
+                    resolve(currentRate[asset]);
+                }).catch(error => reject(error))
         }).catch(error => reject(error));
     })
 }

From 9de6cdc6268f34a1795db19ad2a1a25375cc3109 Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Sat, 30 Apr 2022 04:41:28 +0530
Subject: [PATCH 045/168] Bug fix: user page UI

- Fixed: Account detail not loading
---
 docs/index.html | 28 ++++++++++++++--------------
 1 file changed, 14 insertions(+), 14 deletions(-)

diff --git a/docs/index.html b/docs/index.html
index fbd788a..032801e 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -2125,30 +2125,30 @@
                 document.querySelectorAll(".user-content").forEach(elem => elem.classList.remove('hide'))
                 getRef("user_id").value = acc.floID;
                 getRef("sink_id").value = acc.sinkID;
+                // rupee balance init
+                allTokens[floGlobals.currency] = {
+                    total: 0,
+                    locked: 0,
+                    net: 0
+                }
                 // token balance
-                acc.vault.forEach(({ asset, quantity }) => {
-                    allTokens[asset] = {
-                        total: 0,
+                acc.tokenBalance.forEach(({ token, quantity }) => {
+                    allTokens[token] = {
+                        total: quantity,
                         locked: 0,
                         net: 0
                     }
-                    allTokens[asset].total += quantity
-                })
-                acc.sellOrders.forEach(({ quantity }) => {
+                })                   
+                acc.sellOrders.forEach(({ asset, quantity }) => {
                     allTokens[asset].locked += quantity
                 })
-                for (const asset in allTokens) {
-                    allTokens[asset].net = allTokens[asset].total - allTokens[asset].locked
+                allTokens[floGlobals.currency].locked = acc.buyOrders.reduce((a, x) => a + x.quantity * x.maxPrice, 0)
+                for (const token in allTokens) {
+                    allTokens[token].net = allTokens[token].total - allTokens[token].locked
                 }
                 console.debug("FLO", allTokens['FLO']);
                 console.log(await floExchangeAPI.getBalance(acc.floID))
 
-                //Rupee Balance
-                allTokens['rupee'] = {
-                    total: acc.cash,
-                    locked: acc.buyOrders.reduce((a, x) => a + x.quantity * x.maxPrice, 0),
-                }
-                allTokens['rupee'].net = allTokens['rupee'].total - allTokens['rupee'].locked
                 console.debug("RUPEE", allTokens['rupee']);
 
                 // render all assets in wallet

From 05a4aa4f185054c0ee27eb849a99a7448a959366 Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Sun, 1 May 2022 15:40:36 +0530
Subject: [PATCH 046/168] minor bug fix

---
 docs/index.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/index.html b/docs/index.html
index 032801e..c4a4fcc 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -1693,7 +1693,7 @@
                 }
             }
             catch (err) {
-                if ((err.message || err) === 'Insufficient rupe balance') {
+                if ((err.message || err) === 'Insufficient rupee balance') {
                     showWalletResult('error', `Failed`, err.message || err, 'open-upi')
                 } else {
                     showWalletResult('error', `Failed`, err.message || err)
@@ -2138,7 +2138,7 @@
                         locked: 0,
                         net: 0
                     }
-                })                   
+                })
                 acc.sellOrders.forEach(({ asset, quantity }) => {
                     allTokens[asset].locked += quantity
                 })

From eaa7d8011dfca9430c8c4640e16181463419b6b0 Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Sun, 1 May 2022 17:27:19 +0530
Subject: [PATCH 047/168] Added loading when refreshing wallet balance

---
 docs/css/main.css                   | 23 ++++++++++---
 docs/css/main.min.css               |  2 +-
 docs/css/main.scss                  | 20 +++++++++---
 docs/index.html                     | 50 +++++++++++++++++++++++++----
 docs/{css => scripts}/components.js |  4 +--
 5 files changed, 82 insertions(+), 17 deletions(-)
 rename docs/{css => scripts}/components.js (99%)

diff --git a/docs/css/main.css b/docs/css/main.css
index 50eb702..871524b 100644
--- a/docs/css/main.css
+++ b/docs/css/main.css
@@ -569,6 +569,18 @@ sm-checkbox {
   margin-top: 2rem;
 }
 
+.multi-state-button {
+  display: grid;
+  text-align: center;
+  align-items: center;
+}
+.multi-state-button > * {
+  grid-area: 1/1/2/2;
+}
+.multi-state-button button {
+  z-index: 1;
+}
+
 #home {
   height: 100%;
   display: flex;
@@ -1149,11 +1161,11 @@ sm-checkbox {
     grid-area: nav;
     flex-direction: column;
     height: 100%;
-    padding: 0 0.5rem;
+    padding-left: 0.5rem;
   }
 
   .main_navbar__item {
-    padding: 1.5rem 1rem;
+    padding: 1.5rem 2rem 1.5rem 1rem;
     width: 100%;
     flex: 0;
     flex-direction: row;
@@ -1212,7 +1224,10 @@ sm-checkbox {
     background-color: var(--accent-color);
   }
 }
-@media screen and (max-width: 64rem) and (min-width: 40rem) {
+@media screen and (max-width: 80rem) {
+  .main_navbar__item {
+    padding: 1.5rem 1rem;
+  }
   .main_navbar__item .icon {
     margin-right: 0;
   }
@@ -1222,7 +1237,7 @@ sm-checkbox {
 }
 @media screen and (min-width: 64rem) {
   #home {
-    grid-template-columns: 10rem 1fr;
+    grid-template-columns: auto 1fr;
   }
 
   #asset_page {
diff --git a/docs/css/main.min.css b/docs/css/main.min.css
index 8dd4c26..b450c2a 100644
--- a/docs/css/main.min.css
+++ b/docs/css/main.min.css
@@ -1 +1 @@
-*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #504dff;--text-color: 20, 20, 20;--background-color: 240, 240, 240;--foreground-color: 250, 250, 250;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a3a1ff;--text-color: 220, 220, 220;--background-color: 10, 10, 10;--foreground-color: 24, 24, 24;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{color:var(--accent-color)}button,.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;cursor:pointer;transition:transform .3s;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.button{white-space:nowrap;padding:.6rem 1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.06);color:rgba(var(--text-color), 0.8);justify-content:center}.button--primary{background-color:var(--accent-color);color:rgba(var(--background-color), 1)}button:disabled{opacity:.5}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}ul{list-style:none}.flex{display:flex}.grid{display:grid}.hide{opacity:0;pointer-events:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.breakable{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.h1{font-size:1.5rem}.h2{font-size:1.2rem}.h3{font-size:1rem}.h4{font-size:.9rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.6rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem 0 .8rem;align-items:center;grid-template-columns:auto 1fr auto}.popup__header__close{padding:.5rem;cursor:pointer}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;width:100%;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:1rem}.logo h4{text-transform:capitalize;font-size:.9rem;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}details[open]>summary{margin-bottom:1rem}details[open]>summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up sm-copy{font-size:.9rem;--button-border-radius: 0.5rem}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:grid;gap:1rem;padding:1.5rem;width:100%;align-items:center;grid-template-columns:1fr auto auto;grid-column:1/-1}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto;padding:0 1.5rem}#pages_container>*{min-width:min(26rem,100%)}.listed-asset{position:relative;grid-template-columns:auto 1fr auto;gap:.5rem;padding:1rem 0;border-radius:.5rem;opacity:.8;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit}.listed-asset__icon{display:flex}.listed-asset__icon .icon{height:1.5rem;width:1.5rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{display:flex;flex-direction:column;height:100%}#asset_page__nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}#asset_page__nav .icon-only{margin-left:-0.7rem}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(42rem,100%);grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:.5rem 1.5rem .5rem .5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content;border-radius:.5rem}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{padding:1rem;cursor:pointer}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.transaction-card{grid-template-columns:repeat(3, 1fr) 2rem}.transaction-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type{color:var(--green)}.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type{color:var(--danger-color)}.transaction-card__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.transaction-card__quantity,.transaction-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}#market_orders_list .list__header{font-size:.8rem;font-weight:500}#market_orders_list .list__header div{padding:.5rem 0}#market_orders_list .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}#wallet{display:grid;width:auto;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem}.balance-card{display:grid;align-items:center;gap:0 .5rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1);padding:.5rem}.balance-card.is-locked{padding:1rem .5rem;grid-template-columns:auto 1fr auto;gap:.5rem}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:2/3;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#wallet_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.hide-on-mobile{display:none !important}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#price_chart_container{flex:1}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.h1{font-size:2rem}.h2{font-size:1.8rem}.h3{font-size:1.3rem}.h4{font-size:1rem}.popup__header{padding:1rem 1.5rem 0 .8rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding:0 .5rem}.main_navbar__item{padding:1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:16rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (max-width: 64rem)and (min-width: 40rem){.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 64rem){#home{grid-template-columns:10rem 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#asset_page__nav{grid-column:1/-1}#wallet{gap:1rem 2rem;grid-template-columns:20rem 24rem}#wallet__header{grid-column:1/3;padding-bottom:1rem}#wallet .balance-card{border:solid thin rgba(var(--text-color), 0.2)}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{opacity:0;transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}.transaction-card button{opacity:0;transition:opacity .3s}.transaction-card:hover button{opacity:1}}
\ No newline at end of file
+*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #504dff;--text-color: 20, 20, 20;--background-color: 240, 240, 240;--foreground-color: 250, 250, 250;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a3a1ff;--text-color: 220, 220, 220;--background-color: 10, 10, 10;--foreground-color: 24, 24, 24;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{color:var(--accent-color)}button,.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;cursor:pointer;transition:transform .3s;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.button{white-space:nowrap;padding:.6rem 1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.06);color:rgba(var(--text-color), 0.8);justify-content:center}.button--primary{background-color:var(--accent-color);color:rgba(var(--background-color), 1)}button:disabled{opacity:.5}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}ul{list-style:none}.flex{display:flex}.grid{display:grid}.hide{opacity:0;pointer-events:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.breakable{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.h1{font-size:1.5rem}.h2{font-size:1.2rem}.h3{font-size:1rem}.h4{font-size:.9rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.6rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem 0 .8rem;align-items:center;grid-template-columns:auto 1fr auto}.popup__header__close{padding:.5rem;cursor:pointer}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;width:100%;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:1rem}.logo h4{text-transform:capitalize;font-size:.9rem;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}details[open]>summary{margin-bottom:1rem}details[open]>summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up sm-copy{font-size:.9rem;--button-border-radius: 0.5rem}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:grid;gap:1rem;padding:1.5rem;width:100%;align-items:center;grid-template-columns:1fr auto auto;grid-column:1/-1}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto;padding:0 1.5rem}#pages_container>*{min-width:min(26rem,100%)}.listed-asset{position:relative;grid-template-columns:auto 1fr auto;gap:.5rem;padding:1rem 0;border-radius:.5rem;opacity:.8;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit}.listed-asset__icon{display:flex}.listed-asset__icon .icon{height:1.5rem;width:1.5rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{display:flex;flex-direction:column;height:100%}#asset_page__nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}#asset_page__nav .icon-only{margin-left:-0.7rem}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(42rem,100%);grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:.5rem 1.5rem .5rem .5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content;border-radius:.5rem}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{padding:1rem;cursor:pointer}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.transaction-card{grid-template-columns:repeat(3, 1fr) 2rem}.transaction-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type{color:var(--green)}.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type{color:var(--danger-color)}.transaction-card__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.transaction-card__quantity,.transaction-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}#market_orders_list .list__header{font-size:.8rem;font-weight:500}#market_orders_list .list__header div{padding:.5rem 0}#market_orders_list .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}#wallet{display:grid;width:auto;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem}.balance-card{display:grid;align-items:center;gap:0 .5rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1);padding:.5rem}.balance-card.is-locked{padding:1rem .5rem;grid-template-columns:auto 1fr auto;gap:.5rem}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:2/3;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#wallet_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.hide-on-mobile{display:none !important}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#price_chart_container{flex:1}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.h1{font-size:2rem}.h2{font-size:1.8rem}.h3{font-size:1.3rem}.h4{font-size:1rem}.popup__header{padding:1rem 1.5rem 0 .8rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:16rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (max-width: 80rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#asset_page__nav{grid-column:1/-1}#wallet{gap:1rem 2rem;grid-template-columns:20rem 24rem}#wallet__header{grid-column:1/3;padding-bottom:1rem}#wallet .balance-card{border:solid thin rgba(var(--text-color), 0.2)}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{opacity:0;transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}.transaction-card button{opacity:0;transition:opacity .3s}.transaction-card:hover button{opacity:1}}
\ No newline at end of file
diff --git a/docs/css/main.scss b/docs/css/main.scss
index 95f5688..27fc0ef 100644
--- a/docs/css/main.scss
+++ b/docs/css/main.scss
@@ -541,6 +541,17 @@ sm-checkbox {
     margin-top: 2rem;
   }
 }
+.multi-state-button {
+  display: grid;
+  text-align: center;
+  align-items: center;
+  & > * {
+    grid-area: 1/1/2/2;
+  }
+  button {
+    z-index: 1;
+  }
+}
 #home {
   height: 100%;
   display: flex;
@@ -1059,10 +1070,10 @@ sm-checkbox {
     grid-area: nav;
     flex-direction: column;
     height: 100%;
-    padding: 0 0.5rem;
+    padding-left: 0.5rem;
   }
   .main_navbar__item {
-    padding: 1.5rem 1rem;
+    padding: 1.5rem 2rem 1.5rem 1rem;
     width: 100%;
     flex: 0;
     flex-direction: row;
@@ -1118,8 +1129,9 @@ sm-checkbox {
     }
   }
 }
-@media screen and (max-width: 64rem) and (min-width: 40rem) {
+@media screen and (max-width: 80rem) {
   .main_navbar__item {
+    padding: 1.5rem 1rem;
     .icon {
       margin-right: 0;
     }
@@ -1130,7 +1142,7 @@ sm-checkbox {
 }
 @media screen and (min-width: 64rem) {
   #home {
-    grid-template-columns: 10rem 1fr;
+    grid-template-columns: auto 1fr;
   }
   #asset_page {
     display: grid;
diff --git a/docs/index.html b/docs/index.html
index c4a4fcc..d8be5c4 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -8,7 +8,7 @@
     <title>RanchiMall exchange</title>
     <meta name="description" content="Trade FLO and FLO based RanchiMall tokens.">
 
-    <script src="css/components.js" defer></script>
+    <script src="scripts/components.js" defer></script>
     <link rel="stylesheet" href="css/main.min.css">
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
@@ -282,9 +282,12 @@
                 <div class="grid gap-0-5">
                     <div class="flex align-center space-between">
                         <h4>Balance</h4>
-                        <button class="button" onclick="refresh();" title="Refresh">
-                            Refresh
-                        </button>
+                        <div class="multi-state-button">
+                            <button id="wallet_balance_refresh_button" class="button" onclick="updateRate(false,this);"
+                                title="Refresh">
+                                Refresh
+                            </button>
+                        </div>
                     </div>
                     <ul id="my_assets" class="grid"></ul>
                 </div>
@@ -1156,6 +1159,36 @@
         handleMobileChange(mobileQuery)
     </script>
     <script>
+        function buttonLoader(id, show) {
+            getRef(id).disabled = show;
+            const animOptions = {
+                duration: 200,
+                fill: 'forwards',
+                easing: 'ease'
+            }
+            if (show) {
+                try {
+                    getRef(id).animate([
+                        {
+                            clipPath: 'circle(100%)',
+                        },
+                        {
+                            clipPath: 'circle(0)',
+                        },
+                    ], animOptions).onfinish = e => {
+                        e.target.commitStyles()
+                        e.target.cancel()
+                    }
+                    getRef(id).parentNode.append(createElement('sm-spinner'))
+                } catch (e) {
+                    console.log(e)
+                }
+            } else {
+                getRef(id).style = ''
+                const potentialTarget = getRef(id).parentNode.querySelector('sm-spinner')
+                if (potentialTarget) potentialTarget.remove();
+            }
+        }
         const listedAssets = {
             rupee: {
                 icon: `<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
@@ -2043,7 +2076,9 @@
             }
         }
 
-        function updateRate(init = false) {
+        function updateRate(init = false, refreshButton) {
+            if (refreshButton)
+                buttonLoader('wallet_balance_refresh_button', true);
             floExchangeAPI.getRates().then(rates => {
                 console.debug(rates);
                 if (init) {
@@ -2081,7 +2116,8 @@
                 }
                 if (pagesData.params.hasOwnProperty('asset' && pagesData.params.asset !== ''))
                     getRef('get_price').value = parseFloat(parseFloat(rates[pagesData.params.asset]).toFixed(4))
-
+                if (refreshButton)
+                    buttonLoader('wallet_balance_refresh_button', false);
             }).catch(error => console.error(error.message))
         }
 
@@ -2117,6 +2153,8 @@
         async function account() {
             floExchangeAPI.getAccount(proxy.userID, await proxy.secret).then(async acc => {
                 document.body.classList.add('is-signed-in');
+                // save login time
+                localStorage.setItem(`${acc.floID}_last_login`, Date.now());
                 getRef("login_form").classList.add('hide')
                 getRef('user_popup_button').classList.remove('hide')
                 accountDetails = acc
diff --git a/docs/css/components.js b/docs/scripts/components.js
similarity index 99%
rename from docs/css/components.js
rename to docs/scripts/components.js
index 0052889..d8b097d 100644
--- a/docs/css/components.js
+++ b/docs/scripts/components.js
@@ -1519,8 +1519,8 @@ spinner.innerHTML = `
             box-sizing: border-box;
 }
 .loader {
-    height: var(--size, 1.5rem);
-    width: var(--size, 1.5rem);
+    height: var(--size, 1.2rem);
+    width: var(--size, 1.2rem);
     stroke-width: 8;
     overflow: visible;
     stroke: var(--accent-color, teal);

From 4cfd43d968a6514d9ea977c5c5e47a9493eb4f93 Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Sun, 1 May 2022 17:29:23 +0530
Subject: [PATCH 048/168] minor UI fix

---
 docs/css/main.css     | 2 +-
 docs/css/main.min.css | 2 +-
 docs/css/main.scss    | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/docs/css/main.css b/docs/css/main.css
index 871524b..6a15b9a 100644
--- a/docs/css/main.css
+++ b/docs/css/main.css
@@ -1224,7 +1224,7 @@ sm-checkbox {
     background-color: var(--accent-color);
   }
 }
-@media screen and (max-width: 80rem) {
+@media screen and (max-width: 80rem) and (min-width: 40rem) {
   .main_navbar__item {
     padding: 1.5rem 1rem;
   }
diff --git a/docs/css/main.min.css b/docs/css/main.min.css
index b450c2a..0530dc7 100644
--- a/docs/css/main.min.css
+++ b/docs/css/main.min.css
@@ -1 +1 @@
-*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #504dff;--text-color: 20, 20, 20;--background-color: 240, 240, 240;--foreground-color: 250, 250, 250;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a3a1ff;--text-color: 220, 220, 220;--background-color: 10, 10, 10;--foreground-color: 24, 24, 24;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{color:var(--accent-color)}button,.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;cursor:pointer;transition:transform .3s;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.button{white-space:nowrap;padding:.6rem 1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.06);color:rgba(var(--text-color), 0.8);justify-content:center}.button--primary{background-color:var(--accent-color);color:rgba(var(--background-color), 1)}button:disabled{opacity:.5}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}ul{list-style:none}.flex{display:flex}.grid{display:grid}.hide{opacity:0;pointer-events:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.breakable{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.h1{font-size:1.5rem}.h2{font-size:1.2rem}.h3{font-size:1rem}.h4{font-size:.9rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.6rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem 0 .8rem;align-items:center;grid-template-columns:auto 1fr auto}.popup__header__close{padding:.5rem;cursor:pointer}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;width:100%;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:1rem}.logo h4{text-transform:capitalize;font-size:.9rem;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}details[open]>summary{margin-bottom:1rem}details[open]>summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up sm-copy{font-size:.9rem;--button-border-radius: 0.5rem}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:grid;gap:1rem;padding:1.5rem;width:100%;align-items:center;grid-template-columns:1fr auto auto;grid-column:1/-1}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto;padding:0 1.5rem}#pages_container>*{min-width:min(26rem,100%)}.listed-asset{position:relative;grid-template-columns:auto 1fr auto;gap:.5rem;padding:1rem 0;border-radius:.5rem;opacity:.8;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit}.listed-asset__icon{display:flex}.listed-asset__icon .icon{height:1.5rem;width:1.5rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{display:flex;flex-direction:column;height:100%}#asset_page__nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}#asset_page__nav .icon-only{margin-left:-0.7rem}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(42rem,100%);grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:.5rem 1.5rem .5rem .5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content;border-radius:.5rem}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{padding:1rem;cursor:pointer}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.transaction-card{grid-template-columns:repeat(3, 1fr) 2rem}.transaction-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type{color:var(--green)}.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type{color:var(--danger-color)}.transaction-card__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.transaction-card__quantity,.transaction-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}#market_orders_list .list__header{font-size:.8rem;font-weight:500}#market_orders_list .list__header div{padding:.5rem 0}#market_orders_list .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}#wallet{display:grid;width:auto;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem}.balance-card{display:grid;align-items:center;gap:0 .5rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1);padding:.5rem}.balance-card.is-locked{padding:1rem .5rem;grid-template-columns:auto 1fr auto;gap:.5rem}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:2/3;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#wallet_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.hide-on-mobile{display:none !important}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#price_chart_container{flex:1}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.h1{font-size:2rem}.h2{font-size:1.8rem}.h3{font-size:1.3rem}.h4{font-size:1rem}.popup__header{padding:1rem 1.5rem 0 .8rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:16rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (max-width: 80rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#asset_page__nav{grid-column:1/-1}#wallet{gap:1rem 2rem;grid-template-columns:20rem 24rem}#wallet__header{grid-column:1/3;padding-bottom:1rem}#wallet .balance-card{border:solid thin rgba(var(--text-color), 0.2)}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{opacity:0;transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}.transaction-card button{opacity:0;transition:opacity .3s}.transaction-card:hover button{opacity:1}}
\ No newline at end of file
+*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #504dff;--text-color: 20, 20, 20;--background-color: 240, 240, 240;--foreground-color: 250, 250, 250;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a3a1ff;--text-color: 220, 220, 220;--background-color: 10, 10, 10;--foreground-color: 24, 24, 24;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{color:var(--accent-color)}button,.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;cursor:pointer;transition:transform .3s;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.button{white-space:nowrap;padding:.6rem 1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.06);color:rgba(var(--text-color), 0.8);justify-content:center}.button--primary{background-color:var(--accent-color);color:rgba(var(--background-color), 1)}button:disabled{opacity:.5}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}ul{list-style:none}.flex{display:flex}.grid{display:grid}.hide{opacity:0;pointer-events:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.breakable{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.h1{font-size:1.5rem}.h2{font-size:1.2rem}.h3{font-size:1rem}.h4{font-size:.9rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.6rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem 0 .8rem;align-items:center;grid-template-columns:auto 1fr auto}.popup__header__close{padding:.5rem;cursor:pointer}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;width:100%;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:1rem}.logo h4{text-transform:capitalize;font-size:.9rem;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}details[open]>summary{margin-bottom:1rem}details[open]>summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up sm-copy{font-size:.9rem;--button-border-radius: 0.5rem}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:grid;gap:1rem;padding:1.5rem;width:100%;align-items:center;grid-template-columns:1fr auto auto;grid-column:1/-1}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto;padding:0 1.5rem}#pages_container>*{min-width:min(26rem,100%)}.listed-asset{position:relative;grid-template-columns:auto 1fr auto;gap:.5rem;padding:1rem 0;border-radius:.5rem;opacity:.8;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit}.listed-asset__icon{display:flex}.listed-asset__icon .icon{height:1.5rem;width:1.5rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{display:flex;flex-direction:column;height:100%}#asset_page__nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}#asset_page__nav .icon-only{margin-left:-0.7rem}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(42rem,100%);grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:.5rem 1.5rem .5rem .5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content;border-radius:.5rem}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{padding:1rem;cursor:pointer}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.transaction-card{grid-template-columns:repeat(3, 1fr) 2rem}.transaction-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type{color:var(--green)}.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type{color:var(--danger-color)}.transaction-card__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.transaction-card__quantity,.transaction-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}#market_orders_list .list__header{font-size:.8rem;font-weight:500}#market_orders_list .list__header div{padding:.5rem 0}#market_orders_list .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}#wallet{display:grid;width:auto;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem}.balance-card{display:grid;align-items:center;gap:0 .5rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1);padding:.5rem}.balance-card.is-locked{padding:1rem .5rem;grid-template-columns:auto 1fr auto;gap:.5rem}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:2/3;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#wallet_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.hide-on-mobile{display:none !important}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#price_chart_container{flex:1}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.h1{font-size:2rem}.h2{font-size:1.8rem}.h3{font-size:1.3rem}.h4{font-size:1rem}.popup__header{padding:1rem 1.5rem 0 .8rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:16rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#asset_page__nav{grid-column:1/-1}#wallet{gap:1rem 2rem;grid-template-columns:20rem 24rem}#wallet__header{grid-column:1/3;padding-bottom:1rem}#wallet .balance-card{border:solid thin rgba(var(--text-color), 0.2)}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{opacity:0;transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}.transaction-card button{opacity:0;transition:opacity .3s}.transaction-card:hover button{opacity:1}}
\ No newline at end of file
diff --git a/docs/css/main.scss b/docs/css/main.scss
index 27fc0ef..a4c888b 100644
--- a/docs/css/main.scss
+++ b/docs/css/main.scss
@@ -1129,7 +1129,7 @@ sm-checkbox {
     }
   }
 }
-@media screen and (max-width: 80rem) {
+@media screen and (max-width: 80rem) and (min-width: 40rem) {
   .main_navbar__item {
     padding: 1.5rem 1rem;
     .icon {

From ae8cbd85e8179c72decbfa6fce3c07944c241a17 Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Sun, 1 May 2022 18:42:25 +0530
Subject: [PATCH 049/168] Update index.html

- log if user is subAdmin
---
 docs/index.html | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/docs/index.html b/docs/index.html
index d8be5c4..5a16947 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -2163,6 +2163,9 @@
                 document.querySelectorAll(".user-content").forEach(elem => elem.classList.remove('hide'))
                 getRef("user_id").value = acc.floID;
                 getRef("sink_id").value = acc.sinkID;
+                if(acc.subAdmin)
+                    console.info("logged in as subAdmin");
+                    
                 // rupee balance init
                 allTokens[floGlobals.currency] = {
                     total: 0,

From 6c86c0a94ba02484b3ad3a96786f8f6e7c95fe01 Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Sun, 1 May 2022 19:49:22 +0530
Subject: [PATCH 050/168] Adding switch for rated-seller check

---
 src/_constants.js | 1 +
 src/main.js       | 4 ++--
 src/price.js      | 3 +++
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/_constants.js b/src/_constants.js
index 036a63e..a752c1a 100644
--- a/src/_constants.js
+++ b/src/_constants.js
@@ -19,6 +19,7 @@ module.exports = {
         UP_RATE: 0.5 / 100, //0.5 % inc
         MAX_DOWN_PER_DAY: 4.8 / 100, //max 4.8% dec
         MAX_UP_PER_DAY: 12 / 100, //max 12% inc
+        CHECK_RATED_SELLER: false,
         TOP_RANGE: 10 / 100, //top 10%
         REC_HISTORY_INTERVAL: 1 * 60 * 60 * 1000, // 1 hr
     },
diff --git a/src/main.js b/src/main.js
index 5de3632..e2d4dc0 100644
--- a/src/main.js
+++ b/src/main.js
@@ -68,14 +68,14 @@ function refreshDataFromBlockchain() {
                             for (let id of content.Trusted.add)
                                 promises.push(DB.query("INSERT INTO TrustedList (floID) VALUE (?) ON DUPLICATE KEY UPDATE floID=floID", [id]));
                     }
-                    //Tag List with priority and API
+                    //Tag List with priority
                     if (content.Tag) {
                         if (content.Tag.remove)
                             for (let t of content.Tag.remove)
                                 promises.push(DB.query("DELETE FROM TagList WHERE tag=?", [t]));
                         if (content.Tag.add)
                             for (let t in content.Tag.add)
-                                promises.push(DB.query("INSERT INTO TagList (tag, sellPriority, buyPriority) VALUE (?, ?, ?) ON DUPLICATE KEY UPDATE tag=tag", [t, content.Tag.add[t].sellPriority, content.Tag.add[t].buyPriority, content.Tag.add[t].api]));
+                                promises.push(DB.query("INSERT INTO TagList (tag, sellPriority, buyPriority) VALUE (?, ?, ?) ON DUPLICATE KEY UPDATE tag=tag", [t, content.Tag.add[t].sellPriority, content.Tag.add[t].buyPriority]));
                         if (content.Tag.update)
                             for (let t in content.Tag.update)
                                 for (let a in content.Tag.update[t])
diff --git a/src/price.js b/src/price.js
index eb9ef4a..e004ed5 100644
--- a/src/price.js
+++ b/src/price.js
@@ -6,6 +6,7 @@ const {
     UP_RATE,
     MAX_DOWN_PER_DAY,
     MAX_UP_PER_DAY,
+    CHECK_RATED_SELLER,
     TOP_RANGE,
     REC_HISTORY_INTERVAL
 } = require("./_constants")["price"];
@@ -181,6 +182,8 @@ function getRates(asset) {
 function checkForRatedSellers(asset) {
     //Check if there are best rated sellers?
     return new Promise((resolve, reject) => {
+        if (!CHECK_RATED_SELLER) //switch for the check case
+            return resolve(true);
         DB.query("SELECT MAX(sellPriority) as max_p FROM TagList").then(result => {
             let ratedMin = result[0].max_p * (1 - TOP_RANGE);
             DB.query("SELECT COUNT(*) as value FROM SellOrder WHERE floID IN (" +

From 3c97cb4810ea335494d6fcdc1732f6c366485d1b Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Sun, 1 May 2022 20:18:03 +0530
Subject: [PATCH 051/168] Update _constants.js

- dec MAXIMUM_LAUNCH_SELL_CHIPS to 250K
- inc SIGN_EXPIRE_TIME to 5 mins
---
 src/_constants.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/_constants.js b/src/_constants.js
index a752c1a..d8f01e6 100644
--- a/src/_constants.js
+++ b/src/_constants.js
@@ -4,12 +4,12 @@ module.exports = {
         PERIOD_INTERVAL: 15 * 60 * 1000 // 15 min
     },
     request: {
-        SIGN_EXPIRE_TIME: 1 * 60 * 1000, //1 min
+        SIGN_EXPIRE_TIME: 5 * 60 * 1000, //5 mins
         MAX_SESSION_TIMEOUT: 30 * 24 * 60 * 60 * 1000, //30 days
         INVALID_SERVER_MSG: "INCORRECT_SERVER_ERROR" //Should be reflected in public backend script
     },
     market: {
-        MAXIMUM_LAUNCH_SELL_CHIPS: 1000000,
+        MAXIMUM_LAUNCH_SELL_CHIPS: 250000,
         TRADE_HASH_PREFIX: "z1",
         TRANSFER_HASH_PREFIX: "z0"
     },

From e978b1c0dcd927ec71d868e27ba1d0b9c2f9bb2c Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Sun, 1 May 2022 21:16:47 +0530
Subject: [PATCH 052/168] Added help page with some FAQs

---
 docs/css/main.css     |  19 +++++--
 docs/css/main.min.css |   2 +-
 docs/css/main.scss    |  24 ++++++--
 docs/index.html       | 125 ++++++++++++++++++++++++++++++++++++++++++
 4 files changed, 158 insertions(+), 12 deletions(-)

diff --git a/docs/css/main.css b/docs/css/main.css
index 6a15b9a..f84cf96 100644
--- a/docs/css/main.css
+++ b/docs/css/main.css
@@ -448,6 +448,9 @@ ul {
   stroke: none;
 }
 
+details:not(:last-of-type) {
+  border-bottom: thin solid rgba(var(--text-color), 0.3);
+}
 details summary {
   display: flex;
   justify-content: space-between;
@@ -456,11 +459,12 @@ details summary {
       -ms-user-select: none;
           user-select: none;
   cursor: pointer;
+  padding: 1rem 0;
 }
-details[open] > summary {
-  margin-bottom: 1rem;
+details[open] {
+  padding-bottom: 1rem;
 }
-details[open] > summary .icon {
+details[open] summary .icon {
   transform: rotate(180deg);
 }
 
@@ -757,7 +761,6 @@ sm-checkbox {
           user-select: none;
   align-items: center;
   gap: 0.5rem;
-  padding: 0.5rem 1.5rem 0.5rem 0.5rem;
   grid-template-columns: -webkit-min-content repeat(3, 1fr) -webkit-min-content;
   grid-template-columns: min-content repeat(3, 1fr) min-content;
   border-radius: 0.5rem;
@@ -781,8 +784,8 @@ sm-checkbox {
   pointer-events: none;
 }
 .order-card sm-checkbox {
-  padding: 1rem;
   cursor: pointer;
+  margin-right: 0.5rem;
 }
 .order-card__quantity, .order-card__price {
   font-size: 0.9rem;
@@ -1068,6 +1071,12 @@ sm-checkbox {
             clip-path: circle(100%);
   }
 }
+#help {
+  width: min(60ch, 100%);
+  margin-bottom: 3rem;
+  align-content: flex-start;
+}
+
 @media screen and (max-width: 40rem) and (any-hover: none) {
   .cancel-order span {
     display: none !important;
diff --git a/docs/css/main.min.css b/docs/css/main.min.css
index 0530dc7..aa9a483 100644
--- a/docs/css/main.min.css
+++ b/docs/css/main.min.css
@@ -1 +1 @@
-*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #504dff;--text-color: 20, 20, 20;--background-color: 240, 240, 240;--foreground-color: 250, 250, 250;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a3a1ff;--text-color: 220, 220, 220;--background-color: 10, 10, 10;--foreground-color: 24, 24, 24;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{color:var(--accent-color)}button,.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;cursor:pointer;transition:transform .3s;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.button{white-space:nowrap;padding:.6rem 1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.06);color:rgba(var(--text-color), 0.8);justify-content:center}.button--primary{background-color:var(--accent-color);color:rgba(var(--background-color), 1)}button:disabled{opacity:.5}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}ul{list-style:none}.flex{display:flex}.grid{display:grid}.hide{opacity:0;pointer-events:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.breakable{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.h1{font-size:1.5rem}.h2{font-size:1.2rem}.h3{font-size:1rem}.h4{font-size:.9rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.6rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem 0 .8rem;align-items:center;grid-template-columns:auto 1fr auto}.popup__header__close{padding:.5rem;cursor:pointer}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;width:100%;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:1rem}.logo h4{text-transform:capitalize;font-size:.9rem;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}details[open]>summary{margin-bottom:1rem}details[open]>summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up sm-copy{font-size:.9rem;--button-border-radius: 0.5rem}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:grid;gap:1rem;padding:1.5rem;width:100%;align-items:center;grid-template-columns:1fr auto auto;grid-column:1/-1}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto;padding:0 1.5rem}#pages_container>*{min-width:min(26rem,100%)}.listed-asset{position:relative;grid-template-columns:auto 1fr auto;gap:.5rem;padding:1rem 0;border-radius:.5rem;opacity:.8;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit}.listed-asset__icon{display:flex}.listed-asset__icon .icon{height:1.5rem;width:1.5rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{display:flex;flex-direction:column;height:100%}#asset_page__nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}#asset_page__nav .icon-only{margin-left:-0.7rem}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(42rem,100%);grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:.5rem 1.5rem .5rem .5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content;border-radius:.5rem}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{padding:1rem;cursor:pointer}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.transaction-card{grid-template-columns:repeat(3, 1fr) 2rem}.transaction-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type{color:var(--green)}.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type{color:var(--danger-color)}.transaction-card__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.transaction-card__quantity,.transaction-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}#market_orders_list .list__header{font-size:.8rem;font-weight:500}#market_orders_list .list__header div{padding:.5rem 0}#market_orders_list .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}#wallet{display:grid;width:auto;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem}.balance-card{display:grid;align-items:center;gap:0 .5rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1);padding:.5rem}.balance-card.is-locked{padding:1rem .5rem;grid-template-columns:auto 1fr auto;gap:.5rem}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:2/3;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#wallet_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.hide-on-mobile{display:none !important}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#price_chart_container{flex:1}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.h1{font-size:2rem}.h2{font-size:1.8rem}.h3{font-size:1.3rem}.h4{font-size:1rem}.popup__header{padding:1rem 1.5rem 0 .8rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:16rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#asset_page__nav{grid-column:1/-1}#wallet{gap:1rem 2rem;grid-template-columns:20rem 24rem}#wallet__header{grid-column:1/3;padding-bottom:1rem}#wallet .balance-card{border:solid thin rgba(var(--text-color), 0.2)}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{opacity:0;transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}.transaction-card button{opacity:0;transition:opacity .3s}.transaction-card:hover button{opacity:1}}
\ No newline at end of file
+*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #504dff;--text-color: 20, 20, 20;--background-color: 240, 240, 240;--foreground-color: 250, 250, 250;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a3a1ff;--text-color: 220, 220, 220;--background-color: 10, 10, 10;--foreground-color: 24, 24, 24;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{color:var(--accent-color)}button,.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;cursor:pointer;transition:transform .3s;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.button{white-space:nowrap;padding:.6rem 1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.06);color:rgba(var(--text-color), 0.8);justify-content:center}.button--primary{background-color:var(--accent-color);color:rgba(var(--background-color), 1)}button:disabled{opacity:.5}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}ul{list-style:none}.flex{display:flex}.grid{display:grid}.hide{opacity:0;pointer-events:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.breakable{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.h1{font-size:1.5rem}.h2{font-size:1.2rem}.h3{font-size:1rem}.h4{font-size:.9rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.6rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem 0 .8rem;align-items:center;grid-template-columns:auto 1fr auto}.popup__header__close{padding:.5rem;cursor:pointer}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;width:100%;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:1rem}.logo h4{text-transform:capitalize;font-size:.9rem;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details:not(:last-of-type){border-bottom:thin solid rgba(var(--text-color), 0.3)}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}details[open]{padding-bottom:1rem}details[open] summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up sm-copy{font-size:.9rem;--button-border-radius: 0.5rem}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:grid;gap:1rem;padding:1.5rem;width:100%;align-items:center;grid-template-columns:1fr auto auto;grid-column:1/-1}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto;padding:0 1.5rem}#pages_container>*{min-width:min(26rem,100%)}.listed-asset{position:relative;grid-template-columns:auto 1fr auto;gap:.5rem;padding:1rem 0;border-radius:.5rem;opacity:.8;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit}.listed-asset__icon{display:flex}.listed-asset__icon .icon{height:1.5rem;width:1.5rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{display:flex;flex-direction:column;height:100%}#asset_page__nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}#asset_page__nav .icon-only{margin-left:-0.7rem}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(42rem,100%);grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content;border-radius:.5rem}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{cursor:pointer;margin-right:.5rem}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.transaction-card{grid-template-columns:repeat(3, 1fr) 2rem}.transaction-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type{color:var(--green)}.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type{color:var(--danger-color)}.transaction-card__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.transaction-card__quantity,.transaction-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}#market_orders_list .list__header{font-size:.8rem;font-weight:500}#market_orders_list .list__header div{padding:.5rem 0}#market_orders_list .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}#wallet{display:grid;width:auto;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem}.balance-card{display:grid;align-items:center;gap:0 .5rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1);padding:.5rem}.balance-card.is-locked{padding:1rem .5rem;grid-template-columns:auto 1fr auto;gap:.5rem}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:2/3;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#wallet_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}#help{width:min(60ch,100%);margin-bottom:3rem;align-content:flex-start}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.hide-on-mobile{display:none !important}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#price_chart_container{flex:1}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.h1{font-size:2rem}.h2{font-size:1.8rem}.h3{font-size:1.3rem}.h4{font-size:1rem}.popup__header{padding:1rem 1.5rem 0 .8rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:16rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#asset_page__nav{grid-column:1/-1}#wallet{gap:1rem 2rem;grid-template-columns:20rem 24rem}#wallet__header{grid-column:1/3;padding-bottom:1rem}#wallet .balance-card{border:solid thin rgba(var(--text-color), 0.2)}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{opacity:0;transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}.transaction-card button{opacity:0;transition:opacity .3s}.transaction-card:hover button{opacity:1}}
\ No newline at end of file
diff --git a/docs/css/main.scss b/docs/css/main.scss
index a4c888b..3518897 100644
--- a/docs/css/main.scss
+++ b/docs/css/main.scss
@@ -432,17 +432,23 @@ ul {
   }
 }
 details {
+  &:not(:last-of-type) {
+    border-bottom: thin solid rgba(var(--text-color), 0.3);
+  }
   summary {
     display: flex;
     justify-content: space-between;
     user-select: none;
     cursor: pointer;
+    padding: 1rem 0;
   }
 
-  &[open] > summary {
-    margin-bottom: 1rem;
-    .icon {
-      transform: rotate(180deg);
+  &[open] {
+    padding-bottom: 1rem;
+    summary {
+      .icon {
+        transform: rotate(180deg);
+      }
     }
   }
 }
@@ -716,7 +722,6 @@ sm-checkbox {
   user-select: none;
   align-items: center;
   gap: 0.5rem;
-  padding: 0.5rem 1.5rem 0.5rem 0.5rem;
   grid-template-columns: min-content repeat(3, 1fr) min-content;
   border-radius: 0.5rem;
   &__type {
@@ -740,8 +745,8 @@ sm-checkbox {
     }
   }
   sm-checkbox {
-    padding: 1rem;
     cursor: pointer;
+    margin-right: 0.5rem;
   }
   &__quantity,
   &__price {
@@ -987,6 +992,13 @@ sm-checkbox {
     clip-path: circle(100%);
   }
 }
+
+#help {
+  width: min(60ch, 100%);
+  margin-bottom: 3rem;
+  align-content: flex-start;
+}
+
 @media screen and (max-width: 40rem) and (any-hover: none) {
   .cancel-order {
     span {
diff --git a/docs/index.html b/docs/index.html
index 5a16947..375876f 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -292,6 +292,122 @@
                     <ul id="my_assets" class="grid"></ul>
                 </div>
             </section>
+            <div id="help" class="mobile-page hide grid gap-2">
+                <h1>Hey there! How can we help you today?</h1>
+                <div class="grid gap-0-5">
+                    <h5>F.A.Qs</h5>
+                    <div class="grid gap-0-5">
+                        <details>
+                            <summary class="interact">
+                                <h4>
+                                    What are rupee tokens?
+                                </h4>
+                                <svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24"
+                                    width="24px" fill="#000000">
+                                    <path d="M0 0h24v24H0V0z" fill="none" />
+                                    <path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z" />
+                                </svg>
+                            </summary>
+                            <p>
+                                Rupee tokens are a digital asset which has value equal to 1 INR. Which can be used with
+                                RanchiMall exchange and other RanchiMall products.
+                            </p>
+                        </details>
+                        <details>
+                            <summary class="interact">
+                                <h4>
+                                    Where can I get rupee tokens?
+                                </h4>
+                                <svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24"
+                                    width="24px" fill="#000000">
+                                    <path d="M0 0h24v24H0V0z" fill="none" />
+                                    <path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z" />
+                                </svg>
+                            </summary>
+                            <p>
+                                Rupee tokens can be acquired by paying equivalent amount of rupees using our <strong>
+                                    <a href="https://ranchimall.github.io/flopay/" target="_blank">FLO Pay</a>
+                                </strong>
+                                app.
+                            </p>
+                        </details>
+                        <details>
+                            <summary class="interact">
+                                <h4>
+                                    Why my order hasn't been filled yet?
+                                </h4>
+                                <svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24"
+                                    width="24px" fill="#000000">
+                                    <path d="M0 0h24v24H0V0z" fill="none" />
+                                    <path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z" />
+                                </svg>
+                            </summary>
+                            <p>
+                                Our Exchange works a little differently than other exchanges. You can only buy or
+                                sell at
+                                the
+                                market price.
+                                If you have placed an order at lower/higher price than current price, your order will
+                                not be
+                                executed until the market price matches your order price.
+                            </p>
+                        </details>
+                        <details>
+                            <summary class="interact">
+                                <h4>
+                                    Why am I not able to sell my assets?
+                                </h4>
+                                <svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24"
+                                    width="24px" fill="#000000">
+                                    <path d="M0 0h24v24H0V0z" fill="none" />
+                                    <path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z" />
+                                </svg>
+                            </summary>
+                            <p>
+                                We only allows selling of assets that were bought in this exchange.
+                                Assets bought in other exchanges can not be sold here.
+                            </p>
+                        </details>
+                        <details>
+                            <summary class="interact">
+                                <h4>
+                                    I have rupee tokens in FLO ID, so why can't I see them in my wallet?
+                                </h4>
+                                <svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24"
+                                    width="24px" fill="#000000">
+                                    <path d="M0 0h24v24H0V0z" fill="none" />
+                                    <path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z" />
+                                </svg>
+                            </summary>
+                            <p>
+                                In order to user your rupee tokens in exchange, you have to deposit them in exchange
+                                first.
+                                Assets owned by a FLO ID are different than assets you own in exchange.
+                            </p>
+                        </details>
+                        <details>
+                            <summary class="interact">
+                                <h4>
+                                    Why don't prices fluctuate often?
+                                </h4>
+                                <svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24"
+                                    width="24px" fill="#000000">
+                                    <path d="M0 0h24v24H0V0z" fill="none" />
+                                    <path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z" />
+                                </svg>
+                            </summary>
+                            <p>
+                                Our exchange has a different pricing model than other exchanges. We have an algorithm
+                                based
+                                pricing model which updates prices every hour
+                                based on predefined rules. This prevents rapid fluctuations in price and ensures that
+                                you
+                                can always buy or sell at the best price.
+                            </p>
+                        </details>
+                    </div>
+                </div>
+            </div>
         </section>
         <nav id="main_navbar" class="flex align-center">
             <a href="#/exchange" class="main_navbar__item main_navbar__item--active interact">
@@ -343,6 +459,15 @@
                 </svg>
                 <div class="item__title">Wallet</div>
             </a>
+            <a href="#/help" class="main_navbar__item user-content hide interact">
+                <svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px"
+                    fill="#000000">
+                    <path d="M0 0h24v24H0z" fill="none" />
+                    <path
+                        d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z" />
+                </svg>
+                <div class="item__title">Help</div>
+            </a>
         </nav>
     </article>
 

From 55bd121021a84e3f8b5f0a7897510f46a78ac39d Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Mon, 2 May 2022 22:53:57 +0530
Subject: [PATCH 053/168] API for ordered list for sell/buy

- The API for Listing sell/buy orders now returns ordered list of the queue (approx).
- list-buyorders, list-sellorders and list-trades API now accepts optional GET parameter 'asset'.
  . If passed, then orders/trades of only given asset will be returned.
  . If asset is not passed, then returns all asset by default as before.
- list buy/sell order API return max of 100 best orders
- list trade API return max of 1000 recent trades
---
 docs/scripts/floExchangeAPI.js | 12 +++----
 src/market.js                  |  3 ++
 src/request.js                 | 65 +++++++++++++++++++++++++++-------
 3 files changed, 62 insertions(+), 18 deletions(-)

diff --git a/docs/scripts/floExchangeAPI.js b/docs/scripts/floExchangeAPI.js
index 7ffeaf8..71c3011 100644
--- a/docs/scripts/floExchangeAPI.js
+++ b/docs/scripts/floExchangeAPI.js
@@ -541,9 +541,9 @@
         });
     }
 
-    exchangeAPI.getBuyList = function() {
+    exchangeAPI.getBuyList = function(asset = null) {
         return new Promise((resolve, reject) => {
-            fetch_api('/list-buyorders')
+            fetch_api('/list-buyorders' + (asset ? "?asset=" + asset : ""))
                 .then(result => responseParse(result)
                     .then(result => resolve(result))
                     .catch(error => reject(error)))
@@ -551,9 +551,9 @@
         });
     }
 
-    exchangeAPI.getSellList = function() {
+    exchangeAPI.getSellList = function(asset = null) {
         return new Promise((resolve, reject) => {
-            fetch_api('/list-sellorders')
+            fetch_api('/list-sellorders' + (asset ? "?asset=" + asset : ""))
                 .then(result => responseParse(result)
                     .then(result => resolve(result))
                     .catch(error => reject(error)))
@@ -561,9 +561,9 @@
         });
     }
 
-    exchangeAPI.getTradeList = function() {
+    exchangeAPI.getTradeList = function(asset = null) {
         return new Promise((resolve, reject) => {
-            fetch_api('/list-trades')
+            fetch_api('/list-trades' + (asset ? "?asset=" + asset : ""))
                 .then(result => responseParse(result)
                     .then(result => resolve(result))
                     .catch(error => reject(error)))
diff --git a/src/market.js b/src/market.js
index b59b1bb..d734711 100644
--- a/src/market.js
+++ b/src/market.js
@@ -705,5 +705,8 @@ module.exports = {
     },
     set assetList(assets) {
         assetList = assets;
+    },
+    get assetList() {
+        return assetList
     }
 };
\ No newline at end of file
diff --git a/src/request.js b/src/request.js
index dbb3bc3..6ca0806 100644
--- a/src/request.js
+++ b/src/request.js
@@ -325,24 +325,65 @@ function GetLoginCode(req, res) {
 }
 
 function ListSellOrders(req, res) {
-    //TODO: Limit size (best)
-    DB.query("SELECT * FROM SellOrder ORDER BY time_placed")
-        .then(result => res.send(result))
-        .catch(error => res.status(INTERNAL.e_code).send("Try again later!"));
+    if (!serving)
+        res.status(INVALID.e_code).send(INVALID_SERVER_MSG);
+    else {
+        let asset = req.query.asset;
+        if (asset && !market.assetList.includes(asset))
+            res.status(INVALID.e_code).send("Invalid asset parameter");
+        else
+            DB.query("SELECT SellOrder.floID, SellOrder.asset, GREATEST(SellOrder.minPrice, SellChips.base) AS minPrice, SellOrder.quantity, SellOrder.time_placed FROM SellOrder" +
+                " INNER JOIN UserBalance ON UserBalance.floID = SellOrder.floID AND UserBalance.token = SellOrder.asset" +
+                " INNER JOIN SellChips ON SellChips.floID = SellOrder.floID AND SellChips.asset = SellOrder.asset" +
+                " LEFT JOIN UserTag ON UserTag.floID = SellOrder.floID" +
+                " LEFT JOIN TagList ON TagList.tag = UserTag.tag" +
+                " WHERE UserBalance.quantity >= SellOrder.quantity" +
+                (asset ? " AND SellOrder.asset = ?" : "") +
+                " GROUP BY SellOrder.id" +
+                " ORDER BY TagList.sellPriority DESC, SellChips.locktime ASC, SellOrder.time_placed ASC" +
+                " LIMIT 100", [asset || null])
+            .then(result => res.send(result))
+            .catch(error => res.status(INTERNAL.e_code).send("Try again later!"));
+    }
+
 }
 
 function ListBuyOrders(req, res) {
-    //TODO: Limit size (best)
-    DB.query("SELECT * FROM BuyOrder ORDER BY time_placed")
-        .then(result => res.send(result))
-        .catch(error => res.status(INTERNAL.e_code).send("Try again later!"));
+    if (!serving)
+        res.status(INVALID.e_code).send(INVALID_SERVER_MSG);
+    else {
+        let asset = req.query.asset;
+        if (asset && !market.assetList.includes(asset))
+            res.status(INVALID.e_code).send("Invalid asset parameter");
+        else
+            DB.query("SELECT BuyOrder.floID, BuyOrder.asset, BuyOrder.maxPrice, BuyOrder.quantity, BuyOrder.time_placed FROM BuyOrder" +
+                " INNER JOIN UserBalance ON UserBalance.floID = BuyOrder.floID AND UserBalance.token = ?" +
+                " LEFT JOIN UserTag ON UserTag.floID = BuyOrder.floID" +
+                " LEFT JOIN TagList ON TagList.tag = UserTag.tag" +
+                " WHERE UserBalance.quantity >= BuyOrder.maxPrice * BuyOrder.quantity" +
+                (asset ? " AND BuyOrder.asset = ?" : "") +
+                " GROUP BY BuyOrder.id" +
+                " ORDER BY TagList.buyPriority DESC, BuyOrder.time_placed ASC" +
+                " LIMIT 100", [floGlobals.currency, asset || null])
+            .then(result => res.send(result))
+            .catch(error => res.status(INTERNAL.e_code).send("Try again later!"));
+    }
 }
 
 function ListTradeTransactions(req, res) {
-    //TODO: Limit size (recent)
-    DB.query("SELECT * FROM TradeTransactions ORDER BY tx_time DESC")
-        .then(result => res.send(result))
-        .catch(error => res.status(INTERNAL.e_code).send("Try again later!"));
+    if (!serving)
+        res.status(INVALID.e_code).send(INVALID_SERVER_MSG);
+    else {
+        let asset = req.query.asset;
+        if (asset && !market.assetList.includes(asset))
+            res.status(INVALID.e_code).send("Invalid asset parameter");
+        else
+            DB.query("SELECT * FROM TradeTransactions" +
+                (asset ? " WHERE asset = ?" : "") +
+                " ORDER BY tx_time DESC LIMIT 1000", [asset || null])
+            .then(result => res.send(result))
+            .catch(error => res.status(INTERNAL.e_code).send("Try again later!"));
+    }
 }
 
 function GetRates(req, res) {

From ac2b4c3c1c2235dc579e90e45e70170d8246b6fd Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Mon, 2 May 2022 23:28:15 +0530
Subject: [PATCH 054/168] Update floExchangeAPI.js

- Store asset and tag list in localStorage when refreshing data from blockchain
- localStorage keys:
exchange-assets
exchange-tags
---
 docs/scripts/floExchangeAPI.js | 26 +++++++++++++++++++++++++-
 1 file changed, 25 insertions(+), 1 deletion(-)

diff --git a/docs/scripts/floExchangeAPI.js b/docs/scripts/floExchangeAPI.js
index 71c3011..2623063 100644
--- a/docs/scripts/floExchangeAPI.js
+++ b/docs/scripts/floExchangeAPI.js
@@ -1137,15 +1137,21 @@
 
     exchangeAPI.init = function refreshDataFromBlockchain(adminID = floGlobals.adminID, appName = floGlobals.application) {
         return new Promise((resolve, reject) => {
-            let nodes, lastTx;
+            let nodes, assets = new Set(),
+                tags = new Set(),
+                lastTx;
             try {
                 nodes = JSON.parse(localStorage.getItem('exchange-nodes'));
+                assets = new Set((localStorage.getItem('exchange-assets') || "").split(','));
+                tags = new Set((localStorage.getItem('exchange-tags') || "").split(','));
                 if (typeof nodes !== 'object' || nodes === null)
                     throw Error('nodes must be an object')
                 else
                     lastTx = parseInt(localStorage.getItem('exchange-lastTx')) || 0;
             } catch (error) {
                 nodes = {};
+                assets = new Set();
+                tags = new Set();
                 lastTx = 0;
             }
             floBlockchainAPI.readData(adminID, {
@@ -1164,9 +1170,25 @@
                             for (let n in content.Nodes.add)
                                 nodes[n] = content.Nodes.add[n];
                     }
+                    //Asset List
+                    if (content.Assets) {
+                        for (let a in content.Assets)
+                            assets.add(a);
+                    }
+                    //Tag List
+                    if (content.Tag) {
+                        if (content.Tag.remove)
+                            for (let t of content.Tag.remove)
+                                tags.delete(t);
+                        if (content.Tag.add)
+                            for (let t in content.Tag.add)
+                                tags.add(t);
+                    }
                 });
                 localStorage.setItem('exchange-lastTx', result.totalTxs);
                 localStorage.setItem('exchange-nodes', JSON.stringify(nodes));
+                localStorage.setItem('exchange-assets', Array.from(assets).join(","));
+                localStorage.setItem('exchange-tags', Array.from(tags).join(","));
                 nodeURL = nodes;
                 nodeKBucket = new K_Bucket(adminID, Object.keys(nodeURL));
                 nodeList = nodeKBucket.order;
@@ -1177,6 +1199,8 @@
 
     exchangeAPI.clearAllLocalData = function() {
         localStorage.removeItem('exchange-nodes');
+        localStorage.removeItem('exchange-assets');
+        localStorage.removeItem('exchange-tags');
         localStorage.removeItem('exchange-lastTx');
         localStorage.removeItem('exchange-proxy_secret');
         localStorage.removeItem('exchange-user_ID');

From 7a4261c5a0ab6b8479ab5b897d3a2c89cf970caa Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Mon, 2 May 2022 23:30:56 +0530
Subject: [PATCH 055/168] floExchangeAPI_v1.1.2

- Changing version number for previous update
---
 docs/scripts/floExchangeAPI.js | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/docs/scripts/floExchangeAPI.js b/docs/scripts/floExchangeAPI.js
index 2623063..94d496c 100644
--- a/docs/scripts/floExchangeAPI.js
+++ b/docs/scripts/floExchangeAPI.js
@@ -1,6 +1,6 @@
 'use strict';
 
-(function(EXPORTS) { //floExchangeAPI v1.1.1
+(function(EXPORTS) { //floExchangeAPI v1.1.2
     const exchangeAPI = EXPORTS;
 
     /*Kademlia DHT K-bucket implementation as a binary tree.*/
@@ -1137,9 +1137,7 @@
 
     exchangeAPI.init = function refreshDataFromBlockchain(adminID = floGlobals.adminID, appName = floGlobals.application) {
         return new Promise((resolve, reject) => {
-            let nodes, assets = new Set(),
-                tags = new Set(),
-                lastTx;
+            let nodes, assets, tags, lastTx;
             try {
                 nodes = JSON.parse(localStorage.getItem('exchange-nodes'));
                 assets = new Set((localStorage.getItem('exchange-assets') || "").split(','));

From c1dcf7916aac6db0d449a05806904b232092fc4d Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Tue, 3 May 2022 15:50:03 +0530
Subject: [PATCH 056/168] Update index.html

- Default max-price and min-price is set to 15% of current price
---
 docs/index.html | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/docs/index.html b/docs/index.html
index 375876f..026dc2c 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -20,6 +20,13 @@
     <script src="scripts/floTokenAPI.js"></script>
     <script src="scripts/floExchangeAPI.js"></script>
     <script src="https://unpkg.com/lightweight-charts/dist/lightweight-charts.standalone.production.js"></script>
+    <script>
+        const DEFAULT_TRADE_PRICE_DEVIATION = 15 / 100;
+        const deviation = {
+            'buy': 1 + DEFAULT_TRADE_PRICE_DEVIATION,
+            'sell': 1 - DEFAULT_TRADE_PRICE_DEVIATION
+        }
+    </script>
 </head>
 
 <body class="hide">
@@ -1090,7 +1097,7 @@
                                 getRef('listed_assets').querySelector('.listed-asset--active').classList.remove('listed-asset--active')
                             getRef('listed_assets').querySelector(`[href="#/exchange?asset=${params.asset}"]`).classList.add('listed-asset--active')
                             getRef('chart_asset').innerHTML = `<h4> ${params.asset}/INR</h4><p>${formatAmount(floGlobals.exchangeRates[params.asset])}</p>`
-                            getRef('get_price').value = parseFloat(floGlobals.exchangeRates[params.asset].toFixed(4))
+                            getRef('get_price').value = (parseFloat(floGlobals.exchangeRates[params.asset]) *  deviation[tradeType]).toFixed(6) ;
                             getRef('traded_asset').textContent = `Trade ${params.asset}`
                             getRef('trade_button').textContent = `${tradeType} ${params.asset}`
                             getRef('quantity_type').textContent = tradeType === 'buy' ? formatAmount(allTokens.rupee.net) : `${parseFloat(allTokens[params.asset].net.toFixed(4))} ${params.asset}`
@@ -1644,6 +1651,7 @@
             tradeType = e.detail.value
             const selectedAsset = pagesData.params.asset
             getRef('get_price').setAttribute('placeholder', tradeType === 'buy' ? 'Max price' : 'Min price')
+            getRef('get_price').value = (parseFloat(floGlobals.exchangeRates[selectedAsset]) *  deviation[tradeType]).toFixed(6) ;
             getRef('trade_button').textContent = `${tradeType} ${selectedAsset}`
             getRef('quantity_type').textContent = tradeType === 'buy' ? formatAmount(allTokens.rupee.net) : `${parseFloat(allTokens[selectedAsset].net.toFixed(4))} ${selectedAsset}`
             updateTooltip(selectedAsset, tradeType)
@@ -1717,7 +1725,7 @@
         })
         getRef('get_total').addEventListener('keyup', e => {
             const unitValue = parseFloat(getRef('get_price').value)
-            getRef('get_quantity').value = parseFloat((parseFloat(e.target.value) / unitValue).toFixed(4)) || 0
+            getRef('get_quantity').value = parseFloat((parseFloat(e.target.value) / unitValue).toFixed(6)) || 0
         })
 
         getRef('wallet_actions').addEventListener('click', e => {
@@ -2240,7 +2248,7 @@
                     }
                 }
                 if (pagesData.params.hasOwnProperty('asset' && pagesData.params.asset !== ''))
-                    getRef('get_price').value = parseFloat(parseFloat(rates[pagesData.params.asset]).toFixed(4))
+                    getRef('get_price').value = (parseFloat(rates[pagesData.params.asset]) *  deviation[tradeType]).toFixed(6) ;
                 if (refreshButton)
                     buttonLoader('wallet_balance_refresh_button', false);
             }).catch(error => console.error(error.message))

From 79a23399db7f6bfacfd2eb5d59e4d9d252b2df5f Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Tue, 3 May 2022 18:02:48 +0530
Subject: [PATCH 057/168] Removed price input and UI improvements

---
 docs/css/main.css     | 32 +++++++++++++--
 docs/css/main.min.css |  2 +-
 docs/css/main.scss    | 31 ++++++++++++---
 docs/index.html       | 91 ++++++++++++++++++++++++++++++-------------
 4 files changed, 118 insertions(+), 38 deletions(-)

diff --git a/docs/css/main.css b/docs/css/main.css
index f84cf96..27f5a1a 100644
--- a/docs/css/main.css
+++ b/docs/css/main.css
@@ -143,6 +143,10 @@ sm-form {
   --gap: 1rem;
 }
 
+sm-copy {
+  font-size: 0.9rem;
+}
+
 ul {
   list-style: none;
 }
@@ -461,6 +465,9 @@ details summary {
   cursor: pointer;
   padding: 1rem 0;
 }
+details .icon {
+  flex-shrink: 0;
+}
 details[open] {
   padding-bottom: 1rem;
 }
@@ -518,6 +525,27 @@ sm-checkbox {
   flex-shrink: 0;
 }
 
+.tooltip {
+  position: relative;
+  z-index: 1;
+  cursor: pointer;
+}
+.tooltip .banner {
+  position: absolute;
+  right: 0;
+  width: min(20rem, 100vw - 1rem);
+  display: none;
+  font-size: 0.9rem;
+  background-color: rgba(var(--foreground-color), 1);
+  padding: 1rem;
+  border-radius: 0.5rem;
+  box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.1);
+  border: solid thin rgba(var(--text-color), 0.2);
+}
+.tooltip:hover .banner {
+  display: flex;
+}
+
 .page-layout {
   display: grid;
   grid-template-columns: 1.5rem minmax(0, 1fr) 1.5rem;
@@ -558,10 +586,6 @@ sm-checkbox {
 #sign_up header {
   padding: 1.5rem 0;
 }
-#sign_up sm-copy {
-  font-size: 0.9rem;
-  --button-border-radius: 0.5rem;
-}
 #sign_up .h2 {
   margin-bottom: 0.5rem;
 }
diff --git a/docs/css/main.min.css b/docs/css/main.min.css
index aa9a483..9d495bb 100644
--- a/docs/css/main.min.css
+++ b/docs/css/main.min.css
@@ -1 +1 @@
-*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #504dff;--text-color: 20, 20, 20;--background-color: 240, 240, 240;--foreground-color: 250, 250, 250;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a3a1ff;--text-color: 220, 220, 220;--background-color: 10, 10, 10;--foreground-color: 24, 24, 24;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{color:var(--accent-color)}button,.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;cursor:pointer;transition:transform .3s;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.button{white-space:nowrap;padding:.6rem 1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.06);color:rgba(var(--text-color), 0.8);justify-content:center}.button--primary{background-color:var(--accent-color);color:rgba(var(--background-color), 1)}button:disabled{opacity:.5}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}ul{list-style:none}.flex{display:flex}.grid{display:grid}.hide{opacity:0;pointer-events:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.breakable{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.h1{font-size:1.5rem}.h2{font-size:1.2rem}.h3{font-size:1rem}.h4{font-size:.9rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.6rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem 0 .8rem;align-items:center;grid-template-columns:auto 1fr auto}.popup__header__close{padding:.5rem;cursor:pointer}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;width:100%;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:1rem}.logo h4{text-transform:capitalize;font-size:.9rem;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details:not(:last-of-type){border-bottom:thin solid rgba(var(--text-color), 0.3)}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}details[open]{padding-bottom:1rem}details[open] summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up sm-copy{font-size:.9rem;--button-border-radius: 0.5rem}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:grid;gap:1rem;padding:1.5rem;width:100%;align-items:center;grid-template-columns:1fr auto auto;grid-column:1/-1}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto;padding:0 1.5rem}#pages_container>*{min-width:min(26rem,100%)}.listed-asset{position:relative;grid-template-columns:auto 1fr auto;gap:.5rem;padding:1rem 0;border-radius:.5rem;opacity:.8;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit}.listed-asset__icon{display:flex}.listed-asset__icon .icon{height:1.5rem;width:1.5rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{display:flex;flex-direction:column;height:100%}#asset_page__nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}#asset_page__nav .icon-only{margin-left:-0.7rem}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(42rem,100%);grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content;border-radius:.5rem}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{cursor:pointer;margin-right:.5rem}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.transaction-card{grid-template-columns:repeat(3, 1fr) 2rem}.transaction-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type{color:var(--green)}.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type{color:var(--danger-color)}.transaction-card__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.transaction-card__quantity,.transaction-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}#market_orders_list .list__header{font-size:.8rem;font-weight:500}#market_orders_list .list__header div{padding:.5rem 0}#market_orders_list .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}#wallet{display:grid;width:auto;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem}.balance-card{display:grid;align-items:center;gap:0 .5rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1);padding:.5rem}.balance-card.is-locked{padding:1rem .5rem;grid-template-columns:auto 1fr auto;gap:.5rem}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:2/3;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#wallet_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}#help{width:min(60ch,100%);margin-bottom:3rem;align-content:flex-start}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.hide-on-mobile{display:none !important}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#price_chart_container{flex:1}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.h1{font-size:2rem}.h2{font-size:1.8rem}.h3{font-size:1.3rem}.h4{font-size:1rem}.popup__header{padding:1rem 1.5rem 0 .8rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:16rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#asset_page__nav{grid-column:1/-1}#wallet{gap:1rem 2rem;grid-template-columns:20rem 24rem}#wallet__header{grid-column:1/3;padding-bottom:1rem}#wallet .balance-card{border:solid thin rgba(var(--text-color), 0.2)}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{opacity:0;transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}.transaction-card button{opacity:0;transition:opacity .3s}.transaction-card:hover button{opacity:1}}
\ No newline at end of file
+*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #504dff;--text-color: 20, 20, 20;--background-color: 240, 240, 240;--foreground-color: 250, 250, 250;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a3a1ff;--text-color: 220, 220, 220;--background-color: 10, 10, 10;--foreground-color: 24, 24, 24;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{color:var(--accent-color)}button,.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;cursor:pointer;transition:transform .3s;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.button{white-space:nowrap;padding:.6rem 1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.06);color:rgba(var(--text-color), 0.8);justify-content:center}.button--primary{background-color:var(--accent-color);color:rgba(var(--background-color), 1)}button:disabled{opacity:.5}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}sm-copy{font-size:.9rem}ul{list-style:none}.flex{display:flex}.grid{display:grid}.hide{opacity:0;pointer-events:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.breakable{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.h1{font-size:1.5rem}.h2{font-size:1.2rem}.h3{font-size:1rem}.h4{font-size:.9rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.6rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem 0 .8rem;align-items:center;grid-template-columns:auto 1fr auto}.popup__header__close{padding:.5rem;cursor:pointer}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;width:100%;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:1rem}.logo h4{text-transform:capitalize;font-size:.9rem;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details:not(:last-of-type){border-bottom:thin solid rgba(var(--text-color), 0.3)}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}details .icon{flex-shrink:0}details[open]{padding-bottom:1rem}details[open] summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.tooltip{position:relative;z-index:1;cursor:pointer}.tooltip .banner{position:absolute;right:0;width:min(20rem,100vw - 1rem);display:none;font-size:.9rem;background-color:rgba(var(--foreground-color), 1);padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.1);border:solid thin rgba(var(--text-color), 0.2)}.tooltip:hover .banner{display:flex}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:grid;gap:1rem;padding:1.5rem;width:100%;align-items:center;grid-template-columns:1fr auto auto;grid-column:1/-1}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto;padding:0 1.5rem}#pages_container>*{min-width:min(26rem,100%)}.listed-asset{position:relative;grid-template-columns:auto 1fr auto;gap:.5rem;padding:1rem 0;border-radius:.5rem;opacity:.8;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit}.listed-asset__icon{display:flex}.listed-asset__icon .icon{height:1.5rem;width:1.5rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{display:flex;flex-direction:column;height:100%}#asset_page__nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}#asset_page__nav .icon-only{margin-left:-0.7rem}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(42rem,100%);grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content;border-radius:.5rem}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{cursor:pointer;margin-right:.5rem}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.transaction-card{grid-template-columns:repeat(3, 1fr) 2rem}.transaction-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type{color:var(--green)}.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type{color:var(--danger-color)}.transaction-card__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.transaction-card__quantity,.transaction-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}#market_orders_list .list__header{font-size:.8rem;font-weight:500}#market_orders_list .list__header div{padding:.5rem 0}#market_orders_list .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}#wallet{display:grid;width:auto;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem}.balance-card{display:grid;align-items:center;gap:0 .5rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1);padding:.5rem}.balance-card.is-locked{padding:1rem .5rem;grid-template-columns:auto 1fr auto;gap:.5rem}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:2/3;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#wallet_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}#help{width:min(60ch,100%);margin-bottom:3rem;align-content:flex-start}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.hide-on-mobile{display:none !important}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#price_chart_container{flex:1}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.h1{font-size:2rem}.h2{font-size:1.8rem}.h3{font-size:1.3rem}.h4{font-size:1rem}.popup__header{padding:1rem 1.5rem 0 .8rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:16rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#asset_page__nav{grid-column:1/-1}#wallet{gap:1rem 2rem;grid-template-columns:20rem 24rem}#wallet__header{grid-column:1/3;padding-bottom:1rem}#wallet .balance-card{border:solid thin rgba(var(--text-color), 0.2)}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{opacity:0;transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}.transaction-card button{opacity:0;transition:opacity .3s}.transaction-card:hover button{opacity:1}}
\ No newline at end of file
diff --git a/docs/css/main.scss b/docs/css/main.scss
index 3518897..a5a7773 100644
--- a/docs/css/main.scss
+++ b/docs/css/main.scss
@@ -133,6 +133,9 @@ sm-button {
 sm-form {
   --gap: 1rem;
 }
+sm-copy {
+  font-size: 0.9rem;
+}
 ul {
   list-style: none;
 }
@@ -442,7 +445,9 @@ details {
     cursor: pointer;
     padding: 1rem 0;
   }
-
+  .icon {
+    flex-shrink: 0;
+  }
   &[open] {
     padding-bottom: 1rem;
     summary {
@@ -496,6 +501,26 @@ sm-checkbox {
     flex-shrink: 0;
   }
 }
+.tooltip {
+  position: relative;
+  z-index: 1;
+  cursor: pointer;
+  .banner {
+    position: absolute;
+    right: 0;
+    width: min(20rem, calc(100vw - 1rem));
+    display: none;
+    font-size: 0.9rem;
+    background-color: rgba(var(--foreground-color), 1);
+    padding: 1rem;
+    border-radius: 0.5rem;
+    box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.1);
+    border: solid thin rgba(var(--text-color), 0.2);
+  }
+  &:hover .banner {
+    display: flex;
+  }
+}
 .page-layout {
   display: grid;
   grid-template-columns: 1.5rem minmax(0, 1fr) 1.5rem;
@@ -532,10 +557,6 @@ sm-checkbox {
   header {
     padding: 1.5rem 0;
   }
-  sm-copy {
-    font-size: 0.9rem;
-    --button-border-radius: 0.5rem;
-  }
   .h2 {
     margin-bottom: 0.5rem;
   }
diff --git a/docs/index.html b/docs/index.html
index 026dc2c..6b3cc8e 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -112,7 +112,10 @@
                 </sm-form>
                 <section id="exchange_wrapper" class="hide user-content">
                     <div id="asset_list_wrapper" class="grid gap-1 align-start">
-                        <h5>ASSETS</h5>
+                        <div class="flex align-center space-between">
+                            <h5>ASSETS</h5>
+                            <h5>PRICE</h5>
+                        </div>
                         <ul id="listed_assets" class="user-content hide"></ul>
                     </div>
                     <div id="asset_page" class="hide-on-mobile">
@@ -150,10 +153,8 @@
                                     <strip-option value="sell">Sell</strip-option>
                                 </strip-select>
                             </div>
-                            <sm-input id="get_price" placeholder="Max price (₹)" type="number" step="0.0001" required
-                                animate>
-                            </sm-input>
-                            <sm-input id="get_quantity" placeholder="Quantity" type="number" step="0.0001" required
+                            <div id="get_price" class="flex align-center space-between"></div>
+                            <sm-input id="get_quantity" placeholder="Quantity" type="number" step="0.00000001" required
                                 animate>
                             </sm-input>
                             </sm-input>
@@ -338,6 +339,24 @@
                                 app.
                             </p>
                         </details>
+                        <details>
+                            <summary class="interact">
+                                <h4>
+                                    Why is there a difference between current asset prices and prices shown as
+                                    buying/selling price?
+                                </h4>
+                                <svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24"
+                                    width="24px" fill="#000000">
+                                    <path d="M0 0h24v24H0V0z" fill="none" />
+                                    <path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z" />
+                                </svg>
+                            </summary>
+                            <p>
+                                Contrary to other exchanges, the price you see as buying/selling price works as a upper
+                                bound for buying and lower bound for selling. you order will bne executed at
+                                best price determined by the exchange algorithm.
+                            </p>
+                        </details>
                         <details>
                             <summary class="interact">
                                 <h4>
@@ -1097,7 +1116,7 @@
                                 getRef('listed_assets').querySelector('.listed-asset--active').classList.remove('listed-asset--active')
                             getRef('listed_assets').querySelector(`[href="#/exchange?asset=${params.asset}"]`).classList.add('listed-asset--active')
                             getRef('chart_asset').innerHTML = `<h4> ${params.asset}/INR</h4><p>${formatAmount(floGlobals.exchangeRates[params.asset])}</p>`
-                            getRef('get_price').value = (parseFloat(floGlobals.exchangeRates[params.asset]) *  deviation[tradeType]).toFixed(6) ;
+                            showSuggestedPrice(params.asset)
                             getRef('traded_asset').textContent = `Trade ${params.asset}`
                             getRef('trade_button').textContent = `${tradeType} ${params.asset}`
                             getRef('quantity_type').textContent = tradeType === 'buy' ? formatAmount(allTokens.rupee.net) : `${parseFloat(allTokens[params.asset].net.toFixed(4))} ${params.asset}`
@@ -1357,6 +1376,27 @@
             return amount.toLocaleString(`en-IN`, { style: 'currency', currency: 'INR', maximumFractionDigits: 5 })
         }
 
+        function getSuggestedPrice(asset = pagesData.params.asset || 'FLO') {
+            const tradeType = getRef('trade_type_selector').value
+            return parseFloat((parseFloat(floGlobals.exchangeRates[asset]) * deviation[tradeType]).toFixed(8))
+        }
+
+        function showSuggestedPrice(asset) {
+            const tradeType = getRef('trade_type_selector').value
+            getRef('get_price').innerHTML = `
+                <div class="grid">
+                    <div style="font-size: 0.8rem; font-weight: 500; margin-bottom: 0.3rem;">${tradeType === 'buy' ? 'Buy upto' : 'Sell till'}</div>
+                    <h3>${formatAmount(getSuggestedPrice(asset))}</h3>
+                </div>
+                <div class="tooltip">
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/></svg>
+                    <p class="banner">
+                        This is the ${tradeType === 'buy' ? 'Highest price upto' : 'Lowest price until'} which your order will be considered valid. System will always try to match your order with the best price.
+                    </p>
+                </div>
+            `
+        }
+
         const chartDimensions = {
             height: 0,
             width: 0
@@ -1378,7 +1418,7 @@
                 card.dataset.type = type
                 card.querySelector('.order-card__type').textContent = type
                 card.querySelector('.order-card__quantity').textContent = `${quantity} ${asset}`
-                card.querySelector('.order-card__price-type').textContent = type === 'buy' ? 'Max price' : 'Min price'
+                card.querySelector('.order-card__price-type').textContent = type === 'buy' ? 'Valid upto' : 'Valid until'
                 card.querySelector('.order-card__price').textContent = formatAmount(price)
                 card.querySelector('.order-card__time').textContent = relativeTime.from(new Date(time).getTime())
                 return card
@@ -1650,8 +1690,7 @@
         getRef('trade_type_selector').addEventListener('change', e => {
             tradeType = e.detail.value
             const selectedAsset = pagesData.params.asset
-            getRef('get_price').setAttribute('placeholder', tradeType === 'buy' ? 'Max price' : 'Min price')
-            getRef('get_price').value = (parseFloat(floGlobals.exchangeRates[selectedAsset]) *  deviation[tradeType]).toFixed(6) ;
+            showSuggestedPrice()
             getRef('trade_button').textContent = `${tradeType} ${selectedAsset}`
             getRef('quantity_type').textContent = tradeType === 'buy' ? formatAmount(allTokens.rupee.net) : `${parseFloat(allTokens[selectedAsset].net.toFixed(4))} ${selectedAsset}`
             updateTooltip(selectedAsset, tradeType)
@@ -1663,7 +1702,7 @@
             hidePopup()
             const asset = pagesData.params.asset;
             const quantity = parseFloat(getRef('get_quantity').value)
-            const price = parseFloat(getRef('get_price').value)
+            const price = getSuggestedPrice()
             showProcess('trade_button_wrapper')
             try {
                 if (tradeType === 'buy') {
@@ -1698,10 +1737,10 @@
         }
         getRef('quantity_selector').addEventListener('click', e => {
             if (e.target.closest('button')) {
-                const target = e.target.closest('button')
-                const unitValue = parseFloat(getRef('get_price').value)
-                const fraction = parseFloat(target.value)
                 const selectedAsset = pagesData.params.asset
+                const target = e.target.closest('button')
+                const unitValue = getSuggestedPrice()
+                const fraction = parseFloat(target.value)
                 if (tradeType === 'buy') {
                     console.log(parseFloat((fraction * allTokens['rupee'].net).toFixed(4)), parseFloat(((allTokens['rupee'].net * fraction) / unitValue).toFixed(4)))
                     getRef('get_total').value = parseFloat((fraction * allTokens['rupee'].net).toFixed(2))
@@ -1713,19 +1752,13 @@
                 }
             }
         })
-        getRef('get_price').addEventListener('keyup', e => {
-            const unitValue = parseFloat(getRef('get_price').value) || floGlobals.exchangeRates[pagesData.params.asset]
-
-            const quantity = parseFloat(getRef('get_quantity').value) || 0
-            getRef('get_total').value = parseFloat((quantity * unitValue).toFixed(2)) || 0
-        })
         getRef('get_quantity').addEventListener('keyup', e => {
-            const unitValue = parseFloat(getRef('get_price').value)
+            const unitValue = getSuggestedPrice()
             getRef('get_total').value = parseFloat((parseFloat(e.target.value) * unitValue).toFixed(2)) || 0
         })
         getRef('get_total').addEventListener('keyup', e => {
-            const unitValue = parseFloat(getRef('get_price').value)
-            getRef('get_quantity').value = parseFloat((parseFloat(e.target.value) / unitValue).toFixed(6)) || 0
+            const unitValue = getSuggestedPrice()
+            getRef('get_quantity').value = parseFloat((parseFloat(e.target.value) / unitValue).toFixed(8)) || 0
         })
 
         getRef('wallet_actions').addEventListener('click', e => {
@@ -2091,10 +2124,10 @@
                     const asset = pagesData.params.asset;
                     const tradeType = getRef('trade_type_selector').value
                     const quantity = parseFloat(getRef('get_quantity').value)
-                    const price = parseFloat(getRef('get_price').value)
+                    const price = getSuggestedPrice()
                     const total = parseFloat(getRef('get_total').value)
                     getRef('confirm_trade__title').textContent = `${tradeType} ${asset}`
-                    getRef('confirm_trade__price_type').textContent = tradeType === 'buy' ? 'Max price' : 'Min price'
+                    getRef('confirm_trade__price_type').textContent = tradeType === 'buy' ? 'Valid upto' : 'Valid until'
                     getRef('confirm_trade__price').textContent = formatAmount(price)
                     getRef('confirm_trade__quantity').textContent = quantity
                     getRef('confirm_trade__total').textContent = formatAmount(total)
@@ -2247,8 +2280,10 @@
                         }
                     }
                 }
-                if (pagesData.params.hasOwnProperty('asset' && pagesData.params.asset !== ''))
-                    getRef('get_price').value = (parseFloat(rates[pagesData.params.asset]) *  deviation[tradeType]).toFixed(6) ;
+                if (pagesData.params.hasOwnProperty('asset' && pagesData.params.asset !== '')) {
+                    const tradeType = getRef('trade_type_selector').value
+                    showSuggestedPrice()
+                }
                 if (refreshButton)
                     buttonLoader('wallet_balance_refresh_button', false);
             }).catch(error => console.error(error.message))
@@ -2296,9 +2331,9 @@
                 document.querySelectorAll(".user-content").forEach(elem => elem.classList.remove('hide'))
                 getRef("user_id").value = acc.floID;
                 getRef("sink_id").value = acc.sinkID;
-                if(acc.subAdmin)
+                if (acc.subAdmin)
                     console.info("logged in as subAdmin");
-                    
+
                 // rupee balance init
                 allTokens[floGlobals.currency] = {
                     total: 0,

From 4ff4f4356e653c7efa5049ee3f5a537169bed684 Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Tue, 3 May 2022 19:45:35 +0530
Subject: [PATCH 058/168] Minor UI  update

---
 docs/css/main.css     |  2 +-
 docs/css/main.min.css |  2 +-
 docs/css/main.scss    |  2 +-
 docs/index.html       | 37 +++++++++++++++----------------------
 4 files changed, 18 insertions(+), 25 deletions(-)

diff --git a/docs/css/main.css b/docs/css/main.css
index 27f5a1a..02311ee 100644
--- a/docs/css/main.css
+++ b/docs/css/main.css
@@ -543,7 +543,7 @@ sm-checkbox {
   border: solid thin rgba(var(--text-color), 0.2);
 }
 .tooltip:hover .banner {
-  display: flex;
+  display: block;
 }
 
 .page-layout {
diff --git a/docs/css/main.min.css b/docs/css/main.min.css
index 9d495bb..c024774 100644
--- a/docs/css/main.min.css
+++ b/docs/css/main.min.css
@@ -1 +1 @@
-*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #504dff;--text-color: 20, 20, 20;--background-color: 240, 240, 240;--foreground-color: 250, 250, 250;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a3a1ff;--text-color: 220, 220, 220;--background-color: 10, 10, 10;--foreground-color: 24, 24, 24;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{color:var(--accent-color)}button,.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;cursor:pointer;transition:transform .3s;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.button{white-space:nowrap;padding:.6rem 1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.06);color:rgba(var(--text-color), 0.8);justify-content:center}.button--primary{background-color:var(--accent-color);color:rgba(var(--background-color), 1)}button:disabled{opacity:.5}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}sm-copy{font-size:.9rem}ul{list-style:none}.flex{display:flex}.grid{display:grid}.hide{opacity:0;pointer-events:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.breakable{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.h1{font-size:1.5rem}.h2{font-size:1.2rem}.h3{font-size:1rem}.h4{font-size:.9rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.6rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem 0 .8rem;align-items:center;grid-template-columns:auto 1fr auto}.popup__header__close{padding:.5rem;cursor:pointer}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;width:100%;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:1rem}.logo h4{text-transform:capitalize;font-size:.9rem;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details:not(:last-of-type){border-bottom:thin solid rgba(var(--text-color), 0.3)}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}details .icon{flex-shrink:0}details[open]{padding-bottom:1rem}details[open] summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.tooltip{position:relative;z-index:1;cursor:pointer}.tooltip .banner{position:absolute;right:0;width:min(20rem,100vw - 1rem);display:none;font-size:.9rem;background-color:rgba(var(--foreground-color), 1);padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.1);border:solid thin rgba(var(--text-color), 0.2)}.tooltip:hover .banner{display:flex}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:grid;gap:1rem;padding:1.5rem;width:100%;align-items:center;grid-template-columns:1fr auto auto;grid-column:1/-1}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto;padding:0 1.5rem}#pages_container>*{min-width:min(26rem,100%)}.listed-asset{position:relative;grid-template-columns:auto 1fr auto;gap:.5rem;padding:1rem 0;border-radius:.5rem;opacity:.8;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit}.listed-asset__icon{display:flex}.listed-asset__icon .icon{height:1.5rem;width:1.5rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{display:flex;flex-direction:column;height:100%}#asset_page__nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}#asset_page__nav .icon-only{margin-left:-0.7rem}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(42rem,100%);grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content;border-radius:.5rem}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{cursor:pointer;margin-right:.5rem}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.transaction-card{grid-template-columns:repeat(3, 1fr) 2rem}.transaction-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type{color:var(--green)}.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type{color:var(--danger-color)}.transaction-card__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.transaction-card__quantity,.transaction-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}#market_orders_list .list__header{font-size:.8rem;font-weight:500}#market_orders_list .list__header div{padding:.5rem 0}#market_orders_list .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}#wallet{display:grid;width:auto;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem}.balance-card{display:grid;align-items:center;gap:0 .5rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1);padding:.5rem}.balance-card.is-locked{padding:1rem .5rem;grid-template-columns:auto 1fr auto;gap:.5rem}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:2/3;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#wallet_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}#help{width:min(60ch,100%);margin-bottom:3rem;align-content:flex-start}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.hide-on-mobile{display:none !important}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#price_chart_container{flex:1}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.h1{font-size:2rem}.h2{font-size:1.8rem}.h3{font-size:1.3rem}.h4{font-size:1rem}.popup__header{padding:1rem 1.5rem 0 .8rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:16rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#asset_page__nav{grid-column:1/-1}#wallet{gap:1rem 2rem;grid-template-columns:20rem 24rem}#wallet__header{grid-column:1/3;padding-bottom:1rem}#wallet .balance-card{border:solid thin rgba(var(--text-color), 0.2)}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{opacity:0;transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}.transaction-card button{opacity:0;transition:opacity .3s}.transaction-card:hover button{opacity:1}}
\ No newline at end of file
+*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #504dff;--text-color: 20, 20, 20;--background-color: 240, 240, 240;--foreground-color: 250, 250, 250;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a3a1ff;--text-color: 220, 220, 220;--background-color: 10, 10, 10;--foreground-color: 24, 24, 24;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{color:var(--accent-color)}button,.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;cursor:pointer;transition:transform .3s;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.button{white-space:nowrap;padding:.6rem 1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.06);color:rgba(var(--text-color), 0.8);justify-content:center}.button--primary{background-color:var(--accent-color);color:rgba(var(--background-color), 1)}button:disabled{opacity:.5}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}sm-copy{font-size:.9rem}ul{list-style:none}.flex{display:flex}.grid{display:grid}.hide{opacity:0;pointer-events:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.breakable{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.h1{font-size:1.5rem}.h2{font-size:1.2rem}.h3{font-size:1rem}.h4{font-size:.9rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.6rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem 0 .8rem;align-items:center;grid-template-columns:auto 1fr auto}.popup__header__close{padding:.5rem;cursor:pointer}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;width:100%;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:1rem}.logo h4{text-transform:capitalize;font-size:.9rem;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details:not(:last-of-type){border-bottom:thin solid rgba(var(--text-color), 0.3)}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}details .icon{flex-shrink:0}details[open]{padding-bottom:1rem}details[open] summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.tooltip{position:relative;z-index:1;cursor:pointer}.tooltip .banner{position:absolute;right:0;width:min(20rem,100vw - 1rem);display:none;font-size:.9rem;background-color:rgba(var(--foreground-color), 1);padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.1);border:solid thin rgba(var(--text-color), 0.2)}.tooltip:hover .banner{display:block}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:grid;gap:1rem;padding:1.5rem;width:100%;align-items:center;grid-template-columns:1fr auto auto;grid-column:1/-1}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto;padding:0 1.5rem}#pages_container>*{min-width:min(26rem,100%)}.listed-asset{position:relative;grid-template-columns:auto 1fr auto;gap:.5rem;padding:1rem 0;border-radius:.5rem;opacity:.8;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit}.listed-asset__icon{display:flex}.listed-asset__icon .icon{height:1.5rem;width:1.5rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{display:flex;flex-direction:column;height:100%}#asset_page__nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}#asset_page__nav .icon-only{margin-left:-0.7rem}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(42rem,100%);grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content;border-radius:.5rem}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{cursor:pointer;margin-right:.5rem}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.transaction-card{grid-template-columns:repeat(3, 1fr) 2rem}.transaction-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type{color:var(--green)}.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type{color:var(--danger-color)}.transaction-card__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.transaction-card__quantity,.transaction-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}#market_orders_list .list__header{font-size:.8rem;font-weight:500}#market_orders_list .list__header div{padding:.5rem 0}#market_orders_list .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}#wallet{display:grid;width:auto;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem}.balance-card{display:grid;align-items:center;gap:0 .5rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1);padding:.5rem}.balance-card.is-locked{padding:1rem .5rem;grid-template-columns:auto 1fr auto;gap:.5rem}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:2/3;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#wallet_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}#help{width:min(60ch,100%);margin-bottom:3rem;align-content:flex-start}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.hide-on-mobile{display:none !important}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#price_chart_container{flex:1}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.h1{font-size:2rem}.h2{font-size:1.8rem}.h3{font-size:1.3rem}.h4{font-size:1rem}.popup__header{padding:1rem 1.5rem 0 .8rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:16rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#asset_page__nav{grid-column:1/-1}#wallet{gap:1rem 2rem;grid-template-columns:20rem 24rem}#wallet__header{grid-column:1/3;padding-bottom:1rem}#wallet .balance-card{border:solid thin rgba(var(--text-color), 0.2)}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{opacity:0;transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}.transaction-card button{opacity:0;transition:opacity .3s}.transaction-card:hover button{opacity:1}}
\ No newline at end of file
diff --git a/docs/css/main.scss b/docs/css/main.scss
index a5a7773..db9d737 100644
--- a/docs/css/main.scss
+++ b/docs/css/main.scss
@@ -518,7 +518,7 @@ sm-checkbox {
     border: solid thin rgba(var(--text-color), 0.2);
   }
   &:hover .banner {
-    display: flex;
+    display: block;
   }
 }
 .page-layout {
diff --git a/docs/index.html b/docs/index.html
index 6b3cc8e..99000ce 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -134,7 +134,7 @@
                         </nav>
                         <div id="price_chart_container" class="flex direction-column gap-0-5 hide-on-mobile">
                             <div id="chart_header" class="flex align-center space-between">
-                                <div id="chart_asset"></div>
+                                <H4 id="chart_asset"></H4>
                                 <strip-select id="price_duration_selector">
                                     <strip-option value="hour" title="1 Hour price interval" selected>Hour
                                     </strip-option>
@@ -488,15 +488,20 @@
             <a href="#/help" class="main_navbar__item user-content hide interact">
                 <svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px"
                     fill="#000000">
-                    <path d="M0 0h24v24H0z" fill="none" />
+                    <path d="M0 0h24v24H0V0z" fill="none" />
                     <path
-                        d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z" />
+                        d="M11 18h2v-2h-2v2zm1-16C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm0-14c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5 0-2.21-1.79-4-4-4z" />
                 </svg>
                 <div class="item__title">Help</div>
             </a>
         </nav>
     </article>
 
+    * show all trades are happening at current price
+    * show max price allow
+    * remove graph price
+    *
+
     <sm-popup id="confirm_trade_popup">
         <header slot="header" class="popup__header">
             <button class="popup__header__close" onclick="hidePopup()">
@@ -706,7 +711,7 @@
                 <div class="order-card__quantity"></div>
             </div>
             <div class="grid">
-                <span class="label order-card__price-type">Unit price</span>
+                <span class="label order-card__price-type">Ordered at</span>
                 <div class="order-card__price"></div>
             </div>
             <time class="order-card__time"></time>
@@ -727,7 +732,7 @@
                 <div class="transaction-card__quantity"></div>
             </div>
             <div class="grid">
-                <span class="label transaction-card__price-type">Unit price</span>
+                <span class="label transaction-card__price-type">Ordered at</span>
                 <div class="transaction-card__price"></div>
             </div>
             <div class="grid">
@@ -750,7 +755,7 @@
                 <div class="transaction-card__quantity"></div>
             </div>
             <div class="grid">
-                <span class="label transaction-card__price-type">Unit price</span>
+                <span class="label transaction-card__price-type">Ordered at</span>
                 <div class="transaction-card__price"></div>
             </div>
             <div class="grid">
@@ -793,7 +798,7 @@
     <template id="market_transaction_list_template">
         <h4 class="grid list__header">
             <div>Quantity</div>
-            <div>Unit price</div>
+            <div>Ordered at</div>
             <div>Total</div>
             <div></div>
         </h4>
@@ -1115,7 +1120,7 @@
                             if (getRef('listed_assets').querySelector('.listed-asset--active'))
                                 getRef('listed_assets').querySelector('.listed-asset--active').classList.remove('listed-asset--active')
                             getRef('listed_assets').querySelector(`[href="#/exchange?asset=${params.asset}"]`).classList.add('listed-asset--active')
-                            getRef('chart_asset').innerHTML = `<h4> ${params.asset}/INR</h4><p>${formatAmount(floGlobals.exchangeRates[params.asset])}</p>`
+                            getRef('chart_asset').textContent = `${params.asset}/INR`
                             showSuggestedPrice(params.asset)
                             getRef('traded_asset').textContent = `Trade ${params.asset}`
                             getRef('trade_button').textContent = `${tradeType} ${params.asset}`
@@ -1385,13 +1390,13 @@
             const tradeType = getRef('trade_type_selector').value
             getRef('get_price').innerHTML = `
                 <div class="grid">
-                    <div style="font-size: 0.8rem; font-weight: 500; margin-bottom: 0.3rem;">${tradeType === 'buy' ? 'Buy upto' : 'Sell till'}</div>
+                    <div style="font-size: 0.8rem; font-weight: 500; margin-bottom: 0.3rem;">${tradeType === 'buy' ? 'Buy order valid upto' : 'Sell order valid until'}</div>
                     <h3>${formatAmount(getSuggestedPrice(asset))}</h3>
                 </div>
                 <div class="tooltip">
                     <svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/></svg>
                     <p class="banner">
-                        This is the ${tradeType === 'buy' ? 'Highest price upto' : 'Lowest price until'} which your order will be considered valid. System will always try to match your order with the best price.
+                        This is the ${tradeType === 'buy' ? `<b>Highest price</b> upto` : `<b>Lowest price</b> until`} which your order will be considered valid. System will always try to match your order with the best price.
                     </p>
                 </div>
             `
@@ -1492,18 +1497,6 @@
                         chartDimensions.width = entries[0].contentRect.width;
                         chart.applyOptions({ width: chartDimensions.width, height: chartDimensions.height });
                     }).observe(getRef('price_chart_wrapper'));
-                    function setLastBarText() {
-                        getRef('chart_asset').innerHTML = `<h4> ${asset}/INR</h4><p>${formatAmount(data[data.length - 1].value)}</p>`;
-                    }
-                    setLastBarText();
-                    chart.subscribeCrosshairMove(function (param) {
-                        if (param === undefined || param.time === undefined || param.point.x < 0 || param.point.x > chartDimensions.width || param.point.y < 0 || param.point.y > chartDimensions.height) {
-                            setLastBarText();
-                        } else {
-                            const price = param.seriesPrices.get(lineSeries);
-                            getRef('chart_asset').innerHTML = `<h4> ${asset}/INR</h4><p>${formatAmount(price)}</p>`;
-                        }
-                    });
                 })
             },
             userOrders() {

From 442562fc6742166ac8805bf7aafaf69f21346d2f Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Wed, 4 May 2022 02:28:35 +0530
Subject: [PATCH 059/168] UI and UX improvements

-- separated market buy and sell orders with priority based rendering
---
 docs/css/main.css     |  17 ++--
 docs/css/main.min.css |   2 +-
 docs/css/main.scss    |  14 +--
 docs/index.html       | 194 +++++++++++++++++++++++++++++-------------
 4 files changed, 143 insertions(+), 84 deletions(-)

diff --git a/docs/css/main.css b/docs/css/main.css
index 02311ee..f9dc099 100644
--- a/docs/css/main.css
+++ b/docs/css/main.css
@@ -829,6 +829,8 @@ sm-checkbox {
 }
 
 .transaction-card {
+  content-visibility: auto;
+  contain-intrinsic-size: 2.5rem;
   grid-template-columns: repeat(3, 1fr) 2rem;
 }
 .transaction-card__type {
@@ -852,14 +854,14 @@ sm-checkbox {
   color: rgba(var(--text-color), 0.9);
 }
 
-#market_orders_list .list__header {
+#market_orders_wrapper .list__header {
   font-size: 0.8rem;
   font-weight: 500;
 }
-#market_orders_list .list__header div {
+#market_orders_wrapper .list__header div {
   padding: 0.5rem 0;
 }
-#market_orders_list .list__header {
+#market_orders_wrapper .list__header {
   margin-bottom: 0.5rem;
   grid-template-columns: repeat(3, 1fr) 2rem;
 }
@@ -1328,7 +1330,6 @@ sm-checkbox {
     transition: opacity 0.3s, transform 0.3s;
   }
   .order-card .cancel-order .icon {
-    opacity: 0;
     transform: translateX(100%);
   }
   .order-card .cancel-order span {
@@ -1343,12 +1344,4 @@ sm-checkbox {
     opacity: 1;
     transform: translateX(0);
   }
-
-  .transaction-card button {
-    opacity: 0;
-    transition: opacity 0.3s;
-  }
-  .transaction-card:hover button {
-    opacity: 1;
-  }
 }
\ No newline at end of file
diff --git a/docs/css/main.min.css b/docs/css/main.min.css
index c024774..5be3035 100644
--- a/docs/css/main.min.css
+++ b/docs/css/main.min.css
@@ -1 +1 @@
-*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #504dff;--text-color: 20, 20, 20;--background-color: 240, 240, 240;--foreground-color: 250, 250, 250;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a3a1ff;--text-color: 220, 220, 220;--background-color: 10, 10, 10;--foreground-color: 24, 24, 24;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{color:var(--accent-color)}button,.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;cursor:pointer;transition:transform .3s;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.button{white-space:nowrap;padding:.6rem 1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.06);color:rgba(var(--text-color), 0.8);justify-content:center}.button--primary{background-color:var(--accent-color);color:rgba(var(--background-color), 1)}button:disabled{opacity:.5}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}sm-copy{font-size:.9rem}ul{list-style:none}.flex{display:flex}.grid{display:grid}.hide{opacity:0;pointer-events:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.breakable{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.h1{font-size:1.5rem}.h2{font-size:1.2rem}.h3{font-size:1rem}.h4{font-size:.9rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.6rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem 0 .8rem;align-items:center;grid-template-columns:auto 1fr auto}.popup__header__close{padding:.5rem;cursor:pointer}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;width:100%;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:1rem}.logo h4{text-transform:capitalize;font-size:.9rem;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details:not(:last-of-type){border-bottom:thin solid rgba(var(--text-color), 0.3)}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}details .icon{flex-shrink:0}details[open]{padding-bottom:1rem}details[open] summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.tooltip{position:relative;z-index:1;cursor:pointer}.tooltip .banner{position:absolute;right:0;width:min(20rem,100vw - 1rem);display:none;font-size:.9rem;background-color:rgba(var(--foreground-color), 1);padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.1);border:solid thin rgba(var(--text-color), 0.2)}.tooltip:hover .banner{display:block}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:grid;gap:1rem;padding:1.5rem;width:100%;align-items:center;grid-template-columns:1fr auto auto;grid-column:1/-1}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto;padding:0 1.5rem}#pages_container>*{min-width:min(26rem,100%)}.listed-asset{position:relative;grid-template-columns:auto 1fr auto;gap:.5rem;padding:1rem 0;border-radius:.5rem;opacity:.8;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit}.listed-asset__icon{display:flex}.listed-asset__icon .icon{height:1.5rem;width:1.5rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{display:flex;flex-direction:column;height:100%}#asset_page__nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}#asset_page__nav .icon-only{margin-left:-0.7rem}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(42rem,100%);grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content;border-radius:.5rem}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{cursor:pointer;margin-right:.5rem}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.transaction-card{grid-template-columns:repeat(3, 1fr) 2rem}.transaction-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type{color:var(--green)}.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type{color:var(--danger-color)}.transaction-card__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.transaction-card__quantity,.transaction-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}#market_orders_list .list__header{font-size:.8rem;font-weight:500}#market_orders_list .list__header div{padding:.5rem 0}#market_orders_list .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}#wallet{display:grid;width:auto;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem}.balance-card{display:grid;align-items:center;gap:0 .5rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1);padding:.5rem}.balance-card.is-locked{padding:1rem .5rem;grid-template-columns:auto 1fr auto;gap:.5rem}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:2/3;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#wallet_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}#help{width:min(60ch,100%);margin-bottom:3rem;align-content:flex-start}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.hide-on-mobile{display:none !important}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#price_chart_container{flex:1}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.h1{font-size:2rem}.h2{font-size:1.8rem}.h3{font-size:1.3rem}.h4{font-size:1rem}.popup__header{padding:1rem 1.5rem 0 .8rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:16rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#asset_page__nav{grid-column:1/-1}#wallet{gap:1rem 2rem;grid-template-columns:20rem 24rem}#wallet__header{grid-column:1/3;padding-bottom:1rem}#wallet .balance-card{border:solid thin rgba(var(--text-color), 0.2)}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{opacity:0;transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}.transaction-card button{opacity:0;transition:opacity .3s}.transaction-card:hover button{opacity:1}}
\ No newline at end of file
+*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #504dff;--text-color: 20, 20, 20;--background-color: 240, 240, 240;--foreground-color: 250, 250, 250;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a3a1ff;--text-color: 220, 220, 220;--background-color: 10, 10, 10;--foreground-color: 24, 24, 24;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{color:var(--accent-color)}button,.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;cursor:pointer;transition:transform .3s;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.button{white-space:nowrap;padding:.6rem 1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.06);color:rgba(var(--text-color), 0.8);justify-content:center}.button--primary{background-color:var(--accent-color);color:rgba(var(--background-color), 1)}button:disabled{opacity:.5}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}sm-copy{font-size:.9rem}ul{list-style:none}.flex{display:flex}.grid{display:grid}.hide{opacity:0;pointer-events:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.breakable{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.h1{font-size:1.5rem}.h2{font-size:1.2rem}.h3{font-size:1rem}.h4{font-size:.9rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.6rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem 0 .8rem;align-items:center;grid-template-columns:auto 1fr auto}.popup__header__close{padding:.5rem;cursor:pointer}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;width:100%;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:1rem}.logo h4{text-transform:capitalize;font-size:.9rem;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details:not(:last-of-type){border-bottom:thin solid rgba(var(--text-color), 0.3)}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}details .icon{flex-shrink:0}details[open]{padding-bottom:1rem}details[open] summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.tooltip{position:relative;z-index:1;cursor:pointer}.tooltip .banner{position:absolute;right:0;width:min(20rem,100vw - 1rem);display:none;font-size:.9rem;background-color:rgba(var(--foreground-color), 1);padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.1);border:solid thin rgba(var(--text-color), 0.2)}.tooltip:hover .banner{display:block}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:grid;gap:1rem;padding:1.5rem;width:100%;align-items:center;grid-template-columns:1fr auto auto;grid-column:1/-1}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto;padding:0 1.5rem}#pages_container>*{min-width:min(26rem,100%)}.listed-asset{position:relative;grid-template-columns:auto 1fr auto;gap:.5rem;padding:1rem 0;border-radius:.5rem;opacity:.8;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit}.listed-asset__icon{display:flex}.listed-asset__icon .icon{height:1.5rem;width:1.5rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{display:flex;flex-direction:column;height:100%}#asset_page__nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}#asset_page__nav .icon-only{margin-left:-0.7rem}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(42rem,100%);grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content;border-radius:.5rem}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{cursor:pointer;margin-right:.5rem}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.transaction-card{content-visibility:auto;contain-intrinsic-size:2.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.transaction-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type{color:var(--green)}.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type{color:var(--danger-color)}.transaction-card__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.transaction-card__quantity,.transaction-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}#market_orders_wrapper .list__header{font-size:.8rem;font-weight:500}#market_orders_wrapper .list__header div{padding:.5rem 0}#market_orders_wrapper .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}#wallet{display:grid;width:auto;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem}.balance-card{display:grid;align-items:center;gap:0 .5rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1);padding:.5rem}.balance-card.is-locked{padding:1rem .5rem;grid-template-columns:auto 1fr auto;gap:.5rem}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:2/3;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#wallet_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}#help{width:min(60ch,100%);margin-bottom:3rem;align-content:flex-start}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.hide-on-mobile{display:none !important}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#price_chart_container{flex:1}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.h1{font-size:2rem}.h2{font-size:1.8rem}.h3{font-size:1.3rem}.h4{font-size:1rem}.popup__header{padding:1rem 1.5rem 0 .8rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:16rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#asset_page__nav{grid-column:1/-1}#wallet{gap:1rem 2rem;grid-template-columns:20rem 24rem}#wallet__header{grid-column:1/3;padding-bottom:1rem}#wallet .balance-card{border:solid thin rgba(var(--text-color), 0.2)}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}}
\ No newline at end of file
diff --git a/docs/css/main.scss b/docs/css/main.scss
index db9d737..3748c1c 100644
--- a/docs/css/main.scss
+++ b/docs/css/main.scss
@@ -789,6 +789,8 @@ sm-checkbox {
 }
 
 .transaction-card {
+  content-visibility: auto;
+  contain-intrinsic-size: 2.5rem;
   grid-template-columns: repeat(3, 1fr) 2rem;
   &__type {
     font-size: 0.9rem;
@@ -815,7 +817,7 @@ sm-checkbox {
   }
 }
 
-#market_orders_list {
+#market_orders_wrapper {
   .list__header {
     font-size: 0.8rem;
     font-weight: 500;
@@ -1230,7 +1232,6 @@ sm-checkbox {
         transition: opacity 0.3s, transform 0.3s;
       }
       .icon {
-        opacity: 0;
         transform: translateX(100%);
       }
       span {
@@ -1254,13 +1255,4 @@ sm-checkbox {
       }
     }
   }
-  .transaction-card {
-    button {
-      opacity: 0;
-      transition: opacity 0.3s;
-    }
-    &:hover button {
-      opacity: 1;
-    }
-  }
 }
diff --git a/docs/index.html b/docs/index.html
index 99000ce..4ee8acf 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -158,8 +158,8 @@
                                 animate>
                             </sm-input>
                             </sm-input>
-                            <sm-input id="get_total" placeholder="Total (₹)" type="number" min="0.01" step="0.01"
-                                required animate>
+                            <sm-input id="get_total" placeholder="Locked amount (₹)" type="number" min="0.00000001"
+                                step="0.00000001" required animate>
                             </sm-input>
                             <div class="grid gap-0-5">
                                 <div id="quantity_selector" class="flex align-center quantity-selector">
@@ -204,7 +204,7 @@
                         </h4>
                         <strip-select id="my_orders_category_selector" class="tab">
                             <strip-option value="open" selected>Open</strip-option>
-                            <strip-option value="completed">History</strip-option>
+                            <strip-option value="completed">Trades</strip-option>
                         </strip-select>
                     </div>
                     <div id="orders_section__header--secondary" class="flex w-100 align-center space-between hide">
@@ -241,7 +241,7 @@
             <section id="market" class="grid gap-1 hide mobile-page">
                 <div class="orders_section__header flex align-center space-between">
                     <h4 class="flex align-center">
-                        Market orders
+                        Market-wide trades
                         <button onclick="refresh();" title="Refresh" style="margin-left: 1rem;">
                             <svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24"
                                 width="24px" fill="#000000">
@@ -253,13 +253,43 @@
                     </h4>
                     <strip-select id="market_orders_category_selector" class="tab">
                         <strip-option value="open" selected>Open</strip-option>
-                        <strip-option value="completed">History</strip-option>
+                        <strip-option value="completed">Trades</strip-option>
                     </strip-select>
                 </div>
-                <ul id="market_orders_list" class="observe-empty-state"></ul>
-                <p class="empty-state">
-                    No orders placed
-                </p>
+                <div id="market_orders_wrapper">
+                    <div class="grid gap-1">
+                        <div class="flex align-center space-between">
+                            <div class="grid">
+                                <h4>Open orders</h4>
+                                <p>Order placement denotes priority at which orders will get executed.</p>
+                            </div>
+                            <strip-select id="market_open_orders_type_selector" class="tab">
+                                <strip-option value="buy" selected>Buy</strip-option>
+                                <strip-option value="sell">Sell</strip-option>
+                            </strip-select>
+                        </div>
+                        <div id="market_open_orders_wrapper">
+                            <div>
+                                <ul id="market_buy_orders" class="observe-empty-state"></ul>
+                                <p class="empty-state">
+                                    No buy orders placed
+                                </p>
+                            </div>
+                            <div>
+                                <ul id="market_sell_orders" class="observe-empty-state"></ul>
+                                <p class="empty-state">
+                                    No sell orders placed
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                    <div>
+                        <ul id="market_trades" class="observe-empty-state"></ul>
+                        <p class="empty-state">
+                            No trades happened
+                        </p>
+                    </div>
+                </div>
             </section>
             <section id="wallet" class="grid mobile-page hide">
                 <h4 id="wallet__header" class="flex align-center">
@@ -496,11 +526,13 @@
             </a>
         </nav>
     </article>
-
+    <!-- 
     * show all trades are happening at current price
     * show max price allow
-    * remove graph price
-    *
+    * add min price when total is entered
+    * add amount locked when quantity is entered
+    * add warning to show if an order is not considered
+ -->
 
     <sm-popup id="confirm_trade_popup">
         <header slot="header" class="popup__header">
@@ -667,7 +699,7 @@
             </div>
             <div class="grid">
                 <h5 id="transaction_time__label" class="label">Completed</h5>
-                <h4 id="transaction_time"></h4>
+                <time style="font-size: 0.9rem;" id="transaction_time"></time>
             </div>
         </div>
     </sm-popup>
@@ -711,7 +743,7 @@
                 <div class="order-card__quantity"></div>
             </div>
             <div class="grid">
-                <span class="label order-card__price-type">Ordered at</span>
+                <span class="label order-card__price-type"></span>
                 <div class="order-card__price"></div>
             </div>
             <time class="order-card__time"></time>
@@ -732,7 +764,7 @@
                 <div class="transaction-card__quantity"></div>
             </div>
             <div class="grid">
-                <span class="label transaction-card__price-type">Ordered at</span>
+                <span class="label transaction-card__price-type">Valid upto</span>
                 <div class="transaction-card__price"></div>
             </div>
             <div class="grid">
@@ -755,7 +787,7 @@
                 <div class="transaction-card__quantity"></div>
             </div>
             <div class="grid">
-                <span class="label transaction-card__price-type">Ordered at</span>
+                <span class="label transaction-card__price-type">Valid upto</span>
                 <div class="transaction-card__price"></div>
             </div>
             <div class="grid">
@@ -798,7 +830,7 @@
     <template id="market_transaction_list_template">
         <h4 class="grid list__header">
             <div>Quantity</div>
-            <div>Ordered at</div>
+            <div>Traded at</div>
             <div>Total</div>
             <div></div>
         </h4>
@@ -1124,7 +1156,7 @@
                             showSuggestedPrice(params.asset)
                             getRef('traded_asset').textContent = `Trade ${params.asset}`
                             getRef('trade_button').textContent = `${tradeType} ${params.asset}`
-                            getRef('quantity_type').textContent = tradeType === 'buy' ? formatAmount(allTokens.rupee.net) : `${parseFloat(allTokens[params.asset].net.toFixed(4))} ${params.asset}`
+                            getRef('quantity_type').textContent = tradeType === 'buy' ? formatAmount(allTokens.rupee.net, true) : `${parseFloat(allTokens[params.asset].net.toFixed(4))} ${params.asset}`
                             updateTooltip(params.asset, tradeType)
                         }
                         const animOptions = {
@@ -1313,6 +1345,14 @@
         mobileQuery.addEventListener('change', handleMobileChange)
 
         handleMobileChange(mobileQuery)
+        function showChild(id, index) {
+            [...getRef(id).children].forEach((child, i) => {
+                if (i === index)
+                    child.classList.remove('hide')
+                else
+                    child.classList.add('hide')
+            })
+        }
     </script>
     <script>
         function buttonLoader(id, show) {
@@ -1377,8 +1417,8 @@
             return listedAssets.hasOwnProperty(asset) ? listedAssets[asset].icon : listedAssets.default.icon;
         }
 
-        function formatAmount(amount) {
-            return amount.toLocaleString(`en-IN`, { style: 'currency', currency: 'INR', maximumFractionDigits: 5 })
+        function formatAmount(amount, shorten = false) {
+            return amount.toLocaleString(`en-IN`, { style: 'currency', currency: 'INR', maximumFractionDigits: shorten ? 2 : 8 })
         }
 
         function getSuggestedPrice(asset = pagesData.params.asset || 'FLO') {
@@ -1386,17 +1426,24 @@
             return parseFloat((parseFloat(floGlobals.exchangeRates[asset]) * deviation[tradeType]).toFixed(8))
         }
 
-        function showSuggestedPrice(asset) {
+        function showSuggestedPrice(asset = pagesData.params.asset || 'FLO') {
             const tradeType = getRef('trade_type_selector').value
             getRef('get_price').innerHTML = `
                 <div class="grid">
-                    <div style="font-size: 0.8rem; font-weight: 500; margin-bottom: 0.3rem;">${tradeType === 'buy' ? 'Buy order valid upto' : 'Sell order valid until'}</div>
+                    <div style="font-size: 0.8rem; font-weight: 500; margin-bottom: 0.3rem;">Current price</div>
+                    <h3>${formatAmount(floGlobals.exchangeRates[asset])}</h3>
+                </div>
+                <div class="grid">
+                    <div style="font-size: 0.8rem; font-weight: 500; margin-bottom: 0.3rem;">${tradeType === 'buy' ? 'Highest' : 'Lowest'} price</div>
                     <h3>${formatAmount(getSuggestedPrice(asset))}</h3>
                 </div>
                 <div class="tooltip">
                     <svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/></svg>
                     <p class="banner">
-                        This is the ${tradeType === 'buy' ? `<b>Highest price</b> upto` : `<b>Lowest price</b> until`} which your order will be considered valid. System will always try to match your order with the best price.
+                        ${tradeType === 'buy' ?
+                    `<b>Highest price</b> is the max price upto which your order can be executed, which is <b>${DEFAULT_TRADE_PRICE_DEVIATION * 100}%</b> higher than current price.` :
+                    `<b>Lowest price</b> is the min price until which your order can be executed, which is <b>${DEFAULT_TRADE_PRICE_DEVIATION * 100}%</b> lower than current price.`
+                } System will always try to execute your order at the <b>nearest price possible to current price</b>.
                     </p>
                 </div>
             `
@@ -1545,34 +1592,60 @@
                 }
                 getRef('orders_list').append(frag)
             },
-            async marketOrders() {
+            marketOrders() {
                 const frag = document.createDocumentFragment()
-                getRef('market_orders_list').innerHTML = '';
                 const ordersType = getRef('market_orders_category_selector').value
+                const openOrdersType = getRef('market_open_orders_type_selector').value
                 if (ordersType === 'open') {
-                    try {
-                        const [buyOrders, sellOrders] = await Promise.all([floExchangeAPI.getBuyList(), floExchangeAPI.getSellList()])
-                        const allOpenOrders = [...buyOrders, ...sellOrders].sort((a, b) => new Date(b.time_placed).getTime() - new Date(a.time_placed).getTime())
-                        allOpenOrders.forEach(order => {
-                            const { floID, asset, quantity, minPrice = undefined, maxPrice = undefined, time_placed } = order
-                            const orderDetails = {
-                                floID,
-                                asset,
-                                quantity,
-                                type: minPrice ? 'sell' : 'buy',
-                                unitValue: minPrice || maxPrice,
-                                time: time_placed
-                            }
-                            frag.append(render.marketOrderCard(orderDetails))
+                    showChild('market_orders_wrapper', 0)
+                    if (openOrdersType === 'buy') {
+                        showChild('market_open_orders_wrapper', 0)
+                        getRef('market_buy_orders').innerHTML = '<sm-spinner></sm-spinner>';
+                        floExchangeAPI.getBuyList().then(buyOrders => {
+                            getRef('market_buy_orders').innerHTML = '';
+                            buyOrders.forEach(order => {
+                                const { id, asset, quantity, maxPrice, time_placed } = order
+                                const orderDetails = {
+                                    id,
+                                    asset,
+                                    quantity,
+                                    type: 'buy',
+                                    unitValue: maxPrice,
+                                    time: time_placed
+                                }
+                                frag.append(render.marketOrderCard(orderDetails))
+                            })
+                            getRef('market_buy_orders').append(frag)
+                        }).catch(err => {
+                            console.log(err)
+                        })
+                    } else {
+                        showChild('market_open_orders_wrapper', 1)
+                        getRef('market_sell_orders').innerHTML = '<sm-spinner></sm-spinner>';
+                        floExchangeAPI.getSellList().then(sellOrders => {
+                            getRef('market_sell_orders').innerHTML = '';
+                            sellOrders.forEach(order => {
+                                const { id, asset, quantity, minPrice, time_placed } = order
+                                const orderDetails = {
+                                    id,
+                                    asset,
+                                    quantity,
+                                    type: 'sell',
+                                    unitValue: minPrice,
+                                    time: time_placed
+                                }
+                                frag.append(render.marketOrderCard(orderDetails))
+                            })
+                            getRef('market_sell_orders').append(frag)
+                        }).catch(err => {
+                            console.log(err)
                         })
                     }
-                    catch (err) {
-                        notify(err.message, 'error')
-                    }
                 } else {
-                    try {
-                        const marketTransactions = await floExchangeAPI.getTradeList()
-                        marketTransactions.forEach(transaction => {
+                    showChild('market_orders_wrapper', 1)
+                    getRef('market_trades').innerHTML = '<sm-spinner></sm-spinner>';
+                    floExchangeAPI.getTradeList().then(trades => {
+                        trades.forEach(transaction => {
                             const { seller, buyer, asset, quantity, unitValue, tx_time } = transaction
                             const transactionDetails = {
                                 buyer,
@@ -1584,14 +1657,14 @@
                             }
                             frag.append(render.marketTransactionCard(transactionDetails))
                         })
+                        getRef('market_trades').innerHTML = '';
                         const marketTransactionList = getRef('market_transaction_list_template').content.cloneNode(true)
-                        getRef('market_orders_list').append(marketTransactionList)
-                    }
-                    catch (err) {
-                        notify(err.message, 'error')
-                    }
+                        getRef('market_trades').append(marketTransactionList)
+                        getRef('market_trades').append(frag)
+                    }).catch(err => {
+                        console.log(err)
+                    })
                 }
-                getRef('market_orders_list').append(frag)
             }
         }
 
@@ -1684,8 +1757,9 @@
             tradeType = e.detail.value
             const selectedAsset = pagesData.params.asset
             showSuggestedPrice()
+            getRef('get_total').setAttribute('placeholder', tradeType === 'buy' ? `Locked amount (₹)` : `Min amount received (₹)`)
             getRef('trade_button').textContent = `${tradeType} ${selectedAsset}`
-            getRef('quantity_type').textContent = tradeType === 'buy' ? formatAmount(allTokens.rupee.net) : `${parseFloat(allTokens[selectedAsset].net.toFixed(4))} ${selectedAsset}`
+            getRef('quantity_type').textContent = tradeType === 'buy' ? formatAmount(allTokens.rupee.net, true) : `${parseFloat(allTokens[selectedAsset].net.toFixed(4))} ${selectedAsset}`
             updateTooltip(selectedAsset, tradeType)
         })
         getRef('price_duration_selector').addEventListener('change', e => {
@@ -1735,19 +1809,18 @@
                 const unitValue = getSuggestedPrice()
                 const fraction = parseFloat(target.value)
                 if (tradeType === 'buy') {
-                    console.log(parseFloat((fraction * allTokens['rupee'].net).toFixed(4)), parseFloat(((allTokens['rupee'].net * fraction) / unitValue).toFixed(4)))
-                    getRef('get_total').value = parseFloat((fraction * allTokens['rupee'].net).toFixed(2))
-                    getRef('get_quantity').value = parseFloat(((allTokens['rupee'].net * fraction) / unitValue).toFixed(4))
+                    getRef('get_total').value = parseFloat((fraction * allTokens['rupee'].net).toFixed(8))
+                    getRef('get_quantity').value = parseFloat(((allTokens['rupee'].net * fraction) / unitValue).toFixed(8))
                 } else {
-                    getRef('get_total').value = parseFloat((fraction * allTokens[selectedAsset].net * floGlobals.exchangeRates[selectedAsset]).toFixed(2))
-                    getRef('get_quantity').value = parseFloat((allTokens[selectedAsset].net * fraction).toFixed(4))
+                    getRef('get_total').value = parseFloat((fraction * allTokens[selectedAsset].net * floGlobals.exchangeRates[selectedAsset]).toFixed(8))
+                    getRef('get_quantity').value = parseFloat((allTokens[selectedAsset].net * fraction).toFixed(8))
 
                 }
             }
         })
         getRef('get_quantity').addEventListener('keyup', e => {
             const unitValue = getSuggestedPrice()
-            getRef('get_total').value = parseFloat((parseFloat(e.target.value) * unitValue).toFixed(2)) || 0
+            getRef('get_total').value = parseFloat((parseFloat(e.target.value) * unitValue).toFixed(8)) || 0
         })
         getRef('get_total').addEventListener('keyup', e => {
             const unitValue = getSuggestedPrice()
@@ -1760,7 +1833,7 @@
                 const type = target.value
                 const asset = getRef('wallet_asset_selector').value
 
-                getRef('wallet_quantity_type').textContent = getRef('quantity_type').textContent = asset === 'rupee' ? formatAmount(allTokens.rupee.net) : `${parseFloat(allTokens[asset].net.toFixed(4))} ${asset}`
+                getRef('wallet_quantity_type').textContent = getRef('quantity_type').textContent = asset === 'rupee' ? formatAmount(allTokens.rupee.net, true) : `${parseFloat(allTokens[asset].net.toFixed(4))} ${asset}`
                 getRef('wallet_popup__cta').textContent = `${type} ${asset}`
                 getRef('wallet_popup__cta').setAttribute('value', type)
                 getRef('wallet_popup__title').textContent = `${type} ${asset}`
@@ -2096,7 +2169,8 @@
         getRef('my_orders_category_selector').addEventListener('change', render.userOrders)
 
         getRef('market_orders_category_selector').addEventListener('change', render.marketOrders)
-        getRef('market_orders_list').addEventListener('click', e => {
+        getRef('market_open_orders_type_selector').addEventListener('change', render.marketOrders)
+        getRef('market').addEventListener('click', e => {
             if (e.target.closest('.more-info')) {
                 showMoreDetails(e)
             }

From d44531211ae98fc56810c625a8df5fac6f5cb67e Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Wed, 4 May 2022 15:16:18 +0530
Subject: [PATCH 060/168] Bug Fix: list buy/sell giving error

Fixed: only_full_group_by error return by SQL statement
---
 src/request.js | 21 +++++++++++++++------
 1 file changed, 15 insertions(+), 6 deletions(-)

diff --git a/src/request.js b/src/request.js
index 6ca0806..28a186c 100644
--- a/src/request.js
+++ b/src/request.js
@@ -332,7 +332,7 @@ function ListSellOrders(req, res) {
         if (asset && !market.assetList.includes(asset))
             res.status(INVALID.e_code).send("Invalid asset parameter");
         else
-            DB.query("SELECT SellOrder.floID, SellOrder.asset, GREATEST(SellOrder.minPrice, SellChips.base) AS minPrice, SellOrder.quantity, SellOrder.time_placed FROM SellOrder" +
+            DB.query("SELECT SellOrder.floID, SellOrder.asset, SellOrder.minPrice, SellOrder.quantity, SellOrder.time_placed FROM SellOrder" +
                 " INNER JOIN UserBalance ON UserBalance.floID = SellOrder.floID AND UserBalance.token = SellOrder.asset" +
                 " INNER JOIN SellChips ON SellChips.floID = SellOrder.floID AND SellChips.asset = SellOrder.asset" +
                 " LEFT JOIN UserTag ON UserTag.floID = SellOrder.floID" +
@@ -340,10 +340,13 @@ function ListSellOrders(req, res) {
                 " WHERE UserBalance.quantity >= SellOrder.quantity" +
                 (asset ? " AND SellOrder.asset = ?" : "") +
                 " GROUP BY SellOrder.id" +
-                " ORDER BY TagList.sellPriority DESC, SellChips.locktime ASC, SellOrder.time_placed ASC" +
+                " ORDER BY MAX(TagList.sellPriority) DESC, MIN(SellChips.locktime) ASC, SellOrder.time_placed ASC" +
                 " LIMIT 100", [asset || null])
             .then(result => res.send(result))
-            .catch(error => res.status(INTERNAL.e_code).send("Try again later!"));
+            .catch(error => {
+                console.error(error);
+                res.status(INTERNAL.e_code).send("Try again later!")
+            });
     }
 
 }
@@ -363,10 +366,13 @@ function ListBuyOrders(req, res) {
                 " WHERE UserBalance.quantity >= BuyOrder.maxPrice * BuyOrder.quantity" +
                 (asset ? " AND BuyOrder.asset = ?" : "") +
                 " GROUP BY BuyOrder.id" +
-                " ORDER BY TagList.buyPriority DESC, BuyOrder.time_placed ASC" +
+                " ORDER BY MAX(TagList.buyPriority) DESC, BuyOrder.time_placed ASC" +
                 " LIMIT 100", [floGlobals.currency, asset || null])
             .then(result => res.send(result))
-            .catch(error => res.status(INTERNAL.e_code).send("Try again later!"));
+            .catch(error => {
+                console.error(error);
+                res.status(INTERNAL.e_code).send("Try again later!")
+            });
     }
 }
 
@@ -382,7 +388,10 @@ function ListTradeTransactions(req, res) {
                 (asset ? " WHERE asset = ?" : "") +
                 " ORDER BY tx_time DESC LIMIT 1000", [asset || null])
             .then(result => res.send(result))
-            .catch(error => res.status(INTERNAL.e_code).send("Try again later!"));
+            .catch(error => {
+                console.error(error);
+                res.status(INTERNAL.e_code).send("Try again later!")
+            });
     }
 }
 

From d6bb46b092205341416974697a83f478de9a457f Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Wed, 4 May 2022 16:34:52 +0530
Subject: [PATCH 061/168] minor UI changes

---
 docs/index.html | 57 +++++++++++++++++++++++++++----------------------
 1 file changed, 31 insertions(+), 26 deletions(-)

diff --git a/docs/index.html b/docs/index.html
index 4ee8acf..885bb26 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -1422,12 +1422,10 @@
         }
 
         function getSuggestedPrice(asset = pagesData.params.asset || 'FLO') {
-            const tradeType = getRef('trade_type_selector').value
             return parseFloat((parseFloat(floGlobals.exchangeRates[asset]) * deviation[tradeType]).toFixed(8))
         }
 
         function showSuggestedPrice(asset = pagesData.params.asset || 'FLO') {
-            const tradeType = getRef('trade_type_selector').value
             getRef('get_price').innerHTML = `
                 <div class="grid">
                     <div style="font-size: 0.8rem; font-weight: 500; margin-bottom: 0.3rem;">Current price</div>
@@ -1490,15 +1488,16 @@
                 return card
             },
             marketOrderCard(orderDetails = {}) {
-                const { floID, asset, quantity, unitValue, time, type } = orderDetails
+                const { floID, asset, quantity, minPrice, maxPrice, time_placed, type } = orderDetails
                 const card = getRef('market_order_template').content.cloneNode(true).firstElementChild
+                const unitValue = minPrice || maxPrice;
                 card.dataset.type = type
                 card.classList.add(`transaction-card--${type}`)
                 card.querySelector('.transaction-card__type').textContent = type
                 card.querySelector('.transaction-card__quantity').textContent = `${quantity} ${asset}`
                 card.querySelector('.transaction-card__price').textContent = formatAmount(unitValue)
                 card.querySelector('.transaction-card__total').textContent = formatAmount(parseFloat((unitValue * quantity).toFixed(2)))
-                card.querySelector('.more-info').dataset.time = time
+                card.querySelector('.more-info').dataset.time = time_placed
                 card.querySelector('.more-info').dataset.buyer = type === 'buy' ? floID : undefined
                 card.querySelector('.more-info').dataset.seller = type === 'sell' ? floID : undefined
                 card.querySelector('.more-info').dataset.pending = true
@@ -1604,16 +1603,10 @@
                         floExchangeAPI.getBuyList().then(buyOrders => {
                             getRef('market_buy_orders').innerHTML = '';
                             buyOrders.forEach(order => {
-                                const { id, asset, quantity, maxPrice, time_placed } = order
-                                const orderDetails = {
-                                    id,
-                                    asset,
-                                    quantity,
-                                    type: 'buy',
-                                    unitValue: maxPrice,
-                                    time: time_placed
-                                }
-                                frag.append(render.marketOrderCard(orderDetails))
+                                frag.append(render.marketOrderCard({
+                                    ...order,
+                                    type: 'buy'
+                                }))
                             })
                             getRef('market_buy_orders').append(frag)
                         }).catch(err => {
@@ -1625,16 +1618,10 @@
                         floExchangeAPI.getSellList().then(sellOrders => {
                             getRef('market_sell_orders').innerHTML = '';
                             sellOrders.forEach(order => {
-                                const { id, asset, quantity, minPrice, time_placed } = order
-                                const orderDetails = {
-                                    id,
-                                    asset,
-                                    quantity,
-                                    type: 'sell',
-                                    unitValue: minPrice,
-                                    time: time_placed
-                                }
-                                frag.append(render.marketOrderCard(orderDetails))
+                                frag.append(render.marketOrderCard({
+                                    ...order,
+                                    type: 'sell'
+                                }))
                             })
                             getRef('market_sell_orders').append(frag)
                         }).catch(err => {
@@ -1818,6 +1805,26 @@
                 }
             }
         })
+        getRef('get_quantity').addEventListener('focusin', e => {
+            if (tradeType === 'buy') {
+                getRef('quantity_selector_tip').innerHTML = `<b>Locked amount</b> is highest total amount you'll be charged for buying specified quantity, most likely you'll charged less than locked amount.`
+            } else {
+                getRef('quantity_selector_tip').innerHTML = `<b>Min amount</b> received is lowest total amount you'll get by selling specified quantity, most likely you will get more than this amount. `
+            }
+        })
+        getRef('get_total').addEventListener('focusin', e => {
+            if (tradeType === 'buy') {
+                getRef('quantity_selector_tip').innerHTML = `<b>Locked amount</b> is highest total amount you'll be charged for buying specified quantity, most likely you'll charged less than locked amount.`
+            } else {
+                getRef('quantity_selector_tip').innerHTML = `<b>Min amount</b> received is lowest total amount you'll get by selling specified quantity, most likely you will get more than this amount. `
+            }
+        })
+        getRef('get_quantity').addEventListener('focusout', e => {
+            getRef('quantity_selector_tip').textContent = `${tradeType} ${pagesData.params.asset} worth of the above percentage`
+        })
+        getRef('get_total').addEventListener('focusout', e => {
+            getRef('quantity_selector_tip').textContent = `${tradeType} ${pagesData.params.asset} worth of the above percentage`
+        })
         getRef('get_quantity').addEventListener('keyup', e => {
             const unitValue = getSuggestedPrice()
             getRef('get_total').value = parseFloat((parseFloat(e.target.value) * unitValue).toFixed(8)) || 0
@@ -2189,7 +2196,6 @@
                     break;
                 case 'confirm_trade_popup':
                     const asset = pagesData.params.asset;
-                    const tradeType = getRef('trade_type_selector').value
                     const quantity = parseFloat(getRef('get_quantity').value)
                     const price = getSuggestedPrice()
                     const total = parseFloat(getRef('get_total').value)
@@ -2348,7 +2354,6 @@
                     }
                 }
                 if (pagesData.params.hasOwnProperty('asset' && pagesData.params.asset !== '')) {
-                    const tradeType = getRef('trade_type_selector').value
                     showSuggestedPrice()
                 }
                 if (refreshButton)

From 86d8e274ecff1bd3b0937da110e6bad68ccb6bb2 Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Thu, 5 May 2022 23:13:23 +0530
Subject: [PATCH 062/168] UI and UX improvements

-- New market-wide open orders UI
-- better confirmation message details for buying and selling
---
 docs/css/main.css     |  65 ++++++++++++---
 docs/css/main.min.css |   2 +-
 docs/css/main.scss    |  36 +++++++--
 docs/index.html       | 182 ++++++++++++++++++------------------------
 4 files changed, 159 insertions(+), 126 deletions(-)

diff --git a/docs/css/main.css b/docs/css/main.css
index f9dc099..d1c6656 100644
--- a/docs/css/main.css
+++ b/docs/css/main.css
@@ -155,6 +155,10 @@ ul {
   display: flex;
 }
 
+.flex-1 {
+  flex: 1;
+}
+
 .grid {
   display: grid;
 }
@@ -233,6 +237,10 @@ ul {
   grid-auto-flow: column;
 }
 
+.gap-0-3 {
+  gap: 0.3rem;
+}
+
 .gap-0-5 {
   gap: 0.5rem;
 }
@@ -415,13 +423,13 @@ ul {
   display: grid;
   gap: 0.5rem;
   width: 100%;
-  padding: 0 1.5rem 0 0.8rem;
+  padding: 0 1.5rem;
   align-items: center;
-  grid-template-columns: auto 1fr auto;
 }
 
 .popup__header__close {
   padding: 0.5rem;
+  margin-left: -0.7rem;
   cursor: pointer;
 }
 
@@ -828,32 +836,49 @@ sm-checkbox {
   margin-left: 0.3rem;
 }
 
-.transaction-card {
-  content-visibility: auto;
-  contain-intrinsic-size: 2.5rem;
-  grid-template-columns: repeat(3, 1fr) 2rem;
-}
-.transaction-card__type {
+.transaction-card__type,
+.live-order__type {
   font-size: 0.9rem;
   font-weight: 500;
   margin-bottom: 0.3rem;
 }
-.transaction-card[data-type=Bought] .transaction-card__type, .transaction-card--buy .transaction-card__type {
+.transaction-card[data-type=Bought] .transaction-card__type, .transaction-card--buy .transaction-card__type,
+.transaction-card[data-type=Bought] .live-order__type,
+.transaction-card--buy .live-order__type,
+.live-order[data-type=Bought] .transaction-card__type,
+.live-order--buy .transaction-card__type,
+.live-order[data-type=Bought] .live-order__type,
+.live-order--buy .live-order__type {
   color: var(--green);
 }
-.transaction-card[data-type=Sold] .transaction-card__type, .transaction-card--sell .transaction-card__type {
+.transaction-card[data-type=Sold] .transaction-card__type, .transaction-card--sell .transaction-card__type,
+.transaction-card[data-type=Sold] .live-order__type,
+.transaction-card--sell .live-order__type,
+.live-order[data-type=Sold] .transaction-card__type,
+.live-order--sell .transaction-card__type,
+.live-order[data-type=Sold] .live-order__type,
+.live-order--sell .live-order__type {
   color: var(--danger-color);
 }
-.transaction-card__total {
+.transaction-card__total,
+.live-order__total {
   font-weight: 700;
   font-size: 0.9rem;
   color: rgba(var(--text-color), 0.8);
 }
-.transaction-card__quantity, .transaction-card__price {
+.transaction-card__quantity, .transaction-card__price,
+.live-order__quantity,
+.live-order__price {
   font-size: 0.9rem;
   color: rgba(var(--text-color), 0.9);
 }
 
+.transaction-card {
+  content-visibility: auto;
+  contain-intrinsic-size: 2.5rem;
+  grid-template-columns: repeat(3, 1fr) 2rem;
+}
+
 #market_orders_wrapper .list__header {
   font-size: 0.8rem;
   font-weight: 500;
@@ -866,6 +891,20 @@ sm-checkbox {
   grid-template-columns: repeat(3, 1fr) 2rem;
 }
 
+.live-order {
+  display: grid;
+  gap: 1rem;
+  padding: 1rem;
+  border-radius: 0.5rem;
+  background-color: rgba(var(--text-color), 0.03);
+}
+.live-order[data-type=buy] {
+  background-color: #00fa9a10;
+}
+.live-order[data-type=sell] {
+  background-color: #e2135110;
+}
+
 #wallet {
   display: grid;
   width: auto;
@@ -1160,7 +1199,7 @@ sm-checkbox {
   }
 
   .popup__header {
-    padding: 1rem 1.5rem 0 0.8rem;
+    padding: 1rem 1.5rem 0 1.5rem;
   }
 
   #confirmation_popup {
diff --git a/docs/css/main.min.css b/docs/css/main.min.css
index 5be3035..ef9541a 100644
--- a/docs/css/main.min.css
+++ b/docs/css/main.min.css
@@ -1 +1 @@
-*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #504dff;--text-color: 20, 20, 20;--background-color: 240, 240, 240;--foreground-color: 250, 250, 250;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a3a1ff;--text-color: 220, 220, 220;--background-color: 10, 10, 10;--foreground-color: 24, 24, 24;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{color:var(--accent-color)}button,.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;cursor:pointer;transition:transform .3s;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.button{white-space:nowrap;padding:.6rem 1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.06);color:rgba(var(--text-color), 0.8);justify-content:center}.button--primary{background-color:var(--accent-color);color:rgba(var(--background-color), 1)}button:disabled{opacity:.5}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}sm-copy{font-size:.9rem}ul{list-style:none}.flex{display:flex}.grid{display:grid}.hide{opacity:0;pointer-events:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.breakable{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.h1{font-size:1.5rem}.h2{font-size:1.2rem}.h3{font-size:1rem}.h4{font-size:.9rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.6rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem 0 .8rem;align-items:center;grid-template-columns:auto 1fr auto}.popup__header__close{padding:.5rem;cursor:pointer}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;width:100%;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:1rem}.logo h4{text-transform:capitalize;font-size:.9rem;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details:not(:last-of-type){border-bottom:thin solid rgba(var(--text-color), 0.3)}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}details .icon{flex-shrink:0}details[open]{padding-bottom:1rem}details[open] summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.tooltip{position:relative;z-index:1;cursor:pointer}.tooltip .banner{position:absolute;right:0;width:min(20rem,100vw - 1rem);display:none;font-size:.9rem;background-color:rgba(var(--foreground-color), 1);padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.1);border:solid thin rgba(var(--text-color), 0.2)}.tooltip:hover .banner{display:block}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:grid;gap:1rem;padding:1.5rem;width:100%;align-items:center;grid-template-columns:1fr auto auto;grid-column:1/-1}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto;padding:0 1.5rem}#pages_container>*{min-width:min(26rem,100%)}.listed-asset{position:relative;grid-template-columns:auto 1fr auto;gap:.5rem;padding:1rem 0;border-radius:.5rem;opacity:.8;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit}.listed-asset__icon{display:flex}.listed-asset__icon .icon{height:1.5rem;width:1.5rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{display:flex;flex-direction:column;height:100%}#asset_page__nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}#asset_page__nav .icon-only{margin-left:-0.7rem}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(42rem,100%);grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content;border-radius:.5rem}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{cursor:pointer;margin-right:.5rem}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.transaction-card{content-visibility:auto;contain-intrinsic-size:2.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.transaction-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type{color:var(--green)}.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type{color:var(--danger-color)}.transaction-card__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.transaction-card__quantity,.transaction-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}#market_orders_wrapper .list__header{font-size:.8rem;font-weight:500}#market_orders_wrapper .list__header div{padding:.5rem 0}#market_orders_wrapper .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}#wallet{display:grid;width:auto;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem}.balance-card{display:grid;align-items:center;gap:0 .5rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1);padding:.5rem}.balance-card.is-locked{padding:1rem .5rem;grid-template-columns:auto 1fr auto;gap:.5rem}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:2/3;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#wallet_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}#help{width:min(60ch,100%);margin-bottom:3rem;align-content:flex-start}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.hide-on-mobile{display:none !important}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#price_chart_container{flex:1}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.h1{font-size:2rem}.h2{font-size:1.8rem}.h3{font-size:1.3rem}.h4{font-size:1rem}.popup__header{padding:1rem 1.5rem 0 .8rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:16rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#asset_page__nav{grid-column:1/-1}#wallet{gap:1rem 2rem;grid-template-columns:20rem 24rem}#wallet__header{grid-column:1/3;padding-bottom:1rem}#wallet .balance-card{border:solid thin rgba(var(--text-color), 0.2)}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}}
\ No newline at end of file
+*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #504dff;--text-color: 20, 20, 20;--background-color: 240, 240, 240;--foreground-color: 250, 250, 250;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a3a1ff;--text-color: 220, 220, 220;--background-color: 10, 10, 10;--foreground-color: 24, 24, 24;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{color:var(--accent-color)}button,.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;cursor:pointer;transition:transform .3s;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.button{white-space:nowrap;padding:.6rem 1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.06);color:rgba(var(--text-color), 0.8);justify-content:center}.button--primary{background-color:var(--accent-color);color:rgba(var(--background-color), 1)}button:disabled{opacity:.5}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}sm-copy{font-size:.9rem}ul{list-style:none}.flex{display:flex}.flex-1{flex:1}.grid{display:grid}.hide{opacity:0;pointer-events:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.breakable{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.h1{font-size:1.5rem}.h2{font-size:1.2rem}.h3{font-size:1rem}.h4{font-size:.9rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.6rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem;align-items:center}.popup__header__close{padding:.5rem;margin-left:-0.7rem;cursor:pointer}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;width:100%;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:1rem}.logo h4{text-transform:capitalize;font-size:.9rem;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details:not(:last-of-type){border-bottom:thin solid rgba(var(--text-color), 0.3)}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}details .icon{flex-shrink:0}details[open]{padding-bottom:1rem}details[open] summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.tooltip{position:relative;z-index:1;cursor:pointer}.tooltip .banner{position:absolute;right:0;width:min(20rem,100vw - 1rem);display:none;font-size:.9rem;background-color:rgba(var(--foreground-color), 1);padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.1);border:solid thin rgba(var(--text-color), 0.2)}.tooltip:hover .banner{display:block}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:grid;gap:1rem;padding:1.5rem;width:100%;align-items:center;grid-template-columns:1fr auto auto;grid-column:1/-1}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto;padding:0 1.5rem}#pages_container>*{min-width:min(26rem,100%)}.listed-asset{position:relative;grid-template-columns:auto 1fr auto;gap:.5rem;padding:1rem 0;border-radius:.5rem;opacity:.8;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit}.listed-asset__icon{display:flex}.listed-asset__icon .icon{height:1.5rem;width:1.5rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{display:flex;flex-direction:column;height:100%}#asset_page__nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}#asset_page__nav .icon-only{margin-left:-0.7rem}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(42rem,100%);grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content;border-radius:.5rem}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{cursor:pointer;margin-right:.5rem}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.transaction-card__type,.live-order__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type,.transaction-card[data-type=Bought] .live-order__type,.transaction-card--buy .live-order__type,.live-order[data-type=Bought] .transaction-card__type,.live-order--buy .transaction-card__type,.live-order[data-type=Bought] .live-order__type,.live-order--buy .live-order__type{color:var(--green)}.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type,.transaction-card[data-type=Sold] .live-order__type,.transaction-card--sell .live-order__type,.live-order[data-type=Sold] .transaction-card__type,.live-order--sell .transaction-card__type,.live-order[data-type=Sold] .live-order__type,.live-order--sell .live-order__type{color:var(--danger-color)}.transaction-card__total,.live-order__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.transaction-card__quantity,.transaction-card__price,.live-order__quantity,.live-order__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.transaction-card{content-visibility:auto;contain-intrinsic-size:2.5rem;grid-template-columns:repeat(3, 1fr) 2rem}#market_orders_wrapper .list__header{font-size:.8rem;font-weight:500}#market_orders_wrapper .list__header div{padding:.5rem 0}#market_orders_wrapper .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.live-order{display:grid;gap:1rem;padding:1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.03)}.live-order[data-type=buy]{background-color:#00fa9a10}.live-order[data-type=sell]{background-color:#e2135110}#wallet{display:grid;width:auto;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem}.balance-card{display:grid;align-items:center;gap:0 .5rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1);padding:.5rem}.balance-card.is-locked{padding:1rem .5rem;grid-template-columns:auto 1fr auto;gap:.5rem}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:2/3;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#wallet_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}#help{width:min(60ch,100%);margin-bottom:3rem;align-content:flex-start}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.hide-on-mobile{display:none !important}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#price_chart_container{flex:1}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.h1{font-size:2rem}.h2{font-size:1.8rem}.h3{font-size:1.3rem}.h4{font-size:1rem}.popup__header{padding:1rem 1.5rem 0 1.5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:16rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#asset_page__nav{grid-column:1/-1}#wallet{gap:1rem 2rem;grid-template-columns:20rem 24rem}#wallet__header{grid-column:1/3;padding-bottom:1rem}#wallet .balance-card{border:solid thin rgba(var(--text-color), 0.2)}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}}
\ No newline at end of file
diff --git a/docs/css/main.scss b/docs/css/main.scss
index 3748c1c..1680cb4 100644
--- a/docs/css/main.scss
+++ b/docs/css/main.scss
@@ -143,6 +143,9 @@ ul {
 .flex {
   display: flex;
 }
+.flex-1 {
+  flex: 1;
+}
 
 .grid {
   display: grid;
@@ -223,6 +226,9 @@ ul {
   grid-auto-flow: column;
 }
 
+.gap-0-3 {
+  gap: 0.3rem;
+}
 .gap-0-5 {
   gap: 0.5rem;
 }
@@ -396,13 +402,13 @@ ul {
   display: grid;
   gap: 0.5rem;
   width: 100%;
-  padding: 0 1.5rem 0 0.8rem;
+  padding: 0 1.5rem;
   align-items: center;
-  grid-template-columns: auto 1fr auto;
 }
 
 .popup__header__close {
   padding: 0.5rem;
+  margin-left: -0.7rem;
   cursor: pointer;
 }
 
@@ -788,10 +794,8 @@ sm-checkbox {
   }
 }
 
-.transaction-card {
-  content-visibility: auto;
-  contain-intrinsic-size: 2.5rem;
-  grid-template-columns: repeat(3, 1fr) 2rem;
+.transaction-card,
+.live-order {
   &__type {
     font-size: 0.9rem;
     font-weight: 500;
@@ -816,6 +820,11 @@ sm-checkbox {
     color: rgba(var(--text-color), 0.9);
   }
 }
+.transaction-card {
+  content-visibility: auto;
+  contain-intrinsic-size: 2.5rem;
+  grid-template-columns: repeat(3, 1fr) 2rem;
+}
 
 #market_orders_wrapper {
   .list__header {
@@ -830,6 +839,19 @@ sm-checkbox {
     grid-template-columns: repeat(3, 1fr) 2rem;
   }
 }
+.live-order {
+  display: grid;
+  gap: 1rem;
+  padding: 1rem;
+  border-radius: 0.5rem;
+  background-color: rgba(var(--text-color), 0.03);
+  &[data-type="buy"] {
+    background-color: #00fa9a10;
+  }
+  &[data-type="sell"] {
+    background-color: #e2135110;
+  }
+}
 #wallet {
   display: grid;
   width: auto;
@@ -1076,7 +1098,7 @@ sm-checkbox {
     font-size: 1rem;
   }
   .popup__header {
-    padding: 1rem 1.5rem 0 0.8rem;
+    padding: 1rem 1.5rem 0 1.5rem;
   }
   #confirmation_popup {
     --width: 24rem;
diff --git a/docs/index.html b/docs/index.html
index 885bb26..0541e1f 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -258,24 +258,22 @@
                 </div>
                 <div id="market_orders_wrapper">
                     <div class="grid gap-1">
-                        <div class="flex align-center space-between">
-                            <div class="grid">
-                                <h4>Open orders</h4>
-                                <p>Order placement denotes priority at which orders will get executed.</p>
-                            </div>
-                            <strip-select id="market_open_orders_type_selector" class="tab">
-                                <strip-option value="buy" selected>Buy</strip-option>
-                                <strip-option value="sell">Sell</strip-option>
-                            </strip-select>
+                        <div class="grid">
+                            <h4>Open orders</h4>
+                            <p>Order placement denotes priority at which orders will get executed.</p>
                         </div>
-                        <div id="market_open_orders_wrapper">
-                            <div>
+                        <div class="flex text-center">
+                            <b class="flex-1" style="color: var(--green);">Buy</b>
+                            <b class="flex-1" style="color: var(--danger-color);">Sell</b>
+                        </div>
+                        <div id="market_open_orders_wrapper" class="flex gap-0-5">
+                            <div class="flex-1">
                                 <ul id="market_buy_orders" class="observe-empty-state"></ul>
                                 <p class="empty-state">
                                     No buy orders placed
                                 </p>
                             </div>
-                            <div>
+                            <div class="flex-1">
                                 <ul id="market_sell_orders" class="observe-empty-state"></ul>
                                 <p class="empty-state">
                                     No sell orders placed
@@ -530,7 +528,6 @@
     * show all trades are happening at current price
     * show max price allow
     * add min price when total is entered
-    * add amount locked when quantity is entered
     * add warning to show if an order is not considered
  -->
 
@@ -546,29 +543,7 @@
             <h3 id="confirm_trade__title" class="uppercase">BUY</h3>
         </header>
         <section class="grid gap-1-5">
-            <div class="grid gap-0-5">
-                <h5 id="confirm_trade__price_type"></h5>
-                <h4 id="confirm_trade__price"></h4>
-            </div>
-            <div class="grid gap-0-5">
-                <h5>Quantity</h5>
-                <h4 id="confirm_trade__quantity"></h4>
-            </div>
-            <div class="grid gap-0-5">
-                <h5>Total</h5>
-                <h4 id="confirm_trade__total"></h4>
-            </div>
-            <div class="flex align-center tip">
-                <svg class="icon margin-right-0-5" style="height: 1em; width: 1em;" xmlns="http://www.w3.org/2000/svg"
-                    enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000">
-                    <rect fill="none" height="24" width="24" y="0" />
-                    <path
-                        d="M7,20h4c0,1.1-0.9,2-2,2S7,21.1,7,20z M5,19h8v-2H5V19z M16.5,9.5c0,3.82-2.66,5.86-3.77,6.5H5.27 C4.16,15.36,1.5,13.32,1.5,9.5C1.5,5.36,4.86,2,9,2S16.5,5.36,16.5,9.5z M14.5,9.5C14.5,6.47,12.03,4,9,4S3.5,6.47,3.5,9.5 c0,2.47,1.49,3.89,2.35,4.5h6.3C13.01,13.39,14.5,11.97,14.5,9.5z M21.37,7.37L20,8l1.37,0.63L22,10l0.63-1.37L24,8l-1.37-0.63L22,6 L21.37,7.37z M19,6l0.94-2.06L22,3l-2.06-0.94L19,0l-0.94,2.06L16,3l2.06,0.94L19,6z" />
-                </svg>
-                <p id="confirm_trade__tip" style="font-size: inherit;">
-                    Buy FLO worth of the above percentage rupee
-                </p>
-            </div>
+            <div id="confirm_trade__details" class="grid gap-1-5"></div>
             <sm-button variant="primary" onclick="tradeAsset()" autofocus>Confirm</sm-button>
         </section>
     </sm-popup>
@@ -758,26 +733,27 @@
         </li>
     </template>
     <template id="market_order_template">
-        <li class="list__item transaction-card align-center">
-            <div class="grid">
-                <div class="transaction-card__type capitalize"></div>
-                <div class="transaction-card__quantity"></div>
+        <li class="live-order align-center">
+            <div class="flex gap-1 space-between align-start">
+                <b class="transaction-card__quantity"></b>
+                <button class="more-info" title="View order details">
+                    <svg xmlns="http://www.w3.org/2000/svg" class="icon" height="24px" viewBox="0 0 24 24" width="24px">
+                        <path d="M0 0h24v24H0V0z" fill="none" />
+                        <path
+                            d="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z" />
+                    </svg>
+                </button>
             </div>
-            <div class="grid">
-                <span class="label transaction-card__price-type">Valid upto</span>
-                <div class="transaction-card__price"></div>
+            <div class="flex gap-0-5">
+                <div class="grid flex-1">
+                    <span class="label">Valid upto</span>
+                    <b class="transaction-card__price"></b>
+                </div>
+                <div class="grid flex-1">
+                    <span class="label">Total</span>
+                    <div class="transaction-card__total"></div>
+                </div>
             </div>
-            <div class="grid">
-                <span class="label transaction-card__price-type">Total</span>
-                <div class="transaction-card__total"></div>
-            </div>
-            <button class="more-info" title="View order details">
-                <svg xmlns="http://www.w3.org/2000/svg" class="icon" height="24px" viewBox="0 0 24 24" width="24px">
-                    <path d="M0 0h24v24H0V0z" fill="none" />
-                    <path
-                        d="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z" />
-                </svg>
-            </button>
         </li>
     </template>
     <template id="transaction_template">
@@ -787,7 +763,7 @@
                 <div class="transaction-card__quantity"></div>
             </div>
             <div class="grid">
-                <span class="label transaction-card__price-type">Valid upto</span>
+                <span class="label transaction-card__price-type">Unit price</span>
                 <div class="transaction-card__price"></div>
             </div>
             <div class="grid">
@@ -1493,7 +1469,6 @@
                 const unitValue = minPrice || maxPrice;
                 card.dataset.type = type
                 card.classList.add(`transaction-card--${type}`)
-                card.querySelector('.transaction-card__type').textContent = type
                 card.querySelector('.transaction-card__quantity').textContent = `${quantity} ${asset}`
                 card.querySelector('.transaction-card__price').textContent = formatAmount(unitValue)
                 card.querySelector('.transaction-card__total').textContent = formatAmount(parseFloat((unitValue * quantity).toFixed(2)))
@@ -1594,40 +1569,34 @@
             marketOrders() {
                 const frag = document.createDocumentFragment()
                 const ordersType = getRef('market_orders_category_selector').value
-                const openOrdersType = getRef('market_open_orders_type_selector').value
                 if (ordersType === 'open') {
                     showChild('market_orders_wrapper', 0)
-                    if (openOrdersType === 'buy') {
-                        showChild('market_open_orders_wrapper', 0)
-                        getRef('market_buy_orders').innerHTML = '<sm-spinner></sm-spinner>';
-                        floExchangeAPI.getBuyList().then(buyOrders => {
-                            getRef('market_buy_orders').innerHTML = '';
-                            buyOrders.forEach(order => {
-                                frag.append(render.marketOrderCard({
-                                    ...order,
-                                    type: 'buy'
-                                }))
-                            })
-                            getRef('market_buy_orders').append(frag)
-                        }).catch(err => {
-                            console.log(err)
+                    getRef('market_buy_orders').innerHTML = '<sm-spinner></sm-spinner>';
+                    floExchangeAPI.getBuyList().then(buyOrders => {
+                        getRef('market_buy_orders').innerHTML = '';
+                        buyOrders.forEach(order => {
+                            frag.append(render.marketOrderCard({
+                                ...order,
+                                type: 'buy'
+                            }))
                         })
-                    } else {
-                        showChild('market_open_orders_wrapper', 1)
-                        getRef('market_sell_orders').innerHTML = '<sm-spinner></sm-spinner>';
-                        floExchangeAPI.getSellList().then(sellOrders => {
-                            getRef('market_sell_orders').innerHTML = '';
-                            sellOrders.forEach(order => {
-                                frag.append(render.marketOrderCard({
-                                    ...order,
-                                    type: 'sell'
-                                }))
-                            })
-                            getRef('market_sell_orders').append(frag)
-                        }).catch(err => {
-                            console.log(err)
+                        getRef('market_buy_orders').append(frag)
+                    }).catch(err => {
+                        console.log(err)
+                    })
+                    getRef('market_sell_orders').innerHTML = '<sm-spinner></sm-spinner>';
+                    floExchangeAPI.getSellList().then(sellOrders => {
+                        getRef('market_sell_orders').innerHTML = '';
+                        sellOrders.forEach(order => {
+                            frag.append(render.marketOrderCard({
+                                ...order,
+                                type: 'sell'
+                            }))
                         })
-                    }
+                        getRef('market_sell_orders').append(frag)
+                    }).catch(err => {
+                        console.log(err)
+                    })
                 } else {
                     showChild('market_orders_wrapper', 1)
                     getRef('market_trades').innerHTML = '<sm-spinner></sm-spinner>';
@@ -1819,12 +1788,6 @@
                 getRef('quantity_selector_tip').innerHTML = `<b>Min amount</b> received is lowest total amount you'll get by selling specified quantity, most likely you will get more than this amount. `
             }
         })
-        getRef('get_quantity').addEventListener('focusout', e => {
-            getRef('quantity_selector_tip').textContent = `${tradeType} ${pagesData.params.asset} worth of the above percentage`
-        })
-        getRef('get_total').addEventListener('focusout', e => {
-            getRef('quantity_selector_tip').textContent = `${tradeType} ${pagesData.params.asset} worth of the above percentage`
-        })
         getRef('get_quantity').addEventListener('keyup', e => {
             const unitValue = getSuggestedPrice()
             getRef('get_total').value = parseFloat((parseFloat(e.target.value) * unitValue).toFixed(8)) || 0
@@ -2176,7 +2139,6 @@
         getRef('my_orders_category_selector').addEventListener('change', render.userOrders)
 
         getRef('market_orders_category_selector').addEventListener('change', render.marketOrders)
-        getRef('market_open_orders_type_selector').addEventListener('change', render.marketOrders)
         getRef('market').addEventListener('click', e => {
             if (e.target.closest('.more-info')) {
                 showMoreDetails(e)
@@ -2197,19 +2159,29 @@
                 case 'confirm_trade_popup':
                     const asset = pagesData.params.asset;
                     const quantity = parseFloat(getRef('get_quantity').value)
-                    const price = getSuggestedPrice()
-                    const total = parseFloat(getRef('get_total').value)
+                    const currentPrice = parseFloat(floGlobals.exchangeRates[asset].toFixed(8));
+                    const price = parseFloat(getSuggestedPrice().toFixed(8));
+                    const total = formatAmount(parseFloat(getRef('get_total').value))
+                    const minTotal = formatAmount(parseFloat((currentPrice * quantity).toFixed(8)))
                     getRef('confirm_trade__title').textContent = `${tradeType} ${asset}`
-                    getRef('confirm_trade__price_type').textContent = tradeType === 'buy' ? 'Valid upto' : 'Valid until'
-                    getRef('confirm_trade__price').textContent = formatAmount(price)
-                    getRef('confirm_trade__quantity').textContent = quantity
-                    getRef('confirm_trade__total').textContent = formatAmount(total)
-                    if (price !== floGlobals.exchangeRates[asset]) {
-                        getRef('confirm_trade__tip').textContent = `Trade will only happen at current price of ${asset}. So ${tradeType}ing at ${price > floGlobals.exchangeRates[asset] ? 'higher' : 'lower'} price won't execute until price matches that.`
-                        getRef('confirm_trade__tip').parentNode.classList.remove('hide')
-                    } else {
-                        getRef('confirm_trade__tip').parentNode.classList.add('hide')
-                    }
+                    getRef('confirm_trade__details').innerHTML = `
+                        <div class="grid">
+                            <p>Quantity</p>
+                            <b>${quantity} ${asset}</b>
+                        </div>
+                        <div class="grid">
+                            <p>${tradeType === 'buy' ? 'Min cost (Amount locked)' : 'Max earned'}</p>
+                            <div>
+                                <b>${minTotal}</b><span> @ ${currentPrice}/${asset}</span>
+                            </div>
+                        </div>
+                        <div class="grid gap-0-3">
+                            <p>${tradeType === 'buy' ? 'Max cost (Amount locked)' : 'Min earned'}</p>
+                            <div>
+                                <b>${total}</b><span> @ ${price}/${asset}</span>
+                            </div>
+                        </div>
+                    `;
                     break;
             }
         })

From f9d400a12e46291f30fce8a29e60a1df33d7dab7 Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Fri, 6 May 2022 12:49:07 +0530
Subject: [PATCH 063/168] minor UI fix

---
 docs/css/main.css     | 3 +++
 docs/css/main.min.css | 2 +-
 docs/css/main.scss    | 3 +++
 3 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/docs/css/main.css b/docs/css/main.css
index d1c6656..7fe7475 100644
--- a/docs/css/main.css
+++ b/docs/css/main.css
@@ -898,6 +898,9 @@ sm-checkbox {
   border-radius: 0.5rem;
   background-color: rgba(var(--text-color), 0.03);
 }
+.live-order:not(:last-of-type) {
+  margin-bottom: 0.5rem;
+}
 .live-order[data-type=buy] {
   background-color: #00fa9a10;
 }
diff --git a/docs/css/main.min.css b/docs/css/main.min.css
index ef9541a..364509f 100644
--- a/docs/css/main.min.css
+++ b/docs/css/main.min.css
@@ -1 +1 @@
-*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #504dff;--text-color: 20, 20, 20;--background-color: 240, 240, 240;--foreground-color: 250, 250, 250;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a3a1ff;--text-color: 220, 220, 220;--background-color: 10, 10, 10;--foreground-color: 24, 24, 24;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{color:var(--accent-color)}button,.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;cursor:pointer;transition:transform .3s;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.button{white-space:nowrap;padding:.6rem 1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.06);color:rgba(var(--text-color), 0.8);justify-content:center}.button--primary{background-color:var(--accent-color);color:rgba(var(--background-color), 1)}button:disabled{opacity:.5}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}sm-copy{font-size:.9rem}ul{list-style:none}.flex{display:flex}.flex-1{flex:1}.grid{display:grid}.hide{opacity:0;pointer-events:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.breakable{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.h1{font-size:1.5rem}.h2{font-size:1.2rem}.h3{font-size:1rem}.h4{font-size:.9rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.6rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem;align-items:center}.popup__header__close{padding:.5rem;margin-left:-0.7rem;cursor:pointer}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;width:100%;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:1rem}.logo h4{text-transform:capitalize;font-size:.9rem;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details:not(:last-of-type){border-bottom:thin solid rgba(var(--text-color), 0.3)}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}details .icon{flex-shrink:0}details[open]{padding-bottom:1rem}details[open] summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.tooltip{position:relative;z-index:1;cursor:pointer}.tooltip .banner{position:absolute;right:0;width:min(20rem,100vw - 1rem);display:none;font-size:.9rem;background-color:rgba(var(--foreground-color), 1);padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.1);border:solid thin rgba(var(--text-color), 0.2)}.tooltip:hover .banner{display:block}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:grid;gap:1rem;padding:1.5rem;width:100%;align-items:center;grid-template-columns:1fr auto auto;grid-column:1/-1}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto;padding:0 1.5rem}#pages_container>*{min-width:min(26rem,100%)}.listed-asset{position:relative;grid-template-columns:auto 1fr auto;gap:.5rem;padding:1rem 0;border-radius:.5rem;opacity:.8;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit}.listed-asset__icon{display:flex}.listed-asset__icon .icon{height:1.5rem;width:1.5rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{display:flex;flex-direction:column;height:100%}#asset_page__nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}#asset_page__nav .icon-only{margin-left:-0.7rem}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(42rem,100%);grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content;border-radius:.5rem}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{cursor:pointer;margin-right:.5rem}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.transaction-card__type,.live-order__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type,.transaction-card[data-type=Bought] .live-order__type,.transaction-card--buy .live-order__type,.live-order[data-type=Bought] .transaction-card__type,.live-order--buy .transaction-card__type,.live-order[data-type=Bought] .live-order__type,.live-order--buy .live-order__type{color:var(--green)}.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type,.transaction-card[data-type=Sold] .live-order__type,.transaction-card--sell .live-order__type,.live-order[data-type=Sold] .transaction-card__type,.live-order--sell .transaction-card__type,.live-order[data-type=Sold] .live-order__type,.live-order--sell .live-order__type{color:var(--danger-color)}.transaction-card__total,.live-order__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.transaction-card__quantity,.transaction-card__price,.live-order__quantity,.live-order__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.transaction-card{content-visibility:auto;contain-intrinsic-size:2.5rem;grid-template-columns:repeat(3, 1fr) 2rem}#market_orders_wrapper .list__header{font-size:.8rem;font-weight:500}#market_orders_wrapper .list__header div{padding:.5rem 0}#market_orders_wrapper .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.live-order{display:grid;gap:1rem;padding:1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.03)}.live-order[data-type=buy]{background-color:#00fa9a10}.live-order[data-type=sell]{background-color:#e2135110}#wallet{display:grid;width:auto;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem}.balance-card{display:grid;align-items:center;gap:0 .5rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1);padding:.5rem}.balance-card.is-locked{padding:1rem .5rem;grid-template-columns:auto 1fr auto;gap:.5rem}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:2/3;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#wallet_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}#help{width:min(60ch,100%);margin-bottom:3rem;align-content:flex-start}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.hide-on-mobile{display:none !important}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#price_chart_container{flex:1}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.h1{font-size:2rem}.h2{font-size:1.8rem}.h3{font-size:1.3rem}.h4{font-size:1rem}.popup__header{padding:1rem 1.5rem 0 1.5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:16rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#asset_page__nav{grid-column:1/-1}#wallet{gap:1rem 2rem;grid-template-columns:20rem 24rem}#wallet__header{grid-column:1/3;padding-bottom:1rem}#wallet .balance-card{border:solid thin rgba(var(--text-color), 0.2)}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}}
\ No newline at end of file
+*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #504dff;--text-color: 20, 20, 20;--background-color: 240, 240, 240;--foreground-color: 250, 250, 250;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a3a1ff;--text-color: 220, 220, 220;--background-color: 10, 10, 10;--foreground-color: 24, 24, 24;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{color:var(--accent-color)}button,.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;cursor:pointer;transition:transform .3s;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.button{white-space:nowrap;padding:.6rem 1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.06);color:rgba(var(--text-color), 0.8);justify-content:center}.button--primary{background-color:var(--accent-color);color:rgba(var(--background-color), 1)}button:disabled{opacity:.5}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}sm-copy{font-size:.9rem}ul{list-style:none}.flex{display:flex}.flex-1{flex:1}.grid{display:grid}.hide{opacity:0;pointer-events:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.breakable{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.h1{font-size:1.5rem}.h2{font-size:1.2rem}.h3{font-size:1rem}.h4{font-size:.9rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.6rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem;align-items:center}.popup__header__close{padding:.5rem;margin-left:-0.7rem;cursor:pointer}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;width:100%;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:1rem}.logo h4{text-transform:capitalize;font-size:.9rem;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details:not(:last-of-type){border-bottom:thin solid rgba(var(--text-color), 0.3)}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}details .icon{flex-shrink:0}details[open]{padding-bottom:1rem}details[open] summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.tooltip{position:relative;z-index:1;cursor:pointer}.tooltip .banner{position:absolute;right:0;width:min(20rem,100vw - 1rem);display:none;font-size:.9rem;background-color:rgba(var(--foreground-color), 1);padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.1);border:solid thin rgba(var(--text-color), 0.2)}.tooltip:hover .banner{display:block}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:grid;gap:1rem;padding:1.5rem;width:100%;align-items:center;grid-template-columns:1fr auto auto;grid-column:1/-1}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto;padding:0 1.5rem}#pages_container>*{min-width:min(26rem,100%)}.listed-asset{position:relative;grid-template-columns:auto 1fr auto;gap:.5rem;padding:1rem 0;border-radius:.5rem;opacity:.8;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit}.listed-asset__icon{display:flex}.listed-asset__icon .icon{height:1.5rem;width:1.5rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{display:flex;flex-direction:column;height:100%}#asset_page__nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}#asset_page__nav .icon-only{margin-left:-0.7rem}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(42rem,100%);grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content;border-radius:.5rem}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{cursor:pointer;margin-right:.5rem}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.transaction-card__type,.live-order__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type,.transaction-card[data-type=Bought] .live-order__type,.transaction-card--buy .live-order__type,.live-order[data-type=Bought] .transaction-card__type,.live-order--buy .transaction-card__type,.live-order[data-type=Bought] .live-order__type,.live-order--buy .live-order__type{color:var(--green)}.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type,.transaction-card[data-type=Sold] .live-order__type,.transaction-card--sell .live-order__type,.live-order[data-type=Sold] .transaction-card__type,.live-order--sell .transaction-card__type,.live-order[data-type=Sold] .live-order__type,.live-order--sell .live-order__type{color:var(--danger-color)}.transaction-card__total,.live-order__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.transaction-card__quantity,.transaction-card__price,.live-order__quantity,.live-order__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.transaction-card{content-visibility:auto;contain-intrinsic-size:2.5rem;grid-template-columns:repeat(3, 1fr) 2rem}#market_orders_wrapper .list__header{font-size:.8rem;font-weight:500}#market_orders_wrapper .list__header div{padding:.5rem 0}#market_orders_wrapper .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.live-order{display:grid;gap:1rem;padding:1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.03)}.live-order:not(:last-of-type){margin-bottom:.5rem}.live-order[data-type=buy]{background-color:#00fa9a10}.live-order[data-type=sell]{background-color:#e2135110}#wallet{display:grid;width:auto;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem}.balance-card{display:grid;align-items:center;gap:0 .5rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1);padding:.5rem}.balance-card.is-locked{padding:1rem .5rem;grid-template-columns:auto 1fr auto;gap:.5rem}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:2/3;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#wallet_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}#help{width:min(60ch,100%);margin-bottom:3rem;align-content:flex-start}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.hide-on-mobile{display:none !important}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#price_chart_container{flex:1}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.h1{font-size:2rem}.h2{font-size:1.8rem}.h3{font-size:1.3rem}.h4{font-size:1rem}.popup__header{padding:1rem 1.5rem 0 1.5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:16rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#asset_page__nav{grid-column:1/-1}#wallet{gap:1rem 2rem;grid-template-columns:20rem 24rem}#wallet__header{grid-column:1/3;padding-bottom:1rem}#wallet .balance-card{border:solid thin rgba(var(--text-color), 0.2)}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}}
\ No newline at end of file
diff --git a/docs/css/main.scss b/docs/css/main.scss
index 1680cb4..5ccba66 100644
--- a/docs/css/main.scss
+++ b/docs/css/main.scss
@@ -845,6 +845,9 @@ sm-checkbox {
   padding: 1rem;
   border-radius: 0.5rem;
   background-color: rgba(var(--text-color), 0.03);
+  &:not(:last-of-type) {
+    margin-bottom: 0.5rem;
+  }
   &[data-type="buy"] {
     background-color: #00fa9a10;
   }

From f8721ee4f03b39b766bbce32814357f007822b0f Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Fri, 6 May 2022 15:14:33 +0530
Subject: [PATCH 064/168] Minor UI fixes

---
 docs/index.html | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/docs/index.html b/docs/index.html
index 0541e1f..899b196 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -203,7 +203,7 @@
                             My orders
                         </h4>
                         <strip-select id="my_orders_category_selector" class="tab">
-                            <strip-option value="open" selected>Open</strip-option>
+                            <strip-option value="open" selected>Live</strip-option>
                             <strip-option value="completed">Trades</strip-option>
                         </strip-select>
                     </div>
@@ -252,14 +252,14 @@
                         </button>
                     </h4>
                     <strip-select id="market_orders_category_selector" class="tab">
-                        <strip-option value="open" selected>Open</strip-option>
+                        <strip-option value="open" selected>Live</strip-option>
                         <strip-option value="completed">Trades</strip-option>
                     </strip-select>
                 </div>
                 <div id="market_orders_wrapper">
                     <div class="grid gap-1">
                         <div class="grid">
-                            <h4>Open orders</h4>
+                            <h4>Live orders</h4>
                             <p>Order placement denotes priority at which orders will get executed.</p>
                         </div>
                         <div class="flex text-center">
@@ -2084,6 +2084,7 @@
                                     fill: 'forwards'
                                 })
                                     .onfinish = () => {
+                                        if (!target.parentNode) return
                                         const height = target.getBoundingClientRect().height
                                         const siblings = Array.from(target.parentNode.children)
                                         const nextSiblings = siblings.slice(siblings.indexOf(target) + 1)
@@ -2170,7 +2171,7 @@
                             <b>${quantity} ${asset}</b>
                         </div>
                         <div class="grid">
-                            <p>${tradeType === 'buy' ? 'Min cost (Amount locked)' : 'Max earned'}</p>
+                            <p>${tradeType === 'buy' ? 'Min cost' : 'Max earned'}</p>
                             <div>
                                 <b>${minTotal}</b><span> @ ${currentPrice}/${asset}</span>
                             </div>
@@ -2181,6 +2182,9 @@
                                 <b>${total}</b><span> @ ${price}/${asset}</span>
                             </div>
                         </div>
+                        <p>
+                            <strong>All trades will be executed at current price.</strong>
+                        </p>
                     `;
                     break;
             }

From d3c568299488ace0e5fab24f59579d97585f8f8e Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Fri, 6 May 2022 23:43:44 +0530
Subject: [PATCH 065/168] Improved Triggers for coupling process

- moved periodic-process start/stop to market.js
- price.getRates() will update price only when updatePrice is true (ie, regular fn call wont update price unnecessarily)
- Trigger coupling for asset on successful order placement
- Return (or wait) if a coupling instance is running for asset
- Reset timeout when price is updated and/or trade has happened.
- Next coupling instance will be set for timeout upon completion of one instance
- Stop all coupling instances on app pause (i.e., node is not master)
---
 src/app.js      |  24 +---------
 src/coupling.js | 121 ++++++++++++++++++++++++++++++++----------------
 src/market.js   |  45 +++++++++++-------
 src/price.js    |  17 ++++---
 src/request.js  |   3 +-
 5 files changed, 122 insertions(+), 88 deletions(-)

diff --git a/src/app.js b/src/app.js
index cafdda0..68989eb 100644
--- a/src/app.js
+++ b/src/app.js
@@ -4,10 +4,6 @@ const express = require('express');
 //const sessions = require('express-session');
 const Request = require('./request');
 
-const {
-    PERIOD_INTERVAL
-} = require("./_constants")["app"];
-
 module.exports = function App(secret, DB) {
 
     if (!(this instanceof App))
@@ -98,7 +94,6 @@ module.exports = function App(secret, DB) {
     Request.secret = secret;
 
     //Properties
-    var periodInstance = null;
     let self = this;
 
     //return server, express-app
@@ -132,23 +127,8 @@ module.exports = function App(secret, DB) {
     });
 
     //(Node is not master) Pause serving the clients
-    self.pause = () => {
-        Request.pause();
-        if (periodInstance !== null) {
-            clearInterval(periodInstance);
-            periodInstance = null;
-        }
-    }
-
+    self.pause = () => Request.pause();
     //(Node is master) Resume serving the clients
-    self.resume = () => {
-        Request.resume();
-        Request.periodicProcess();
-        if (periodInstance === null)
-            periodInstance = setInterval(Request.periodicProcess, PERIOD_INTERVAL);
-    }
+    self.resume = () => Request.resume();
 
-    Object.defineProperty(self, "periodInstance", {
-        get: () => periodInstance
-    });
 }
\ No newline at end of file
diff --git a/src/coupling.js b/src/coupling.js
index febdf98..0cfdc05 100644
--- a/src/coupling.js
+++ b/src/coupling.js
@@ -3,6 +3,7 @@
 const price = require("./price");
 
 const {
+    WAIT_TIME,
     TRADE_HASH_PREFIX
 } = require("./_constants")["market"];
 
@@ -12,10 +13,30 @@ const updateBalance = {};
 updateBalance.consume = (floID, token, amount) => ["UPDATE UserBalance SET quantity=quantity-? WHERE floID=? AND token=?", [amount, floID, token]];
 updateBalance.add = (floID, token, amount) => ["INSERT INTO UserBalance (floID, token, quantity) VALUE (?, ?, ?) ON DUPLICATE KEY UPDATE quantity=quantity+?", [floID, token, amount, amount]];
 
-function startCouplingForAsset(asset) {
-    price.getRates(asset).then(cur_rate => {
+const couplingInstance = {},
+    couplingTimeout = {};
+
+function stopAllInstance() {
+    for (let asset in couplingTimeout) {
+        if (couplingTimeout[asset])
+            clearTimeout(couplingTimeout[asset]);
+        delete couplingInstance[asset];
+        delete couplingTimeout[asset];
+    }
+}
+
+function startCouplingForAsset(asset, updatePrice = false) {
+    if (couplingInstance[asset] === true) { //if coupling is already running for asset
+        if (updatePrice) { //wait until current instance is over
+            if (couplingTimeout[asset]) clearTimeout(couplingTimeout[asset]);
+            couplingTimeout[asset] = setTimeout(() => startCouplingForAsset(asset, true), WAIT_TIME);
+        }
+        return;
+    }
+    price.getRates(asset, updatePrice).then(cur_rate => {
         cur_rate = cur_rate.toFixed(8);
-        processCoupling(asset, cur_rate);
+        couplingInstance[asset] = true; //set instance as running
+        recursiveCoupling(asset, cur_rate, updatePrice);
     }).catch(error => console.error(error));
 }
 
@@ -69,45 +90,64 @@ const getBestBuyer = (asset, cur_rate) => new Promise((resolve, reject) => {
     }).catch(error => reject(error))
 });
 
-function processCoupling(asset, cur_rate) {
-    getBestPair(asset, cur_rate).then(best => {
-        //console.debug("Sell:", best.sell);
-        //console.debug("Buy:", best.buy);
-        let quantity = Math.min(best.buy.quantity, best.sell.quantity, best.sell.chip_quantity);
-        let txQueries = processOrders(best.sell, best.buy, asset, cur_rate, quantity);
-        //begin audit
-        beginAudit(best.sell.floID, best.buy.floID, asset, cur_rate, quantity).then(audit => {
-            //process txn query in SQL
-            DB.transaction(txQueries).then(_ => {
-                console.log(`Transaction was successful! BuyOrder:${best.buy.id}| SellOrder:${best.sell.id}`);
-                audit.end();
-                price.updateLastTime();
-                //Since a tx was successful, match again
-                processCoupling(asset, cur_rate);
-            }).catch(error => console.error(error));
-        }).catch(error => console.error(error));
+function recursiveCoupling(asset, cur_rate, flag = false) {
+    processCoupling(asset, cur_rate).then(result => {
+        console.log(result);
+        if (couplingInstance[asset] === true)
+            recursiveCoupling(asset, cur_rate, true);
     }).catch(error => {
-        let noBuy, noSell;
-        if (error.buy === undefined)
-            noBuy = false;
-        else if (error.buy !== null) {
-            console.error(error.buy);
-            noBuy = null;
-        } else {
-            console.log("No valid buyOrders for Asset:", asset);
-            noBuy = true;
+        //noBuy = error[0], noSell = error[1], reason = error[2]
+        price.noOrder(asset, error[0], error[1]);
+        console.error(error[2]);
+        //set timeout for next coupling (if not order placement occurs)
+        if (flag) {
+            price.updateLastTime(asset);
+            if (couplingInstance[asset] === true && flag) {
+                //if price was updated and/or trade happened, reset timer
+                if (couplingTimeout[asset]) clearTimeout(couplingTimeout[asset]);
+                couplingTimeout[asset] = setTimeout(() => startCouplingForAsset(asset, true), price.MIN_TIME);
+            }
         }
-        if (error.sell === undefined)
-            noSell = false;
-        else if (error.sell !== null) {
-            console.error(error.sell);
-            noSell = null;
-        } else {
-            console.log("No valid sellOrders for Asset:", asset);
-            noSell = true;
-        }
-        price.noOrder(asset, noBuy, noSell);
-    });
+        delete couplingInstance[asset];
+    })
+}
+
+function processCoupling(asset, cur_rate) {
+    return new Promise((resolve, reject) => {
+        getBestPair(asset, cur_rate).then(best => {
+            //console.debug("Sell:", best.sell);
+            //console.debug("Buy:", best.buy);
+            let quantity = Math.min(best.buy.quantity, best.sell.quantity, best.sell.chip_quantity);
+            let txQueries = processOrders(best.sell, best.buy, asset, cur_rate, quantity);
+            //begin audit
+            beginAudit(best.sell.floID, best.buy.floID, asset, cur_rate, quantity).then(audit => {
+                //process txn query in SQL
+                DB.transaction(txQueries).then(_ => {
+                    audit.end();
+                    resolve(`Transaction was successful! BuyOrder:${best.buy.id}| SellOrder:${best.sell.id}`)
+                }).catch(error => reject([null, null, error]));
+            }).catch(error => reject([null, null, error]));
+        }).catch(error => {
+            let noBuy, noSell;
+            if (error.buy === undefined)
+                noBuy = false;
+            else if (error.buy === null)
+                noBuy = true;
+            else {
+                console.error(error.buy);
+                noBuy = null;
+            }
+            if (error.sell === undefined)
+                noSell = false;
+            else if (error.sell === null)
+                noSell = true;
+            else {
+                console.error(error.sell);
+                noSell = null;
+            }
+            reject([noBuy, noSell, `No valid ${noSell? 'sellOrders': ''} | ${noBuy? 'buyOrders': ''} for Asset: ${asset}`]);
+        });
+    })
 }
 
 function processOrders(seller_best, buyer_best, asset, cur_rate, quantity) {
@@ -208,6 +248,7 @@ function auditBalance(sellerID, buyerID, asset) {
 
 module.exports = {
     initiate: startCouplingForAsset,
+    stopAll: stopAllInstance,
     updateBalance,
     price,
     set DB(db) {
diff --git a/src/market.js b/src/market.js
index d734711..6055498 100644
--- a/src/market.js
+++ b/src/market.js
@@ -3,15 +3,14 @@
 const coupling = require('./coupling');
 
 const {
+    PERIOD_INTERVAL,
+    WAIT_TIME,
+    LAUNCH_SELLER_TAG,
     MAXIMUM_LAUNCH_SELL_CHIPS,
     TRADE_HASH_PREFIX,
     TRANSFER_HASH_PREFIX
 } = require('./_constants')["market"];
 
-const LAUNCH_SELLER_TAG = "launch-seller";
-
-const MINI_PERIOD_INTERVAL = require('./_constants')['app']['PERIOD_INTERVAL'] / 10;
-
 const updateBalance = coupling.updateBalance;
 
 var DB, assetList; //container for database and allowed assets
@@ -135,9 +134,10 @@ function addSellOrder(floID, asset, quantity, min_price) {
             return reject(INVALID(`Invalid asset (${asset})`));
         getAssetBalance.check(floID, asset, quantity).then(_ => {
             checkSellRequirement(floID, asset, quantity).then(_ => {
-                DB.query("INSERT INTO SellOrder(floID, asset, quantity, minPrice) VALUES (?, ?, ?, ?)", [floID, asset, quantity, min_price])
-                    .then(result => resolve('Sell Order placed successfully'))
-                    .catch(error => reject(error));
+                DB.query("INSERT INTO SellOrder(floID, asset, quantity, minPrice) VALUES (?, ?, ?, ?)", [floID, asset, quantity, min_price]).then(result => {
+                    resolve('Sell Order placed successfully');
+                    coupling.initiate(asset);
+                }).catch(error => reject(error));
             }).catch(error => reject(error))
         }).catch(error => reject(error));
     });
@@ -168,9 +168,10 @@ function addBuyOrder(floID, asset, quantity, max_price) {
         else if (!assetList.includes(asset))
             return reject(INVALID(`Invalid asset (${asset})`));
         getAssetBalance.check(floID, floGlobals.currency, quantity * max_price).then(_ => {
-            DB.query("INSERT INTO BuyOrder(floID, asset, quantity, maxPrice) VALUES (?, ?, ?, ?)", [floID, asset, quantity, max_price])
-                .then(result => resolve('Buy Order placed successfully'))
-                .catch(error => reject(error));
+            DB.query("INSERT INTO BuyOrder(floID, asset, quantity, maxPrice) VALUES (?, ?, ?, ?)", [floID, asset, quantity, max_price]).then(result => {
+                resolve('Buy Order placed successfully');
+                coupling.initiate(asset);
+            }).catch(error => reject(error));
         }).catch(error => reject(error));
     });
 }
@@ -332,7 +333,6 @@ function confirmDepositFLO() {
                 confirmDepositFLO.addSellChipsIfLaunchSeller(req.floID, amount).then(txQueries => {
                     txQueries.push(updateBalance.add(req.floID, "FLO", amount));
                     txQueries.push(["UPDATE InputFLO SET status=?, amount=? WHERE id=?", ["SUCCESS", amount, req.id]]);
-                    console.debug(txQueries)
                     DB.transaction(txQueries)
                         .then(result => console.debug("FLO deposited:", req.floID, amount))
                         .catch(error => console.error(error))
@@ -656,16 +656,30 @@ function checkDistributor(floID, asset) {
 
 function periodicProcess() {
     blockchainReCheck();
-    assetList.forEach(asset => coupling.initiate(asset));
 }
 
+periodicProcess.start = function() {
+    periodicProcess.stop();
+    periodicProcess();
+    assetList.forEach(asset => coupling.initiate(asset));
+    periodicProcess.instance = setInterval(periodicProcess, PERIOD_INTERVAL);
+};
+
+periodicProcess.stop = function() {
+    if (periodicProcess.instance !== undefined) {
+        clearInterval(periodicProcess.instance);
+        delete periodicProcess.instance;
+    }
+    coupling.stopAll();
+};
+
 function blockchainReCheck() {
-    if (blockchainReCheck.timeout) {
+    if (blockchainReCheck.timeout !== undefined) {
         clearTimeout(blockchainReCheck.timeout);
-        blockchainReCheck.timeout = null;
+        delete blockchainReCheck.timeout;
     }
     if (!global.sinkID)
-        return blockchainReCheck.timeout = setTimeout(blockchainReCheck, MINI_PERIOD_INTERVAL);
+        return blockchainReCheck.timeout = setTimeout(blockchainReCheck, WAIT_TIME);
 
     confirmDepositFLO();
     confirmDepositToken();
@@ -674,7 +688,6 @@ function blockchainReCheck() {
     confirmWithdrawalFLO();
     confirmWithdrawalToken();
 }
-blockchainReCheck.timeout = null;
 
 module.exports = {
     login,
diff --git a/src/price.js b/src/price.js
index e004ed5..9afc1f3 100644
--- a/src/price.js
+++ b/src/price.js
@@ -81,8 +81,8 @@ function loadRate(asset) {
     return new Promise((resolve, reject) => {
         if (typeof currentRate[asset] !== "undefined")
             return resolve(currentRate[asset]);
-        updateLastTime(asset);
         DB.query("SELECT rate FROM PriceHistory WHERE asset=? ORDER BY rec_time DESC LIMIT 1", [asset]).then(result => {
+            updateLastTime(asset);
             if (result.length)
                 resolve(currentRate[asset] = result[0].rate);
             else
@@ -136,12 +136,12 @@ fetchRates.USD_INR = function() {
 }
 */
 
-function getRates(asset) {
+function getRates(asset, updatePrice = false) {
     return new Promise((resolve, reject) => {
         loadRate(asset).then(_ => {
             //console.debug(asset, currentRate[asset]);
             let cur_time = Date.now();
-            if (cur_time - lastTime[asset] < MIN_TIME) //Minimum time to update not crossed: No update required
+            if (!updatePrice || cur_time - lastTime[asset] < MIN_TIME) //Minimum time to update not crossed: No update required
                 resolve(currentRate[asset]);
             else if (noBuyOrder[asset] && noSellOrder[asset]) //Both are not available: No update required
                 resolve(currentRate[asset]);
@@ -152,10 +152,9 @@ function getRates(asset) {
                     if (noBuyOrder[asset]) {
                         //No Buy, But Sell available: Decrease the price
                         let tmp_val = currentRate[asset] * (1 - DOWN_RATE);
-                        if (tmp_val >= ratePast24hr * (1 - MAX_DOWN_PER_DAY)) {
+                        if (tmp_val >= ratePast24hr * (1 - MAX_DOWN_PER_DAY))
                             currentRate[asset] = tmp_val;
-                            updateLastTime(asset);
-                        } else
+                        else
                             console.debug("Max Price down for the day has reached");
                         resolve(currentRate[asset]);
                     } else if (noSellOrder[asset]) {
@@ -163,10 +162,9 @@ function getRates(asset) {
                         checkForRatedSellers(asset).then(result => {
                             if (result) {
                                 let tmp_val = currentRate[asset] * (1 + UP_RATE);
-                                if (tmp_val <= ratePast24hr * (1 + MAX_UP_PER_DAY)) {
+                                if (tmp_val <= ratePast24hr * (1 + MAX_UP_PER_DAY))
                                     currentRate[asset] = tmp_val;
-                                    updateLastTime(asset);
-                                } else
+                                else
                                     console.debug("Max Price up for the day has reached");
                             }
                         }).catch(error => console.error(error)).finally(_ => resolve(currentRate[asset]));
@@ -199,6 +197,7 @@ module.exports = {
     getRates,
     getHistory,
     updateLastTime,
+    MIN_TIME,
     noOrder(asset, buy, sell) {
         noBuyOrder[asset] = buy;
         noSellOrder[asset] = sell;
diff --git a/src/request.js b/src/request.js
index 28a186c..1eb0d06 100644
--- a/src/request.js
+++ b/src/request.js
@@ -490,7 +490,6 @@ module.exports = {
     WithdrawFLO,
     DepositToken,
     WithdrawToken,
-    periodicProcess: market.periodicProcess,
     AddUserTag,
     RemoveUserTag,
     AddDistributor,
@@ -510,8 +509,10 @@ module.exports = {
     },
     pause() {
         serving = false;
+        market.periodicProcess.stop();
     },
     resume() {
         serving = true;
+        market.periodicProcess.start();
     }
 };
\ No newline at end of file

From 54470b42d7b6bb0eeb1bd9f7e5b2a09d75379a12 Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Sat, 7 May 2022 00:03:36 +0530
Subject: [PATCH 066/168] get-rates API improved

- get-rates API will now give a countDown timer
- this will be time at which next price update will happen unless a trade occurs
- Update: _constants.js for previous update
---
 src/_constants.js | 12 +++++++-----
 src/market.js     |  3 +++
 src/price.js      |  6 ++++++
 src/request.js    | 15 +++++++++++----
 4 files changed, 27 insertions(+), 9 deletions(-)

diff --git a/src/_constants.js b/src/_constants.js
index d8f01e6..8e641ec 100644
--- a/src/_constants.js
+++ b/src/_constants.js
@@ -1,7 +1,6 @@
 module.exports = {
     app: {
-        BLOCKCHAIN_REFRESH_INTERVAL: 1 * 60 * 60 * 1000, // 1 hr
-        PERIOD_INTERVAL: 15 * 60 * 1000 // 15 min
+        BLOCKCHAIN_REFRESH_INTERVAL: 1 * 60 * 60 * 1000, //1 hr
     },
     request: {
         SIGN_EXPIRE_TIME: 5 * 60 * 1000, //5 mins
@@ -9,6 +8,9 @@ module.exports = {
         INVALID_SERVER_MSG: "INCORRECT_SERVER_ERROR" //Should be reflected in public backend script
     },
     market: {
+        PERIOD_INTERVAL: 5 * 60 * 1000, //5 min,
+        WAIT_TIME: 2 * 60 * 1000, //2 mins,
+        LAUNCH_SELLER_TAG: "launch-seller",
         MAXIMUM_LAUNCH_SELL_CHIPS: 250000,
         TRADE_HASH_PREFIX: "z1",
         TRANSFER_HASH_PREFIX: "z0"
@@ -16,15 +18,15 @@ module.exports = {
     price: {
         MIN_TIME: 1 * 60 * 60 * 1000, // 1 hr
         DOWN_RATE: 0.2 / 100, //0.2% dec
-        UP_RATE: 0.5 / 100, //0.5 % inc
+        UP_RATE: 0.5 / 100, //0.5% inc
         MAX_DOWN_PER_DAY: 4.8 / 100, //max 4.8% dec
         MAX_UP_PER_DAY: 12 / 100, //max 12% inc
         CHECK_RATED_SELLER: false,
         TOP_RANGE: 10 / 100, //top 10%
-        REC_HISTORY_INTERVAL: 1 * 60 * 60 * 1000, // 1 hr
+        REC_HISTORY_INTERVAL: 1 * 60 * 60 * 1000, //1 hr
     },
     backup: {
-        SHARE_THRESHOLD: 50 / 100, // 50%
+        SHARE_THRESHOLD: 50 / 100, //50%
         HASH_N_ROW: 100,
         SINK_KEY_INDICATOR: '$$$',
         BACKUP_INTERVAL: 5 * 60 * 1000, //5 min
diff --git a/src/market.js b/src/market.js
index 6055498..e9fc01d 100644
--- a/src/market.js
+++ b/src/market.js
@@ -695,6 +695,9 @@ module.exports = {
     get rates() {
         return coupling.price.currentRates;
     },
+    get priceCountDown() {
+        return coupling.price.lastTimes;
+    },
     addBuyOrder,
     addSellOrder,
     cancelOrder,
diff --git a/src/price.js b/src/price.js
index 9afc1f3..e416ef5 100644
--- a/src/price.js
+++ b/src/price.js
@@ -207,5 +207,11 @@ module.exports = {
     },
     get currentRates() {
         return Object.assign({}, currentRate);
+    },
+    get lastTimes() {
+        let countDown = {};
+        for (let asset in lastTime)
+            countDown[asset] = lastTime[asset] + MIN_TIME;
+        return countDown;
     }
 }
\ No newline at end of file
diff --git a/src/request.js b/src/request.js
index 1eb0d06..753e0f5 100644
--- a/src/request.js
+++ b/src/request.js
@@ -400,16 +400,23 @@ function GetRates(req, res) {
         res.status(INVALID.e_code).send(INVALID_SERVER_MSG);
     else {
         let asset = req.query.asset,
-            rates = market.rates;
+            rates = market.rates,
+            countDown = market.priceCountDown;
         if (asset) {
             if (asset in rates)
-                res.send(rates[asset].toString());
+                res.send({
+                    asset: asset,
+                    rate: rates[asset],
+                    countDown: countDown[asset]
+                });
             else
                 res.status(INVALID.e_code).send("Invalid asset parameter");
         } else
-            res.send(rates);
+            res.send({
+                rates,
+                countDown
+            });
     }
-
 }
 
 function GetRateHistory(req, res) {

From fb9ac8080b2b4317ae6358e2f9d6bd0b284ac0a1 Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Sat, 7 May 2022 00:15:34 +0530
Subject: [PATCH 067/168] Fixed: price storeHistory

- price.storeHistory interval will trigger only when node is master
---
 src/market.js |  2 ++
 src/price.js  | 20 ++++++++++++++++----
 2 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/src/market.js b/src/market.js
index e9fc01d..f096f40 100644
--- a/src/market.js
+++ b/src/market.js
@@ -662,6 +662,7 @@ periodicProcess.start = function() {
     periodicProcess.stop();
     periodicProcess();
     assetList.forEach(asset => coupling.initiate(asset));
+    coupling.price.storeHistory.start();
     periodicProcess.instance = setInterval(periodicProcess, PERIOD_INTERVAL);
 };
 
@@ -671,6 +672,7 @@ periodicProcess.stop = function() {
         delete periodicProcess.instance;
     }
     coupling.stopAll();
+    coupling.price.storeHistory.stop();
 };
 
 function blockchainReCheck() {
diff --git a/src/price.js b/src/price.js
index e416ef5..2101394 100644
--- a/src/price.js
+++ b/src/price.js
@@ -25,10 +25,21 @@ function storeHistory(asset, rate) {
     DB.query("INSERT INTO PriceHistory (asset, rate) VALUE (?, ?)", [asset, rate.toFixed(8)])
         .then(_ => null).catch(error => console.error(error))
 }
-setInterval(() => {
-    for (let asset in currentRate)
-        storeHistory(asset, currentRate[asset]);
-}, REC_HISTORY_INTERVAL);
+
+storeHistory.start = function() {
+    storeHistory.stop();
+    storeHistory.instance = setInterval(() => {
+        for (let asset in currentRate)
+            storeHistory(asset, currentRate[asset]);
+    }, REC_HISTORY_INTERVAL);
+}
+
+storeHistory.stop = function() {
+    if (storeHistory.instance !== undefined) {
+        clearInterval(storeHistory.instance);
+        delete storeHistory.instance;
+    }
+}
 
 function getPastRate(asset, hrs = 24) {
     return new Promise((resolve, reject) => {
@@ -196,6 +207,7 @@ function checkForRatedSellers(asset) {
 module.exports = {
     getRates,
     getHistory,
+    storeHistory,
     updateLastTime,
     MIN_TIME,
     noOrder(asset, buy, sell) {

From d444e962591eb2f71fb1645627e95029f18957ac Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Sat, 7 May 2022 01:04:49 +0530
Subject: [PATCH 068/168] checkSellRequirement: sell-chip's base

- Check for sell-chips's base price when placing sell order.
- Returns 'Cannot sell below purchased price' when not enough sell-chips above the base for placing order
---
 src/market.js | 24 +++++++++++++++++++-----
 1 file changed, 19 insertions(+), 5 deletions(-)

diff --git a/src/market.js b/src/market.js
index f096f40..b0144db 100644
--- a/src/market.js
+++ b/src/market.js
@@ -133,7 +133,7 @@ function addSellOrder(floID, asset, quantity, min_price) {
         else if (!assetList.includes(asset))
             return reject(INVALID(`Invalid asset (${asset})`));
         getAssetBalance.check(floID, asset, quantity).then(_ => {
-            checkSellRequirement(floID, asset, quantity).then(_ => {
+            checkSellRequirement(floID, asset, quantity, min_price).then(_ => {
                 DB.query("INSERT INTO SellOrder(floID, asset, quantity, minPrice) VALUES (?, ?, ?, ?)", [floID, asset, quantity, min_price]).then(result => {
                     resolve('Sell Order placed successfully');
                     coupling.initiate(asset);
@@ -143,17 +143,31 @@ function addSellOrder(floID, asset, quantity, min_price) {
     });
 }
 
-const checkSellRequirement = (floID, asset, quantity) => new Promise((resolve, reject) => {
+const checkSellRequirement = (floID, asset, quantity, min_price) => new Promise((resolve, reject) => {
     Promise.all([
         DB.query("SELECT IFNULL(SUM(quantity), 0) AS total_chips FROM SellChips WHERE floID=? AND asset=?", [floID, asset]),
         DB.query("SELECT IFNULL(SUM(quantity), 0) AS locked FROM SellOrder WHERE floID=? AND asset=?", [floID, asset])
     ]).then(result => {
         let total = result[0][0].total_chips,
             locked = result[1][0].locked;
-        if (total >= locked + quantity)
-            resolve(true);
-        else
+        if (total < locked + quantity)
             reject(INVALID(`Insufficient sell-chips for ${asset}`));
+        else Promise.all([
+            DB.query("SELECT IFNULL(SUM(quantity), 0) AS total_chips FROM SellChips WHERE floID=? AND asset=? AND base>=?", [floID, asset, min_price]),
+            DB.query("SELECT IFNULL(SUM(quantity), 0) AS locked FROM SellOrder WHERE floID=? AND asset=? AND minPrice>=?", [floID, asset, min_price])
+        ]).then(result => {
+            let g_total = result[0][0].total_chips,
+                g_locked = result[1][0].locked;
+            let l_total = total - g_total,
+                l_locked = locked - g_locked;
+            var rem = g_total - g_locked;
+            if (l_locked > l_total)
+                rem -= l_locked - l_total;
+            if (rem < quantity)
+                reject(INVALID(`Cannot sell below purchased price`));
+            else
+                resolve(true);
+        }).catch(error => reject(error))
     }).catch(error => reject(error))
 });
 

From 09953d252a816829aa1c3a1464670099826c0efb Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Sat, 7 May 2022 01:23:55 +0530
Subject: [PATCH 069/168] Optimised blockchainReCheck

- Check if a new block has come at start of blockchainReCheck
- Checks for confirmation of txns only when a new block in the blockchain
---
 src/market.js | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/src/market.js b/src/market.js
index b0144db..41d2cfc 100644
--- a/src/market.js
+++ b/src/market.js
@@ -689,6 +689,8 @@ periodicProcess.stop = function() {
     coupling.price.storeHistory.stop();
 };
 
+var lastSyncBlockHeight = 0;
+
 function blockchainReCheck() {
     if (blockchainReCheck.timeout !== undefined) {
         clearTimeout(blockchainReCheck.timeout);
@@ -697,12 +699,17 @@ function blockchainReCheck() {
     if (!global.sinkID)
         return blockchainReCheck.timeout = setTimeout(blockchainReCheck, WAIT_TIME);
 
-    confirmDepositFLO();
-    confirmDepositToken();
-    retryWithdrawalFLO();
-    retryWithdrawalToken();
-    confirmWithdrawalFLO();
-    confirmWithdrawalToken();
+    floBlockchainAPI.promisedAPI('api/blocks?limit=1').then(result => {
+        if (lastSyncBlockHeight < result.blocks[0].height) {
+            lastSyncBlockHeight = result.blocks[0].height;
+            confirmDepositFLO();
+            confirmDepositToken();
+            retryWithdrawalFLO();
+            retryWithdrawalToken();
+            confirmWithdrawalFLO();
+            confirmWithdrawalToken();
+        }
+    }).catch(error => console.error(error));
 }
 
 module.exports = {

From 838a12b3615430846113ca94b32038e308cd080f Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Sat, 7 May 2022 23:17:02 +0530
Subject: [PATCH 070/168] Bug fix

- Fixed: Timeout not called upon initial coupling
- 'Cannot sell below purchased price' incorrectly shown when its actually valid order placement
- UI: parsing of get-rates API (latest update)
---
 docs/index.html | 3 ++-
 src/market.js   | 6 +++---
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/docs/index.html b/docs/index.html
index 899b196..28eaa8f 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -2294,7 +2294,8 @@
         function updateRate(init = false, refreshButton) {
             if (refreshButton)
                 buttonLoader('wallet_balance_refresh_button', true);
-            floExchangeAPI.getRates().then(rates => {
+            floExchangeAPI.getRates().then(result => {
+                let rates = result.rates;
                 console.debug(rates);
                 if (init) {
                     floGlobals.exchangeRates = rates
diff --git a/src/market.js b/src/market.js
index 41d2cfc..43545d6 100644
--- a/src/market.js
+++ b/src/market.js
@@ -153,8 +153,8 @@ const checkSellRequirement = (floID, asset, quantity, min_price) => new Promise(
         if (total < locked + quantity)
             reject(INVALID(`Insufficient sell-chips for ${asset}`));
         else Promise.all([
-            DB.query("SELECT IFNULL(SUM(quantity), 0) AS total_chips FROM SellChips WHERE floID=? AND asset=? AND base>=?", [floID, asset, min_price]),
-            DB.query("SELECT IFNULL(SUM(quantity), 0) AS locked FROM SellOrder WHERE floID=? AND asset=? AND minPrice>=?", [floID, asset, min_price])
+            DB.query("SELECT IFNULL(SUM(quantity), 0) AS total_chips FROM SellChips WHERE floID=? AND asset=? AND base<=?", [floID, asset, min_price]),
+            DB.query("SELECT IFNULL(SUM(quantity), 0) AS locked FROM SellOrder WHERE floID=? AND asset=? AND minPrice<=?", [floID, asset, min_price])
         ]).then(result => {
             let g_total = result[0][0].total_chips,
                 g_locked = result[1][0].locked;
@@ -675,7 +675,7 @@ function periodicProcess() {
 periodicProcess.start = function() {
     periodicProcess.stop();
     periodicProcess();
-    assetList.forEach(asset => coupling.initiate(asset));
+    assetList.forEach(asset => coupling.initiate(asset, true));
     coupling.price.storeHistory.start();
     periodicProcess.instance = setInterval(periodicProcess, PERIOD_INTERVAL);
 };

From 8722b6cb60e8b7a5300395081d8131f629b662d5 Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Sun, 8 May 2022 01:54:10 +0530
Subject: [PATCH 071/168] Issue Fix

- Trigger coupling on cancel orders
---
 src/market.js | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/market.js b/src/market.js
index 43545d6..3ea95a7 100644
--- a/src/market.js
+++ b/src/market.js
@@ -201,15 +201,17 @@ function cancelOrder(type, id, floID) {
             tableName = "SellOrder";
         else
             return reject(INVALID("Invalid Order type! Order type must be buy (or) sell"));
-        DB.query(`SELECT floID FROM ${tableName} WHERE id=?`, [id]).then(result => {
+        DB.query(`SELECT floID, asset FROM ${tableName} WHERE id=?`, [id]).then(result => {
             if (result.length < 1)
                 return reject(INVALID("Order not found!"));
             else if (result[0].floID !== floID)
                 return reject(INVALID("Order doesnt belong to the current user"));
+            let asset = result[0].asset;
             //Delete the order 
-            DB.query(`DELETE FROM ${tableName} WHERE id=?`, [id])
-                .then(result => resolve(tableName + "#" + id + " cancelled successfully"))
-                .catch(error => reject(error));
+            DB.query(`DELETE FROM ${tableName} WHERE id=?`, [id]).then(result => {
+                resolve(tableName + "#" + id + " cancelled successfully");
+                coupling.initiate(asset);
+            }).catch(error => reject(error));
         }).catch(error => reject(error));
     });
 }

From 859a336586bb65a2e166b248f36e3d9646ae817e Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Mon, 9 May 2022 00:11:30 +0530
Subject: [PATCH 072/168] Added asset prices without login in

---
 docs/css/main.css     |  21 ++++++-
 docs/css/main.min.css |   2 +-
 docs/css/main.scss    |  23 +++++++-
 docs/index.html       | 133 ++++++++++++++++++++++++------------------
 4 files changed, 116 insertions(+), 63 deletions(-)

diff --git a/docs/css/main.css b/docs/css/main.css
index 7fe7475..8cb2f76 100644
--- a/docs/css/main.css
+++ b/docs/css/main.css
@@ -179,7 +179,7 @@ ul {
   text-overflow: ellipsis;
 }
 
-.breakable {
+.wrap-around {
   overflow-wrap: break-word;
   word-wrap: break-word;
   -ms-word-break: break-all;
@@ -772,6 +772,9 @@ sm-checkbox {
 #my_orders,
 #market {
   width: min(42rem, 100%);
+}
+
+#my_orders {
   grid-template-rows: auto 1fr;
 }
 
@@ -879,6 +882,15 @@ sm-checkbox {
   grid-template-columns: repeat(3, 1fr) 2rem;
 }
 
+#market_asset_rates {
+  display: grid;
+  gap: 0.5rem;
+}
+#market_asset_rates .listed-asset {
+  padding: 1rem;
+  background-color: rgba(var(--text-color), 0.03);
+}
+
 #market_orders_wrapper .list__header {
   font-size: 0.8rem;
   font-weight: 500;
@@ -1312,6 +1324,13 @@ sm-checkbox {
     display: none !important;
   }
 }
+@media screen and (min-width: 52rem) {
+  body:not(.is-signed-in) #market {
+    gap: 2rem;
+    width: 100%;
+    grid-template-columns: 18rem 1fr;
+  }
+}
 @media screen and (min-width: 64rem) {
   #home {
     grid-template-columns: auto 1fr;
diff --git a/docs/css/main.min.css b/docs/css/main.min.css
index 364509f..b94dca2 100644
--- a/docs/css/main.min.css
+++ b/docs/css/main.min.css
@@ -1 +1 @@
-*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #504dff;--text-color: 20, 20, 20;--background-color: 240, 240, 240;--foreground-color: 250, 250, 250;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a3a1ff;--text-color: 220, 220, 220;--background-color: 10, 10, 10;--foreground-color: 24, 24, 24;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{color:var(--accent-color)}button,.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;cursor:pointer;transition:transform .3s;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.button{white-space:nowrap;padding:.6rem 1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.06);color:rgba(var(--text-color), 0.8);justify-content:center}.button--primary{background-color:var(--accent-color);color:rgba(var(--background-color), 1)}button:disabled{opacity:.5}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}sm-copy{font-size:.9rem}ul{list-style:none}.flex{display:flex}.flex-1{flex:1}.grid{display:grid}.hide{opacity:0;pointer-events:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.breakable{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.h1{font-size:1.5rem}.h2{font-size:1.2rem}.h3{font-size:1rem}.h4{font-size:.9rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.6rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem;align-items:center}.popup__header__close{padding:.5rem;margin-left:-0.7rem;cursor:pointer}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;width:100%;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:1rem}.logo h4{text-transform:capitalize;font-size:.9rem;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details:not(:last-of-type){border-bottom:thin solid rgba(var(--text-color), 0.3)}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}details .icon{flex-shrink:0}details[open]{padding-bottom:1rem}details[open] summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.tooltip{position:relative;z-index:1;cursor:pointer}.tooltip .banner{position:absolute;right:0;width:min(20rem,100vw - 1rem);display:none;font-size:.9rem;background-color:rgba(var(--foreground-color), 1);padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.1);border:solid thin rgba(var(--text-color), 0.2)}.tooltip:hover .banner{display:block}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:grid;gap:1rem;padding:1.5rem;width:100%;align-items:center;grid-template-columns:1fr auto auto;grid-column:1/-1}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto;padding:0 1.5rem}#pages_container>*{min-width:min(26rem,100%)}.listed-asset{position:relative;grid-template-columns:auto 1fr auto;gap:.5rem;padding:1rem 0;border-radius:.5rem;opacity:.8;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit}.listed-asset__icon{display:flex}.listed-asset__icon .icon{height:1.5rem;width:1.5rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{display:flex;flex-direction:column;height:100%}#asset_page__nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}#asset_page__nav .icon-only{margin-left:-0.7rem}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(42rem,100%);grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content;border-radius:.5rem}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{cursor:pointer;margin-right:.5rem}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.transaction-card__type,.live-order__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type,.transaction-card[data-type=Bought] .live-order__type,.transaction-card--buy .live-order__type,.live-order[data-type=Bought] .transaction-card__type,.live-order--buy .transaction-card__type,.live-order[data-type=Bought] .live-order__type,.live-order--buy .live-order__type{color:var(--green)}.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type,.transaction-card[data-type=Sold] .live-order__type,.transaction-card--sell .live-order__type,.live-order[data-type=Sold] .transaction-card__type,.live-order--sell .transaction-card__type,.live-order[data-type=Sold] .live-order__type,.live-order--sell .live-order__type{color:var(--danger-color)}.transaction-card__total,.live-order__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.transaction-card__quantity,.transaction-card__price,.live-order__quantity,.live-order__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.transaction-card{content-visibility:auto;contain-intrinsic-size:2.5rem;grid-template-columns:repeat(3, 1fr) 2rem}#market_orders_wrapper .list__header{font-size:.8rem;font-weight:500}#market_orders_wrapper .list__header div{padding:.5rem 0}#market_orders_wrapper .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.live-order{display:grid;gap:1rem;padding:1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.03)}.live-order:not(:last-of-type){margin-bottom:.5rem}.live-order[data-type=buy]{background-color:#00fa9a10}.live-order[data-type=sell]{background-color:#e2135110}#wallet{display:grid;width:auto;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem}.balance-card{display:grid;align-items:center;gap:0 .5rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1);padding:.5rem}.balance-card.is-locked{padding:1rem .5rem;grid-template-columns:auto 1fr auto;gap:.5rem}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:2/3;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#wallet_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}#help{width:min(60ch,100%);margin-bottom:3rem;align-content:flex-start}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.hide-on-mobile{display:none !important}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#price_chart_container{flex:1}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.h1{font-size:2rem}.h2{font-size:1.8rem}.h3{font-size:1.3rem}.h4{font-size:1rem}.popup__header{padding:1rem 1.5rem 0 1.5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:16rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#asset_page__nav{grid-column:1/-1}#wallet{gap:1rem 2rem;grid-template-columns:20rem 24rem}#wallet__header{grid-column:1/3;padding-bottom:1rem}#wallet .balance-card{border:solid thin rgba(var(--text-color), 0.2)}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}}
\ No newline at end of file
+*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #504dff;--text-color: 20, 20, 20;--background-color: 240, 240, 240;--foreground-color: 250, 250, 250;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a3a1ff;--text-color: 220, 220, 220;--background-color: 10, 10, 10;--foreground-color: 24, 24, 24;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{color:var(--accent-color)}button,.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;cursor:pointer;transition:transform .3s;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.button{white-space:nowrap;padding:.6rem 1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.06);color:rgba(var(--text-color), 0.8);justify-content:center}.button--primary{background-color:var(--accent-color);color:rgba(var(--background-color), 1)}button:disabled{opacity:.5}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}sm-copy{font-size:.9rem}ul{list-style:none}.flex{display:flex}.flex-1{flex:1}.grid{display:grid}.hide{opacity:0;pointer-events:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wrap-around{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.h1{font-size:1.5rem}.h2{font-size:1.2rem}.h3{font-size:1rem}.h4{font-size:.9rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.6rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem;align-items:center}.popup__header__close{padding:.5rem;margin-left:-0.7rem;cursor:pointer}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;width:100%;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:1rem}.logo h4{text-transform:capitalize;font-size:.9rem;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details:not(:last-of-type){border-bottom:thin solid rgba(var(--text-color), 0.3)}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}details .icon{flex-shrink:0}details[open]{padding-bottom:1rem}details[open] summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.tooltip{position:relative;z-index:1;cursor:pointer}.tooltip .banner{position:absolute;right:0;width:min(20rem,100vw - 1rem);display:none;font-size:.9rem;background-color:rgba(var(--foreground-color), 1);padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.1);border:solid thin rgba(var(--text-color), 0.2)}.tooltip:hover .banner{display:block}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:grid;gap:1rem;padding:1.5rem;width:100%;align-items:center;grid-template-columns:1fr auto auto;grid-column:1/-1}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto;padding:0 1.5rem}#pages_container>*{min-width:min(26rem,100%)}.listed-asset{position:relative;grid-template-columns:auto 1fr auto;gap:.5rem;padding:1rem 0;border-radius:.5rem;opacity:.8;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit}.listed-asset__icon{display:flex}.listed-asset__icon .icon{height:1.5rem;width:1.5rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{display:flex;flex-direction:column;height:100%}#asset_page__nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}#asset_page__nav .icon-only{margin-left:-0.7rem}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(42rem,100%)}#my_orders{grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content;border-radius:.5rem}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{cursor:pointer;margin-right:.5rem}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.transaction-card__type,.live-order__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type,.transaction-card[data-type=Bought] .live-order__type,.transaction-card--buy .live-order__type,.live-order[data-type=Bought] .transaction-card__type,.live-order--buy .transaction-card__type,.live-order[data-type=Bought] .live-order__type,.live-order--buy .live-order__type{color:var(--green)}.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type,.transaction-card[data-type=Sold] .live-order__type,.transaction-card--sell .live-order__type,.live-order[data-type=Sold] .transaction-card__type,.live-order--sell .transaction-card__type,.live-order[data-type=Sold] .live-order__type,.live-order--sell .live-order__type{color:var(--danger-color)}.transaction-card__total,.live-order__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.transaction-card__quantity,.transaction-card__price,.live-order__quantity,.live-order__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.transaction-card{content-visibility:auto;contain-intrinsic-size:2.5rem;grid-template-columns:repeat(3, 1fr) 2rem}#market_asset_rates{display:grid;gap:.5rem}#market_asset_rates .listed-asset{padding:1rem;background-color:rgba(var(--text-color), 0.03)}#market_orders_wrapper .list__header{font-size:.8rem;font-weight:500}#market_orders_wrapper .list__header div{padding:.5rem 0}#market_orders_wrapper .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.live-order{display:grid;gap:1rem;padding:1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.03)}.live-order:not(:last-of-type){margin-bottom:.5rem}.live-order[data-type=buy]{background-color:#00fa9a10}.live-order[data-type=sell]{background-color:#e2135110}#wallet{display:grid;width:auto;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem}.balance-card{display:grid;align-items:center;gap:0 .5rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1);padding:.5rem}.balance-card.is-locked{padding:1rem .5rem;grid-template-columns:auto 1fr auto;gap:.5rem}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:2/3;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#wallet_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}#help{width:min(60ch,100%);margin-bottom:3rem;align-content:flex-start}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.hide-on-mobile{display:none !important}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#price_chart_container{flex:1}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.h1{font-size:2rem}.h2{font-size:1.8rem}.h3{font-size:1.3rem}.h4{font-size:1rem}.popup__header{padding:1rem 1.5rem 0 1.5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:16rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 52rem){body:not(.is-signed-in) #market{gap:2rem;width:100%;grid-template-columns:18rem 1fr}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#asset_page__nav{grid-column:1/-1}#wallet{gap:1rem 2rem;grid-template-columns:20rem 24rem}#wallet__header{grid-column:1/3;padding-bottom:1rem}#wallet .balance-card{border:solid thin rgba(var(--text-color), 0.2)}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}}
\ No newline at end of file
diff --git a/docs/css/main.scss b/docs/css/main.scss
index 5ccba66..0d78720 100644
--- a/docs/css/main.scss
+++ b/docs/css/main.scss
@@ -167,7 +167,7 @@ ul {
   text-overflow: ellipsis;
 }
 
-.breakable {
+.wrap-around {
   overflow-wrap: break-word;
   word-wrap: break-word;
   -ms-word-break: break-all;
@@ -657,7 +657,6 @@ sm-checkbox {
   grid-template-columns: auto 1fr auto;
   gap: 0.5rem;
   padding: 1rem 0;
-
   border-radius: 0.5rem;
   opacity: 0.8;
   font-weight: 400;
@@ -733,6 +732,8 @@ sm-checkbox {
 #my_orders,
 #market {
   width: min(42rem, 100%);
+}
+#my_orders {
   grid-template-rows: auto 1fr;
 }
 .orders_section__header {
@@ -825,7 +826,14 @@ sm-checkbox {
   contain-intrinsic-size: 2.5rem;
   grid-template-columns: repeat(3, 1fr) 2rem;
 }
-
+#market_asset_rates {
+  display: grid;
+  gap: 0.5rem;
+  .listed-asset {
+    padding: 1rem;
+    background-color: rgba(var(--text-color), 0.03);
+  }
+}
 #market_orders_wrapper {
   .list__header {
     font-size: 0.8rem;
@@ -1200,6 +1208,15 @@ sm-checkbox {
     }
   }
 }
+@media screen and (min-width: 52rem) {
+  body:not(.is-signed-in) {
+    #market {
+      gap: 2rem;
+      width: 100%;
+      grid-template-columns: 18rem 1fr;
+    }
+  }
+}
 @media screen and (min-width: 64rem) {
   #home {
     grid-template-columns: auto 1fr;
diff --git a/docs/index.html b/docs/index.html
index 28eaa8f..c03556a 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -199,7 +199,7 @@
             <section id="my_orders" class="grid gap-1 hide mobile-page">
                 <div id="my_orders_section__header" class="orders_section__header flex">
                     <div id="orders_section__header--primary" class="flex w-100 align-center space-between">
-                        <h4>
+                        <h4 id="my_orders__title">
                             My orders
                         </h4>
                         <strip-select id="my_orders_category_selector" class="tab">
@@ -238,10 +238,19 @@
                     <p>My orders will only show completed orders</p>
                 </div>
             </section>
-            <section id="market" class="grid gap-1 hide mobile-page">
-                <div class="orders_section__header flex align-center space-between">
-                    <h4 class="flex align-center">
-                        Market-wide trades
+            <section id="market" class="grid gap-1-5 hide mobile-page">
+                <div class="grid gap-1 align-start">
+                    <div class="flex align-center space-between">
+                        <h5>ASSETS</h5>
+                        <h5>PRICE</h5>
+                    </div>
+                    <ul id="market_asset_rates"></ul>
+                </div>
+                <div class="grid gap-0-5 align-start">
+                    <div class="orders_section__header flex align-center">
+                        <h4 id="market_orders__title" class="flex align-center">
+                            Market-wide trades
+                        </h4>
                         <button onclick="refresh();" title="Refresh" style="margin-left: 1rem;">
                             <svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24"
                                 width="24px" fill="#000000">
@@ -250,42 +259,39 @@
                                     d="M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z" />
                             </svg>
                         </button>
-                    </h4>
-                    <strip-select id="market_orders_category_selector" class="tab">
-                        <strip-option value="open" selected>Live</strip-option>
-                        <strip-option value="completed">Trades</strip-option>
-                    </strip-select>
-                </div>
-                <div id="market_orders_wrapper">
-                    <div class="grid gap-1">
-                        <div class="grid">
-                            <h4>Live orders</h4>
-                            <p>Order placement denotes priority at which orders will get executed.</p>
-                        </div>
-                        <div class="flex text-center">
-                            <b class="flex-1" style="color: var(--green);">Buy</b>
-                            <b class="flex-1" style="color: var(--danger-color);">Sell</b>
-                        </div>
-                        <div id="market_open_orders_wrapper" class="flex gap-0-5">
-                            <div class="flex-1">
-                                <ul id="market_buy_orders" class="observe-empty-state"></ul>
-                                <p class="empty-state">
-                                    No buy orders placed
-                                </p>
-                            </div>
-                            <div class="flex-1">
-                                <ul id="market_sell_orders" class="observe-empty-state"></ul>
-                                <p class="empty-state">
-                                    No sell orders placed
-                                </p>
-                            </div>
-                        </div>
+                        <strip-select id="market_orders_category_selector" class="tab justify-right">
+                            <strip-option value="open" selected>Live</strip-option>
+                            <strip-option value="completed">Trades</strip-option>
+                        </strip-select>
                     </div>
-                    <div>
-                        <ul id="market_trades" class="observe-empty-state"></ul>
-                        <p class="empty-state">
-                            No trades happened
-                        </p>
+                    <div id="market_orders_wrapper">
+                        <div class="grid gap-1">
+                            <p>Order placement denotes priority at which orders will get executed.</p>
+                            <div class="flex text-center">
+                                <b class="flex-1" style="color: var(--green);">Buy</b>
+                                <b class="flex-1" style="color: var(--danger-color);">Sell</b>
+                            </div>
+                            <div id="market_open_orders_wrapper" class="flex gap-0-5">
+                                <div class="flex-1">
+                                    <ul id="market_buy_orders" class="observe-empty-state"></ul>
+                                    <p class="empty-state">
+                                        No buy orders placed
+                                    </p>
+                                </div>
+                                <div class="flex-1">
+                                    <ul id="market_sell_orders" class="observe-empty-state"></ul>
+                                    <p class="empty-state">
+                                        No sell orders placed
+                                    </p>
+                                </div>
+                            </div>
+                        </div>
+                        <div>
+                            <ul id="market_trades" class="observe-empty-state"></ul>
+                            <p class="empty-state">
+                                No trades happened
+                            </p>
+                        </div>
                     </div>
                 </div>
             </section>
@@ -513,7 +519,7 @@
                 </svg>
                 <div class="item__title">Wallet</div>
             </a>
-            <a href="#/help" class="main_navbar__item user-content hide interact">
+            <a href="#/help" class="main_navbar__item interact">
                 <svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px"
                     fill="#000000">
                     <path d="M0 0h24v24H0V0z" fill="none" />
@@ -525,9 +531,6 @@
         </nav>
     </article>
     <!-- 
-    * show all trades are happening at current price
-    * show max price allow
-    * add min price when total is entered
     * add warning to show if an order is not considered
  -->
 
@@ -685,7 +688,7 @@
             <a class="listed-asset interact grid align-center">
                 <div class="listed-asset__icon"></div>
                 <h4 class="listed-asset__name"></h4>
-                <strong class="listed-asset__rate"></strong>
+                <b class="listed-asset__rate"></b>
             </a>
         </li>
     </template>
@@ -747,11 +750,11 @@
             <div class="flex gap-0-5">
                 <div class="grid flex-1">
                     <span class="label">Valid upto</span>
-                    <b class="transaction-card__price"></b>
+                    <b class="transaction-card__price wrap-around"></b>
                 </div>
                 <div class="grid flex-1">
-                    <span class="label">Total</span>
-                    <div class="transaction-card__total"></div>
+                    <span class="label">Amount</span>
+                    <div class="transaction-card__total wrap-around"></div>
                 </div>
             </div>
         </li>
@@ -767,7 +770,7 @@
                 <div class="transaction-card__price"></div>
             </div>
             <div class="grid">
-                <span class="label transaction-card__price-type">Total</span>
+                <span class="label transaction-card__price-type">Amount</span>
                 <div class="transaction-card__total"></div>
             </div>
             <button class="more-info" title="View transaction details">
@@ -807,7 +810,7 @@
         <h4 class="grid list__header">
             <div>Quantity</div>
             <div>Traded at</div>
-            <div>Total</div>
+            <div>Amount</div>
             <div></div>
         </h4>
     </template>
@@ -1113,7 +1116,7 @@
                 const urlSearchParams = new URLSearchParams('?' + searchParams);
                 params = Object.fromEntries(urlSearchParams.entries());
             }
-            if (typeof proxy.userID === "undefined" && !['exchange', 'market'].includes(pageId)) {
+            if (typeof proxy.userID === "undefined" && !['exchange', 'market', 'help'].includes(pageId)) {
                 pageId = 'exchange'
                 history.replaceState(null, null, '#/exchange')
             }
@@ -1429,11 +1432,11 @@
         }
         const render = {
             listedAsset(name, rate) {
-                const clone = getRef('listed_asset_template').content.cloneNode(true).firstElementChild.firstElementChild
-                clone.href = `#/exchange?asset=${name}`
-                clone.dataset.listedAsset = name
+                const clone = getRef('listed_asset_template').content.cloneNode(true).firstElementChild
+                clone.firstElementChild.href = `#/exchange?asset=${name}`
+                clone.firstElementChild.dataset.listedAsset = name
                 clone.querySelector('.listed-asset__icon').innerHTML = getIcon(name)
-                clone.querySelector('.listed-asset__rate').textContent = rate
+                clone.querySelector('.listed-asset__rate').textContent = formatAmount(rate)
                 clone.querySelector('.listed-asset__name').textContent = name
                 return clone
             },
@@ -1456,7 +1459,7 @@
                 card.querySelector('.transaction-card__type').textContent = type
                 card.querySelector('.transaction-card__quantity').textContent = `${quantity} ${asset}`
                 card.querySelector('.transaction-card__price').textContent = formatAmount(unitValue)
-                card.querySelector('.transaction-card__total').textContent = formatAmount(parseFloat((unitValue * quantity).toFixed(2)))
+                card.querySelector('.transaction-card__total').textContent = formatAmount(parseFloat(unitValue * quantity))
                 card.querySelector('.more-info').dataset.buyer = buyer
                 card.querySelector('.more-info').dataset.seller = seller
                 card.querySelector('.more-info').dataset.other = other
@@ -1471,7 +1474,7 @@
                 card.classList.add(`transaction-card--${type}`)
                 card.querySelector('.transaction-card__quantity').textContent = `${quantity} ${asset}`
                 card.querySelector('.transaction-card__price').textContent = formatAmount(unitValue)
-                card.querySelector('.transaction-card__total').textContent = formatAmount(parseFloat((unitValue * quantity).toFixed(2)))
+                card.querySelector('.transaction-card__total').textContent = formatAmount(parseFloat(unitValue * quantity))
                 card.querySelector('.more-info').dataset.time = time_placed
                 card.querySelector('.more-info').dataset.buyer = type === 'buy' ? floID : undefined
                 card.querySelector('.more-info').dataset.seller = type === 'sell' ? floID : undefined
@@ -1483,7 +1486,7 @@
                 const card = getRef('market_transaction_template').content.cloneNode(true).firstElementChild
                 card.querySelector('.transaction-card__quantity').textContent = `${quantity} ${asset}`
                 card.querySelector('.transaction-card__price').textContent = `₹${unitValue}`
-                card.querySelector('.transaction-card__total').textContent = formatAmount(parseFloat((unitValue * quantity).toFixed(2)))
+                card.querySelector('.transaction-card__total').textContent = formatAmount(parseFloat(unitValue * quantity))
                 card.querySelector('.more-info').dataset.time = time
                 card.querySelector('.more-info').dataset.buyer = buyer
                 card.querySelector('.more-info').dataset.seller = seller
@@ -1526,6 +1529,7 @@
                 const frag = document.createDocumentFragment()
                 const ordersType = getRef('my_orders_category_selector').value
                 if (ordersType === 'open') {
+                    getRef('my_orders__title').textContent = 'My orders'
                     const allOpenOrders = [...buyOrders, ...sellOrders].sort((a, b) => new Date(b.time_placed).getTime() - new Date(a.time_placed).getTime())
                     allOpenOrders.forEach(order => {
                         const { id, asset, quantity, minPrice = undefined, maxPrice = undefined, time_placed } = order
@@ -1540,6 +1544,7 @@
                         frag.append(render.orderCard(orderDetails))
                     })
                 } else {
+                    getRef('my_orders__title').textContent = 'My trades'
                     transactions.forEach(transaction => {
                         const { asset, quantity, unitValue, tx_time, buyer, seller } = transaction
                         let type, other;
@@ -1570,6 +1575,7 @@
                 const frag = document.createDocumentFragment()
                 const ordersType = getRef('market_orders_category_selector').value
                 if (ordersType === 'open') {
+                    getRef('market_orders__title').textContent = 'Market-wide orders';
                     showChild('market_orders_wrapper', 0)
                     getRef('market_buy_orders').innerHTML = '<sm-spinner></sm-spinner>';
                     floExchangeAPI.getBuyList().then(buyOrders => {
@@ -1598,6 +1604,7 @@
                         console.log(err)
                     })
                 } else {
+                    getRef('market_orders__title').textContent = 'Market-wide trades';
                     showChild('market_orders_wrapper', 1)
                     getRef('market_trades').innerHTML = '<sm-spinner></sm-spinner>';
                     floExchangeAPI.getTradeList().then(trades => {
@@ -2319,6 +2326,14 @@
                             textContent: asset,
                             attributes: { value: asset },
                         }));
+                        getRef('market_asset_rates').append(createElement('li', {
+                            className: 'listed-asset grid align-center',
+                            innerHTML: `
+                                <div class="listed-asset__icon">${getIcon(asset)}</div>
+                                <h4 class="listed-asset__name">${asset}</h4>
+                                <b class="listed-asset__rate">${formatAmount(rate)}</b>
+                            `
+                        }))
                     })
                 } else {
                     // update rates in UI
@@ -2330,6 +2345,7 @@
                         }
                     }
                 }
+
                 if (pagesData.params.hasOwnProperty('asset' && pagesData.params.asset !== '')) {
                     showSuggestedPrice()
                 }
@@ -2370,6 +2386,7 @@
         async function account() {
             floExchangeAPI.getAccount(proxy.userID, await proxy.secret).then(async acc => {
                 document.body.classList.add('is-signed-in');
+                getRef('market_asset_rates').parentNode.remove()
                 // save login time
                 localStorage.setItem(`${acc.floID}_last_login`, Date.now());
                 getRef("login_form").classList.add('hide')

From a8c8993e5ace5b4b705106c3686f86a82b679687 Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Mon, 9 May 2022 01:33:45 +0530
Subject: [PATCH 073/168] Added timer for when asset price changes

---
 docs/css/main.css     |  9 +++++++++
 docs/css/main.min.css |  2 +-
 docs/css/main.scss    |  9 +++++++++
 docs/index.html       | 35 ++++++++++++++++++++++++++++-------
 4 files changed, 47 insertions(+), 8 deletions(-)

diff --git a/docs/css/main.css b/docs/css/main.css
index 8cb2f76..9450925 100644
--- a/docs/css/main.css
+++ b/docs/css/main.css
@@ -702,6 +702,15 @@ sm-checkbox {
           user-select: none;
   color: inherit;
 }
+.listed-asset__countdown {
+  justify-self: flex-end;
+  border-radius: 0.3rem;
+  padding: 0.2rem 0.4rem;
+  grid-column: 1/-1;
+  font-size: 0.8rem;
+  background-color: #f0e68ca0;
+  color: rgba(0, 0, 0, 0.9);
+}
 .listed-asset__icon {
   display: flex;
 }
diff --git a/docs/css/main.min.css b/docs/css/main.min.css
index b94dca2..a3e3be5 100644
--- a/docs/css/main.min.css
+++ b/docs/css/main.min.css
@@ -1 +1 @@
-*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #504dff;--text-color: 20, 20, 20;--background-color: 240, 240, 240;--foreground-color: 250, 250, 250;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a3a1ff;--text-color: 220, 220, 220;--background-color: 10, 10, 10;--foreground-color: 24, 24, 24;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{color:var(--accent-color)}button,.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;cursor:pointer;transition:transform .3s;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.button{white-space:nowrap;padding:.6rem 1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.06);color:rgba(var(--text-color), 0.8);justify-content:center}.button--primary{background-color:var(--accent-color);color:rgba(var(--background-color), 1)}button:disabled{opacity:.5}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}sm-copy{font-size:.9rem}ul{list-style:none}.flex{display:flex}.flex-1{flex:1}.grid{display:grid}.hide{opacity:0;pointer-events:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wrap-around{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.h1{font-size:1.5rem}.h2{font-size:1.2rem}.h3{font-size:1rem}.h4{font-size:.9rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.6rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem;align-items:center}.popup__header__close{padding:.5rem;margin-left:-0.7rem;cursor:pointer}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;width:100%;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:1rem}.logo h4{text-transform:capitalize;font-size:.9rem;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details:not(:last-of-type){border-bottom:thin solid rgba(var(--text-color), 0.3)}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}details .icon{flex-shrink:0}details[open]{padding-bottom:1rem}details[open] summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.tooltip{position:relative;z-index:1;cursor:pointer}.tooltip .banner{position:absolute;right:0;width:min(20rem,100vw - 1rem);display:none;font-size:.9rem;background-color:rgba(var(--foreground-color), 1);padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.1);border:solid thin rgba(var(--text-color), 0.2)}.tooltip:hover .banner{display:block}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:grid;gap:1rem;padding:1.5rem;width:100%;align-items:center;grid-template-columns:1fr auto auto;grid-column:1/-1}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto;padding:0 1.5rem}#pages_container>*{min-width:min(26rem,100%)}.listed-asset{position:relative;grid-template-columns:auto 1fr auto;gap:.5rem;padding:1rem 0;border-radius:.5rem;opacity:.8;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit}.listed-asset__icon{display:flex}.listed-asset__icon .icon{height:1.5rem;width:1.5rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{display:flex;flex-direction:column;height:100%}#asset_page__nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}#asset_page__nav .icon-only{margin-left:-0.7rem}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(42rem,100%)}#my_orders{grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content;border-radius:.5rem}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{cursor:pointer;margin-right:.5rem}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.transaction-card__type,.live-order__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type,.transaction-card[data-type=Bought] .live-order__type,.transaction-card--buy .live-order__type,.live-order[data-type=Bought] .transaction-card__type,.live-order--buy .transaction-card__type,.live-order[data-type=Bought] .live-order__type,.live-order--buy .live-order__type{color:var(--green)}.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type,.transaction-card[data-type=Sold] .live-order__type,.transaction-card--sell .live-order__type,.live-order[data-type=Sold] .transaction-card__type,.live-order--sell .transaction-card__type,.live-order[data-type=Sold] .live-order__type,.live-order--sell .live-order__type{color:var(--danger-color)}.transaction-card__total,.live-order__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.transaction-card__quantity,.transaction-card__price,.live-order__quantity,.live-order__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.transaction-card{content-visibility:auto;contain-intrinsic-size:2.5rem;grid-template-columns:repeat(3, 1fr) 2rem}#market_asset_rates{display:grid;gap:.5rem}#market_asset_rates .listed-asset{padding:1rem;background-color:rgba(var(--text-color), 0.03)}#market_orders_wrapper .list__header{font-size:.8rem;font-weight:500}#market_orders_wrapper .list__header div{padding:.5rem 0}#market_orders_wrapper .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.live-order{display:grid;gap:1rem;padding:1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.03)}.live-order:not(:last-of-type){margin-bottom:.5rem}.live-order[data-type=buy]{background-color:#00fa9a10}.live-order[data-type=sell]{background-color:#e2135110}#wallet{display:grid;width:auto;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem}.balance-card{display:grid;align-items:center;gap:0 .5rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1);padding:.5rem}.balance-card.is-locked{padding:1rem .5rem;grid-template-columns:auto 1fr auto;gap:.5rem}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:2/3;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#wallet_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}#help{width:min(60ch,100%);margin-bottom:3rem;align-content:flex-start}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.hide-on-mobile{display:none !important}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#price_chart_container{flex:1}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.h1{font-size:2rem}.h2{font-size:1.8rem}.h3{font-size:1.3rem}.h4{font-size:1rem}.popup__header{padding:1rem 1.5rem 0 1.5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:16rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 52rem){body:not(.is-signed-in) #market{gap:2rem;width:100%;grid-template-columns:18rem 1fr}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#asset_page__nav{grid-column:1/-1}#wallet{gap:1rem 2rem;grid-template-columns:20rem 24rem}#wallet__header{grid-column:1/3;padding-bottom:1rem}#wallet .balance-card{border:solid thin rgba(var(--text-color), 0.2)}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}}
\ No newline at end of file
+*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #504dff;--text-color: 20, 20, 20;--background-color: 240, 240, 240;--foreground-color: 250, 250, 250;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a3a1ff;--text-color: 220, 220, 220;--background-color: 10, 10, 10;--foreground-color: 24, 24, 24;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{color:var(--accent-color)}button,.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;cursor:pointer;transition:transform .3s;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.button{white-space:nowrap;padding:.6rem 1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.06);color:rgba(var(--text-color), 0.8);justify-content:center}.button--primary{background-color:var(--accent-color);color:rgba(var(--background-color), 1)}button:disabled{opacity:.5}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}sm-copy{font-size:.9rem}ul{list-style:none}.flex{display:flex}.flex-1{flex:1}.grid{display:grid}.hide{opacity:0;pointer-events:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wrap-around{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.h1{font-size:1.5rem}.h2{font-size:1.2rem}.h3{font-size:1rem}.h4{font-size:.9rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.6rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem;align-items:center}.popup__header__close{padding:.5rem;margin-left:-0.7rem;cursor:pointer}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;width:100%;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:1rem}.logo h4{text-transform:capitalize;font-size:.9rem;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details:not(:last-of-type){border-bottom:thin solid rgba(var(--text-color), 0.3)}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}details .icon{flex-shrink:0}details[open]{padding-bottom:1rem}details[open] summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.tooltip{position:relative;z-index:1;cursor:pointer}.tooltip .banner{position:absolute;right:0;width:min(20rem,100vw - 1rem);display:none;font-size:.9rem;background-color:rgba(var(--foreground-color), 1);padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.1);border:solid thin rgba(var(--text-color), 0.2)}.tooltip:hover .banner{display:block}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:grid;gap:1rem;padding:1.5rem;width:100%;align-items:center;grid-template-columns:1fr auto auto;grid-column:1/-1}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto;padding:0 1.5rem}#pages_container>*{min-width:min(26rem,100%)}.listed-asset{position:relative;grid-template-columns:auto 1fr auto;gap:.5rem;padding:1rem 0;border-radius:.5rem;opacity:.8;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit}.listed-asset__countdown{justify-self:flex-end;border-radius:.3rem;padding:.2rem .4rem;grid-column:1/-1;font-size:.8rem;background-color:#f0e68ca0;color:rgba(0,0,0,.9)}.listed-asset__icon{display:flex}.listed-asset__icon .icon{height:1.5rem;width:1.5rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{display:flex;flex-direction:column;height:100%}#asset_page__nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}#asset_page__nav .icon-only{margin-left:-0.7rem}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(42rem,100%)}#my_orders{grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content;border-radius:.5rem}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{cursor:pointer;margin-right:.5rem}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.transaction-card__type,.live-order__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type,.transaction-card[data-type=Bought] .live-order__type,.transaction-card--buy .live-order__type,.live-order[data-type=Bought] .transaction-card__type,.live-order--buy .transaction-card__type,.live-order[data-type=Bought] .live-order__type,.live-order--buy .live-order__type{color:var(--green)}.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type,.transaction-card[data-type=Sold] .live-order__type,.transaction-card--sell .live-order__type,.live-order[data-type=Sold] .transaction-card__type,.live-order--sell .transaction-card__type,.live-order[data-type=Sold] .live-order__type,.live-order--sell .live-order__type{color:var(--danger-color)}.transaction-card__total,.live-order__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.transaction-card__quantity,.transaction-card__price,.live-order__quantity,.live-order__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.transaction-card{content-visibility:auto;contain-intrinsic-size:2.5rem;grid-template-columns:repeat(3, 1fr) 2rem}#market_asset_rates{display:grid;gap:.5rem}#market_asset_rates .listed-asset{padding:1rem;background-color:rgba(var(--text-color), 0.03)}#market_orders_wrapper .list__header{font-size:.8rem;font-weight:500}#market_orders_wrapper .list__header div{padding:.5rem 0}#market_orders_wrapper .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.live-order{display:grid;gap:1rem;padding:1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.03)}.live-order:not(:last-of-type){margin-bottom:.5rem}.live-order[data-type=buy]{background-color:#00fa9a10}.live-order[data-type=sell]{background-color:#e2135110}#wallet{display:grid;width:auto;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem}.balance-card{display:grid;align-items:center;gap:0 .5rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1);padding:.5rem}.balance-card.is-locked{padding:1rem .5rem;grid-template-columns:auto 1fr auto;gap:.5rem}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:2/3;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#wallet_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}#help{width:min(60ch,100%);margin-bottom:3rem;align-content:flex-start}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.hide-on-mobile{display:none !important}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#price_chart_container{flex:1}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.h1{font-size:2rem}.h2{font-size:1.8rem}.h3{font-size:1.3rem}.h4{font-size:1rem}.popup__header{padding:1rem 1.5rem 0 1.5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:16rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 52rem){body:not(.is-signed-in) #market{gap:2rem;width:100%;grid-template-columns:18rem 1fr}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#asset_page__nav{grid-column:1/-1}#wallet{gap:1rem 2rem;grid-template-columns:20rem 24rem}#wallet__header{grid-column:1/3;padding-bottom:1rem}#wallet .balance-card{border:solid thin rgba(var(--text-color), 0.2)}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}}
\ No newline at end of file
diff --git a/docs/css/main.scss b/docs/css/main.scss
index 0d78720..7d13189 100644
--- a/docs/css/main.scss
+++ b/docs/css/main.scss
@@ -663,6 +663,15 @@ sm-checkbox {
   transition: background-color 0.3s;
   user-select: none;
   color: inherit;
+  &__countdown {
+    justify-self: flex-end;
+    border-radius: 0.3rem;
+    padding: 0.2rem 0.4rem;
+    grid-column: 1/-1;
+    font-size: 0.8rem;
+    background-color: #f0e68ca0;
+    color: rgba(0, 0, 0, 0.9);
+  }
   &__icon {
     display: flex;
     .icon {
diff --git a/docs/index.html b/docs/index.html
index c03556a..a9548d6 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -112,9 +112,12 @@
                 </sm-form>
                 <section id="exchange_wrapper" class="hide user-content">
                     <div id="asset_list_wrapper" class="grid gap-1 align-start">
-                        <div class="flex align-center space-between">
-                            <h5>ASSETS</h5>
-                            <h5>PRICE</h5>
+                        <div class="grid gap-0-3">
+                            <div class="flex align-center space-between">
+                                <h5>ASSETS</h5>
+                                <h5>PRICE</h5>
+                            </div>
+                            <p>Asset prices may change after timer is up.</p>
                         </div>
                         <ul id="listed_assets" class="user-content hide"></ul>
                     </div>
@@ -689,6 +692,7 @@
                 <div class="listed-asset__icon"></div>
                 <h4 class="listed-asset__name"></h4>
                 <b class="listed-asset__rate"></b>
+                <div class="listed-asset__countdown"></div>
             </a>
         </li>
     </template>
@@ -1399,6 +1403,14 @@
         function formatAmount(amount, shorten = false) {
             return amount.toLocaleString(`en-IN`, { style: 'currency', currency: 'INR', maximumFractionDigits: shorten ? 2 : 8 })
         }
+        // Convert milliseconds to time left in HH:MM:SS format
+        function getTimeLeft(milliseconds) {
+            const diff = milliseconds - Date.now()
+            const hours = Math.floor(diff / 3600000)
+            const minutes = Math.floor((diff % 3600000) / 60000)
+            const seconds = Math.floor(((diff % 3600000) % 60000) / 1000)
+            return `${hours}:${minutes < 10 ? '0' : ''}${minutes}:${seconds < 10 ? '0' : ''}${seconds}`
+        }
 
         function getSuggestedPrice(asset = pagesData.params.asset || 'FLO') {
             return parseFloat((parseFloat(floGlobals.exchangeRates[asset]) * deviation[tradeType]).toFixed(8))
@@ -1430,14 +1442,18 @@
             height: 0,
             width: 0
         }
+        floGlobals.countDownIntervals = {}
         const render = {
-            listedAsset(name, rate) {
+            listedAsset(name, rate, countDown) {
                 const clone = getRef('listed_asset_template').content.cloneNode(true).firstElementChild
                 clone.firstElementChild.href = `#/exchange?asset=${name}`
                 clone.firstElementChild.dataset.listedAsset = name
                 clone.querySelector('.listed-asset__icon').innerHTML = getIcon(name)
                 clone.querySelector('.listed-asset__rate').textContent = formatAmount(rate)
                 clone.querySelector('.listed-asset__name').textContent = name
+                floGlobals.countDownIntervals[name] = setInterval(() => {
+                    clone.querySelector('.listed-asset__countdown').textContent = `Est. time left: ${getTimeLeft(countDown)}`;
+                }, 1000);
                 return clone
             },
             orderCard(orderDetails = {}) {
@@ -2301,8 +2317,7 @@
         function updateRate(init = false, refreshButton) {
             if (refreshButton)
                 buttonLoader('wallet_balance_refresh_button', true);
-            floExchangeAPI.getRates().then(result => {
-                let rates = result.rates;
+            floExchangeAPI.getRates().then(({ rates, countDown }) => {
                 console.debug(rates);
                 if (init) {
                     floGlobals.exchangeRates = rates
@@ -2321,7 +2336,7 @@
                             }
                         }
                         // dynamically render listed assets if not already rendered
-                        getRef('listed_assets').append(render.listedAsset(asset, formatAmount(parseFloat(rate))));
+                        getRef('listed_assets').append(render.listedAsset(asset, formatAmount(parseFloat(rate)), countDown[asset]));
                         getRef('wallet_asset_selector').append(createElement('sm-option', {
                             textContent: asset,
                             attributes: { value: asset },
@@ -2342,6 +2357,12 @@
                         const listedAsset = getRef(`listed_assets`).querySelector(`[data-listed-asset="${asset}"]`)
                         if (listedAsset) {
                             listedAsset.querySelector('.listed-asset__rate').textContent = formatAmount(parseFloat(rate))
+                            if (floGlobals.countDownIntervals.hasOwnProperty(asset)) {
+                                clearInterval(floGlobals.countDownIntervals[asset]);
+                            }
+                            floGlobals.countDownIntervals[asset] = setInterval(() => {
+                                listedAsset.querySelector('.listed-asset__countdown').textContent = `Est. time left: ${getTimeLeft(countDown[asset])}`
+                            }, 1000)
                         }
                     }
                 }

From 6d66dc6cc30b5f889cac21ca9040b732fc6a96cf Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Mon, 9 May 2022 15:22:48 +0530
Subject: [PATCH 074/168] Bug fixes for asset price change timer

---
 docs/css/main.css     |  2 +-
 docs/css/main.min.css |  2 +-
 docs/css/main.scss    |  2 +-
 docs/index.html       | 54 ++++++++++++++++++++++++++-----------------
 4 files changed, 36 insertions(+), 24 deletions(-)

diff --git a/docs/css/main.css b/docs/css/main.css
index 9450925..eeed4bc 100644
--- a/docs/css/main.css
+++ b/docs/css/main.css
@@ -708,7 +708,7 @@ sm-checkbox {
   padding: 0.2rem 0.4rem;
   grid-column: 1/-1;
   font-size: 0.8rem;
-  background-color: #f0e68ca0;
+  background-color: #f0e68cc0;
   color: rgba(0, 0, 0, 0.9);
 }
 .listed-asset__icon {
diff --git a/docs/css/main.min.css b/docs/css/main.min.css
index a3e3be5..f358088 100644
--- a/docs/css/main.min.css
+++ b/docs/css/main.min.css
@@ -1 +1 @@
-*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #504dff;--text-color: 20, 20, 20;--background-color: 240, 240, 240;--foreground-color: 250, 250, 250;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a3a1ff;--text-color: 220, 220, 220;--background-color: 10, 10, 10;--foreground-color: 24, 24, 24;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{color:var(--accent-color)}button,.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;cursor:pointer;transition:transform .3s;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.button{white-space:nowrap;padding:.6rem 1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.06);color:rgba(var(--text-color), 0.8);justify-content:center}.button--primary{background-color:var(--accent-color);color:rgba(var(--background-color), 1)}button:disabled{opacity:.5}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}sm-copy{font-size:.9rem}ul{list-style:none}.flex{display:flex}.flex-1{flex:1}.grid{display:grid}.hide{opacity:0;pointer-events:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wrap-around{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.h1{font-size:1.5rem}.h2{font-size:1.2rem}.h3{font-size:1rem}.h4{font-size:.9rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.6rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem;align-items:center}.popup__header__close{padding:.5rem;margin-left:-0.7rem;cursor:pointer}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;width:100%;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:1rem}.logo h4{text-transform:capitalize;font-size:.9rem;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details:not(:last-of-type){border-bottom:thin solid rgba(var(--text-color), 0.3)}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}details .icon{flex-shrink:0}details[open]{padding-bottom:1rem}details[open] summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.tooltip{position:relative;z-index:1;cursor:pointer}.tooltip .banner{position:absolute;right:0;width:min(20rem,100vw - 1rem);display:none;font-size:.9rem;background-color:rgba(var(--foreground-color), 1);padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.1);border:solid thin rgba(var(--text-color), 0.2)}.tooltip:hover .banner{display:block}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:grid;gap:1rem;padding:1.5rem;width:100%;align-items:center;grid-template-columns:1fr auto auto;grid-column:1/-1}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto;padding:0 1.5rem}#pages_container>*{min-width:min(26rem,100%)}.listed-asset{position:relative;grid-template-columns:auto 1fr auto;gap:.5rem;padding:1rem 0;border-radius:.5rem;opacity:.8;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit}.listed-asset__countdown{justify-self:flex-end;border-radius:.3rem;padding:.2rem .4rem;grid-column:1/-1;font-size:.8rem;background-color:#f0e68ca0;color:rgba(0,0,0,.9)}.listed-asset__icon{display:flex}.listed-asset__icon .icon{height:1.5rem;width:1.5rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{display:flex;flex-direction:column;height:100%}#asset_page__nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}#asset_page__nav .icon-only{margin-left:-0.7rem}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(42rem,100%)}#my_orders{grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content;border-radius:.5rem}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{cursor:pointer;margin-right:.5rem}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.transaction-card__type,.live-order__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type,.transaction-card[data-type=Bought] .live-order__type,.transaction-card--buy .live-order__type,.live-order[data-type=Bought] .transaction-card__type,.live-order--buy .transaction-card__type,.live-order[data-type=Bought] .live-order__type,.live-order--buy .live-order__type{color:var(--green)}.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type,.transaction-card[data-type=Sold] .live-order__type,.transaction-card--sell .live-order__type,.live-order[data-type=Sold] .transaction-card__type,.live-order--sell .transaction-card__type,.live-order[data-type=Sold] .live-order__type,.live-order--sell .live-order__type{color:var(--danger-color)}.transaction-card__total,.live-order__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.transaction-card__quantity,.transaction-card__price,.live-order__quantity,.live-order__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.transaction-card{content-visibility:auto;contain-intrinsic-size:2.5rem;grid-template-columns:repeat(3, 1fr) 2rem}#market_asset_rates{display:grid;gap:.5rem}#market_asset_rates .listed-asset{padding:1rem;background-color:rgba(var(--text-color), 0.03)}#market_orders_wrapper .list__header{font-size:.8rem;font-weight:500}#market_orders_wrapper .list__header div{padding:.5rem 0}#market_orders_wrapper .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.live-order{display:grid;gap:1rem;padding:1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.03)}.live-order:not(:last-of-type){margin-bottom:.5rem}.live-order[data-type=buy]{background-color:#00fa9a10}.live-order[data-type=sell]{background-color:#e2135110}#wallet{display:grid;width:auto;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem}.balance-card{display:grid;align-items:center;gap:0 .5rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1);padding:.5rem}.balance-card.is-locked{padding:1rem .5rem;grid-template-columns:auto 1fr auto;gap:.5rem}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:2/3;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#wallet_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}#help{width:min(60ch,100%);margin-bottom:3rem;align-content:flex-start}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.hide-on-mobile{display:none !important}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#price_chart_container{flex:1}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.h1{font-size:2rem}.h2{font-size:1.8rem}.h3{font-size:1.3rem}.h4{font-size:1rem}.popup__header{padding:1rem 1.5rem 0 1.5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:16rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 52rem){body:not(.is-signed-in) #market{gap:2rem;width:100%;grid-template-columns:18rem 1fr}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#asset_page__nav{grid-column:1/-1}#wallet{gap:1rem 2rem;grid-template-columns:20rem 24rem}#wallet__header{grid-column:1/3;padding-bottom:1rem}#wallet .balance-card{border:solid thin rgba(var(--text-color), 0.2)}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}}
\ No newline at end of file
+*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #504dff;--text-color: 20, 20, 20;--background-color: 240, 240, 240;--foreground-color: 250, 250, 250;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a3a1ff;--text-color: 220, 220, 220;--background-color: 10, 10, 10;--foreground-color: 24, 24, 24;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{color:var(--accent-color)}button,.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;cursor:pointer;transition:transform .3s;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.button{white-space:nowrap;padding:.6rem 1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.06);color:rgba(var(--text-color), 0.8);justify-content:center}.button--primary{background-color:var(--accent-color);color:rgba(var(--background-color), 1)}button:disabled{opacity:.5}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}sm-copy{font-size:.9rem}ul{list-style:none}.flex{display:flex}.flex-1{flex:1}.grid{display:grid}.hide{opacity:0;pointer-events:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wrap-around{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.h1{font-size:1.5rem}.h2{font-size:1.2rem}.h3{font-size:1rem}.h4{font-size:.9rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.6rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem;align-items:center}.popup__header__close{padding:.5rem;margin-left:-0.7rem;cursor:pointer}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;width:100%;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:1rem}.logo h4{text-transform:capitalize;font-size:.9rem;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details:not(:last-of-type){border-bottom:thin solid rgba(var(--text-color), 0.3)}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}details .icon{flex-shrink:0}details[open]{padding-bottom:1rem}details[open] summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.tooltip{position:relative;z-index:1;cursor:pointer}.tooltip .banner{position:absolute;right:0;width:min(20rem,100vw - 1rem);display:none;font-size:.9rem;background-color:rgba(var(--foreground-color), 1);padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.1);border:solid thin rgba(var(--text-color), 0.2)}.tooltip:hover .banner{display:block}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:grid;gap:1rem;padding:1.5rem;width:100%;align-items:center;grid-template-columns:1fr auto auto;grid-column:1/-1}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto;padding:0 1.5rem}#pages_container>*{min-width:min(26rem,100%)}.listed-asset{position:relative;grid-template-columns:auto 1fr auto;gap:.5rem;padding:1rem 0;border-radius:.5rem;opacity:.8;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit}.listed-asset__countdown{justify-self:flex-end;border-radius:.3rem;padding:.2rem .4rem;grid-column:1/-1;font-size:.8rem;background-color:#f0e68cc0;color:rgba(0,0,0,.9)}.listed-asset__icon{display:flex}.listed-asset__icon .icon{height:1.5rem;width:1.5rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{display:flex;flex-direction:column;height:100%}#asset_page__nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}#asset_page__nav .icon-only{margin-left:-0.7rem}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(42rem,100%)}#my_orders{grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content;border-radius:.5rem}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{cursor:pointer;margin-right:.5rem}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.transaction-card__type,.live-order__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type,.transaction-card[data-type=Bought] .live-order__type,.transaction-card--buy .live-order__type,.live-order[data-type=Bought] .transaction-card__type,.live-order--buy .transaction-card__type,.live-order[data-type=Bought] .live-order__type,.live-order--buy .live-order__type{color:var(--green)}.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type,.transaction-card[data-type=Sold] .live-order__type,.transaction-card--sell .live-order__type,.live-order[data-type=Sold] .transaction-card__type,.live-order--sell .transaction-card__type,.live-order[data-type=Sold] .live-order__type,.live-order--sell .live-order__type{color:var(--danger-color)}.transaction-card__total,.live-order__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.transaction-card__quantity,.transaction-card__price,.live-order__quantity,.live-order__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.transaction-card{content-visibility:auto;contain-intrinsic-size:2.5rem;grid-template-columns:repeat(3, 1fr) 2rem}#market_asset_rates{display:grid;gap:.5rem}#market_asset_rates .listed-asset{padding:1rem;background-color:rgba(var(--text-color), 0.03)}#market_orders_wrapper .list__header{font-size:.8rem;font-weight:500}#market_orders_wrapper .list__header div{padding:.5rem 0}#market_orders_wrapper .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.live-order{display:grid;gap:1rem;padding:1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.03)}.live-order:not(:last-of-type){margin-bottom:.5rem}.live-order[data-type=buy]{background-color:#00fa9a10}.live-order[data-type=sell]{background-color:#e2135110}#wallet{display:grid;width:auto;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem}.balance-card{display:grid;align-items:center;gap:0 .5rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1);padding:.5rem}.balance-card.is-locked{padding:1rem .5rem;grid-template-columns:auto 1fr auto;gap:.5rem}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:2/3;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#wallet_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}#help{width:min(60ch,100%);margin-bottom:3rem;align-content:flex-start}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.hide-on-mobile{display:none !important}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#price_chart_container{flex:1}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.h1{font-size:2rem}.h2{font-size:1.8rem}.h3{font-size:1.3rem}.h4{font-size:1rem}.popup__header{padding:1rem 1.5rem 0 1.5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:16rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 52rem){body:not(.is-signed-in) #market{gap:2rem;width:100%;grid-template-columns:18rem 1fr}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#asset_page__nav{grid-column:1/-1}#wallet{gap:1rem 2rem;grid-template-columns:20rem 24rem}#wallet__header{grid-column:1/3;padding-bottom:1rem}#wallet .balance-card{border:solid thin rgba(var(--text-color), 0.2)}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}}
\ No newline at end of file
diff --git a/docs/css/main.scss b/docs/css/main.scss
index 7d13189..6d6d9c1 100644
--- a/docs/css/main.scss
+++ b/docs/css/main.scss
@@ -669,7 +669,7 @@ sm-checkbox {
     padding: 0.2rem 0.4rem;
     grid-column: 1/-1;
     font-size: 0.8rem;
-    background-color: #f0e68ca0;
+    background-color: #f0e68cc0;
     color: rgba(0, 0, 0, 0.9);
   }
   &__icon {
diff --git a/docs/index.html b/docs/index.html
index a9548d6..9e29ef6 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -4,9 +4,9 @@
 <head>
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta asset="viewport" content="width=device-width, initial-scale=1.0">
     <title>RanchiMall exchange</title>
-    <meta name="description" content="Trade FLO and FLO based RanchiMall tokens.">
+    <meta asset="description" content="Trade FLO and FLO based RanchiMall tokens.">
 
     <script src="scripts/components.js" defer></script>
     <link rel="stylesheet" href="css/main.min.css">
@@ -690,7 +690,7 @@
         <li>
             <a class="listed-asset interact grid align-center">
                 <div class="listed-asset__icon"></div>
-                <h4 class="listed-asset__name"></h4>
+                <h4 class="listed-asset__asset"></h4>
                 <b class="listed-asset__rate"></b>
                 <div class="listed-asset__countdown"></div>
             </a>
@@ -902,14 +902,14 @@
         }
 
         // returns dom with specified element
-        function createElement(tagName, options = {}) {
-            const { className, textContent, innerHTML, attributes = {} } = options
-            const elem = document.createElement(tagName)
+        function createElement(tagasset, options = {}) {
+            const { classasset, textContent, innerHTML, attributes = {} } = options
+            const elem = document.createElement(tagasset)
             for (let attribute in attributes) {
                 elem.setAttribute(attribute, attributes[attribute])
             }
-            if (className)
-                elem.className = className
+            if (classasset)
+                elem.classasset = classasset
             if (textContent)
                 elem.textContent = textContent
             if (innerHTML)
@@ -1442,18 +1442,24 @@
             height: 0,
             width: 0
         }
-        floGlobals.countDownIntervals = {}
+        floGlobals.countDowns = {
+            intervals: {},
+            timeouts: {}
+        }
         const render = {
-            listedAsset(name, rate, countDown) {
+            listedAsset(asset, rate, countDown) {
                 const clone = getRef('listed_asset_template').content.cloneNode(true).firstElementChild
-                clone.firstElementChild.href = `#/exchange?asset=${name}`
-                clone.firstElementChild.dataset.listedAsset = name
-                clone.querySelector('.listed-asset__icon').innerHTML = getIcon(name)
+                clone.firstElementChild.href = `#/exchange?asset=${asset}`
+                clone.firstElementChild.dataset.listedAsset = asset
+                clone.querySelector('.listed-asset__icon').innerHTML = getIcon(asset)
                 clone.querySelector('.listed-asset__rate').textContent = formatAmount(rate)
-                clone.querySelector('.listed-asset__name').textContent = name
-                floGlobals.countDownIntervals[name] = setInterval(() => {
+                clone.querySelector('.listed-asset__asset').textContent = asset
+                floGlobals.countDowns.intervals[asset] = setInterval(() => {
                     clone.querySelector('.listed-asset__countdown').textContent = `Est. time left: ${getTimeLeft(countDown)}`;
                 }, 1000);
+                floGlobals.countDowns.timeouts[asset] = setTimeout(() => {
+                    updateRate()
+                }, countDown - Date.now());
                 return clone
             },
             orderCard(orderDetails = {}) {
@@ -1511,7 +1517,7 @@
             assetBalanceCard(asset) {
                 const { net, locked } = allTokens[asset]
                 const card = getRef('asset_balance_card_template').content.cloneNode(true).firstElementChild
-                card.className = `balance-card ${locked ? 'is-locked' : ''}`
+                card.classasset = `balance-card ${locked ? 'is-locked' : ''}`
                 card.querySelector('.balance-card__token').textContent = asset
                 card.querySelector('.balance-card__icon').innerHTML = getIcon(asset)
                 const templateToClone = locked ? 'locked_balance_template' : 'net_balance_template';
@@ -2342,10 +2348,10 @@
                             attributes: { value: asset },
                         }));
                         getRef('market_asset_rates').append(createElement('li', {
-                            className: 'listed-asset grid align-center',
+                            classasset: 'listed-asset grid align-center',
                             innerHTML: `
                                 <div class="listed-asset__icon">${getIcon(asset)}</div>
-                                <h4 class="listed-asset__name">${asset}</h4>
+                                <h4 class="listed-asset__asset">${asset}</h4>
                                 <b class="listed-asset__rate">${formatAmount(rate)}</b>
                             `
                         }))
@@ -2357,12 +2363,18 @@
                         const listedAsset = getRef(`listed_assets`).querySelector(`[data-listed-asset="${asset}"]`)
                         if (listedAsset) {
                             listedAsset.querySelector('.listed-asset__rate').textContent = formatAmount(parseFloat(rate))
-                            if (floGlobals.countDownIntervals.hasOwnProperty(asset)) {
-                                clearInterval(floGlobals.countDownIntervals[asset]);
+                            if (floGlobals.countDowns.intervals.hasOwnProperty(asset)) {
+                                clearInterval(floGlobals.countDowns.intervals[asset]);
                             }
-                            floGlobals.countDownIntervals[asset] = setInterval(() => {
+                            if (floGlobals.countDowns.timeouts.hasOwnProperty(asset)) {
+                                clearTimeout(floGlobals.countDowns.timeouts[asset]);
+                            }
+                            floGlobals.countDowns.intervals[asset] = setInterval(() => {
                                 listedAsset.querySelector('.listed-asset__countdown').textContent = `Est. time left: ${getTimeLeft(countDown[asset])}`
                             }, 1000)
+                            floGlobals.countDowns.timeouts[asset] = setTimeout(() => {
+                                updateRate()
+                            }, countDown[asset] - Date.now());
                         }
                     }
                 }

From a6425cb2d2eb14fa40bda1826a72da3a6ac9c6d1 Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Mon, 9 May 2022 15:26:19 +0530
Subject: [PATCH 075/168] Minor fix

---
 docs/index.html | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/docs/index.html b/docs/index.html
index 9e29ef6..9d84e84 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -4,9 +4,9 @@
 <head>
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta asset="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>RanchiMall exchange</title>
-    <meta asset="description" content="Trade FLO and FLO based RanchiMall tokens.">
+    <meta name="description" content="Trade FLO and FLO based RanchiMall tokens.">
 
     <script src="scripts/components.js" defer></script>
     <link rel="stylesheet" href="css/main.min.css">
@@ -690,7 +690,7 @@
         <li>
             <a class="listed-asset interact grid align-center">
                 <div class="listed-asset__icon"></div>
-                <h4 class="listed-asset__asset"></h4>
+                <h4 class="listed-asset__name"></h4>
                 <b class="listed-asset__rate"></b>
                 <div class="listed-asset__countdown"></div>
             </a>
@@ -902,14 +902,14 @@
         }
 
         // returns dom with specified element
-        function createElement(tagasset, options = {}) {
-            const { classasset, textContent, innerHTML, attributes = {} } = options
-            const elem = document.createElement(tagasset)
+        function createElement(tagName, options = {}) {
+            const { className, textContent, innerHTML, attributes = {} } = options
+            const elem = document.createElement(tagName)
             for (let attribute in attributes) {
                 elem.setAttribute(attribute, attributes[attribute])
             }
-            if (classasset)
-                elem.classasset = classasset
+            if (className)
+                elem.className = className
             if (textContent)
                 elem.textContent = textContent
             if (innerHTML)
@@ -1453,7 +1453,7 @@
                 clone.firstElementChild.dataset.listedAsset = asset
                 clone.querySelector('.listed-asset__icon').innerHTML = getIcon(asset)
                 clone.querySelector('.listed-asset__rate').textContent = formatAmount(rate)
-                clone.querySelector('.listed-asset__asset').textContent = asset
+                clone.querySelector('.listed-asset__name').textContent = asset
                 floGlobals.countDowns.intervals[asset] = setInterval(() => {
                     clone.querySelector('.listed-asset__countdown').textContent = `Est. time left: ${getTimeLeft(countDown)}`;
                 }, 1000);
@@ -1517,7 +1517,7 @@
             assetBalanceCard(asset) {
                 const { net, locked } = allTokens[asset]
                 const card = getRef('asset_balance_card_template').content.cloneNode(true).firstElementChild
-                card.classasset = `balance-card ${locked ? 'is-locked' : ''}`
+                card.className = `balance-card ${locked ? 'is-locked' : ''}`
                 card.querySelector('.balance-card__token').textContent = asset
                 card.querySelector('.balance-card__icon').innerHTML = getIcon(asset)
                 const templateToClone = locked ? 'locked_balance_template' : 'net_balance_template';
@@ -2348,10 +2348,10 @@
                             attributes: { value: asset },
                         }));
                         getRef('market_asset_rates').append(createElement('li', {
-                            classasset: 'listed-asset grid align-center',
+                            className: 'listed-asset grid align-center',
                             innerHTML: `
                                 <div class="listed-asset__icon">${getIcon(asset)}</div>
-                                <h4 class="listed-asset__asset">${asset}</h4>
+                                <h4 class="listed-asset__name">${asset}</h4>
                                 <b class="listed-asset__rate">${formatAmount(rate)}</b>
                             `
                         }))

From d572d1bca98f9a30c452ad4928223f2602650999 Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Tue, 10 May 2022 13:05:53 +0530
Subject: [PATCH 076/168] Fixed issue with incorrect chart time

---
 docs/index.html | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/docs/index.html b/docs/index.html
index 9d84e84..f4ad7a6 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -865,15 +865,14 @@
         //Checks for internet connection status
         if (!navigator.onLine)
             notify(
-                "There seems to be a problem connecting to the internet, Please check you internet connection.",
+                "There seems to be a problem connecting to the internet. Please check your internet connection.",
                 "error",
-                { sound: true }
             );
         window.addEventListener("offline", () => {
             notify(
-                "There seems to be a problem connecting to the internet, Please check you internet connection.",
+                "There seems to be a problem connecting to the internet. Please check your internet connection.",
                 "error",
-                { pinned: true, sound: true }
+                { pinned: true }
             );
         });
         window.addEventListener("online", () => {
@@ -1446,6 +1445,11 @@
             intervals: {},
             timeouts: {}
         }
+        // convert GMT to IST
+        function getIST(originalTime) {
+            const d = new Date(originalTime);
+            return Date.UTC(d.getFullYear(), d.getMonth(), d.getDate(), d.getHours(), d.getMinutes(), d.getSeconds(), d.getMilliseconds()) / 1000;
+        }
         const render = {
             listedAsset(asset, rate, countDown) {
                 const clone = getRef('listed_asset_template').content.cloneNode(true).firstElementChild
@@ -1532,8 +1536,9 @@
             chart(asset, duration = '48 weeks') {
                 floExchangeAPI.getRateHistory(asset, duration).then(data => {
                     data = data.map(({ time, rate }) => {
+                        console.log(time, getIST(time))
                         return {
-                            time: new Date(time).getTime() / 1000,
+                            time: getIST(time),
                             value: rate
                         }
                     })

From d1fa002c8fd9593e42ab92583673fdca193fdabc Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Tue, 10 May 2022 13:06:17 +0530
Subject: [PATCH 077/168] removed console.log

---
 docs/index.html | 1 -
 1 file changed, 1 deletion(-)

diff --git a/docs/index.html b/docs/index.html
index f4ad7a6..53ce990 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -1536,7 +1536,6 @@
             chart(asset, duration = '48 weeks') {
                 floExchangeAPI.getRateHistory(asset, duration).then(data => {
                     data = data.map(({ time, rate }) => {
-                        console.log(time, getIST(time))
                         return {
                             time: getIST(time),
                             value: rate

From 226810f4de2603dcf8f7b5246e807523164010ad Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Wed, 11 May 2022 15:39:32 +0530
Subject: [PATCH 078/168] Fixes

-- fixed issue that causes countdown to go negative when tabs are in background
-- fixed issue where buy/sell percentage wouldn't calculate based on marked up prices
-- fixed an issue where refresh button in wallet wouldn't refresh wallet balances
---
 docs/index.html | 94 ++++++++++++++++++++++++++++++-------------------
 1 file changed, 58 insertions(+), 36 deletions(-)

diff --git a/docs/index.html b/docs/index.html
index 53ce990..dcbf704 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -328,7 +328,7 @@
                     <div class="flex align-center space-between">
                         <h4>Balance</h4>
                         <div class="multi-state-button">
-                            <button id="wallet_balance_refresh_button" class="button" onclick="updateRate(false,this);"
+                            <button id="wallet_balance_refresh_button" class="button" onclick="refresh(false,this);"
                                 title="Refresh">
                                 Refresh
                             </button>
@@ -863,17 +863,20 @@
         const relativeTime = new RelativeTime({ style: 'narrow' });
 
         //Checks for internet connection status
-        if (!navigator.onLine)
+        if (!navigator.onLine) {
             notify(
                 "There seems to be a problem connecting to the internet. Please check your internet connection.",
                 "error",
+                { pinned: true }
             );
+        }
         window.addEventListener("offline", () => {
             notify(
                 "There seems to be a problem connecting to the internet. Please check your internet connection.",
                 "error",
                 { pinned: true }
             );
+            location.reload()
         });
         window.addEventListener("online", () => {
             getRef("notification_drawer").clearAll();
@@ -1088,6 +1091,7 @@
 
         const pagesData = {
             lastPage: '',
+            currentPage: '',
             params: {}
         }
         async function showPage(targetPage, options = {}) {
@@ -1123,6 +1127,7 @@
                 pageId = 'exchange'
                 history.replaceState(null, null, '#/exchange')
             }
+            pagesData.currentPage = pageId
             if (!firstLoad)
                 switch (pageId) {
                     case 'exchange':
@@ -1335,9 +1340,17 @@
                     child.classList.add('hide')
             })
         }
+        function handleVisibilityChange() {
+            if (document.visibilityState === "hidden") {
+                // code if page is hidden 
+            } else {
+                updateRate();
+            }
+        }
+        document.addEventListener("visibilitychange", handleVisibilityChange, false);
     </script>
     <script>
-        function buttonLoader(id, show) {
+        function buttonLoader(id, show = false) {
             getRef(id).disabled = show;
             const animOptions = {
                 duration: 200,
@@ -1345,23 +1358,30 @@
                 easing: 'ease'
             }
             if (show) {
-                try {
-                    getRef(id).animate([
-                        {
-                            clipPath: 'circle(100%)',
-                        },
-                        {
-                            clipPath: 'circle(0)',
-                        },
-                    ], animOptions).onfinish = e => {
-                        e.target.commitStyles()
-                        e.target.cancel()
-                    }
-                    getRef(id).parentNode.append(createElement('sm-spinner'))
-                } catch (e) {
-                    console.log(e)
+                getRef(id).parentNode.append(createElement('sm-spinner'))
+                getRef(id).animate([
+                    {
+                        clipPath: 'circle(100%)',
+                    },
+                    {
+                        clipPath: 'circle(0)',
+                    },
+                ], animOptions).onfinish = e => {
+                    e.target.commitStyles()
+                    e.target.cancel()
                 }
             } else {
+                getRef(id).animate([
+                    {
+                        clipPath: 'circle(0)',
+                    },
+                    {
+                        clipPath: 'circle(100%)',
+                    },
+                ], animOptions).onfinish = e => {
+                    e.target.commitStyles()
+                    e.target.cancel()
+                }
                 getRef(id).style = ''
                 const potentialTarget = getRef(id).parentNode.querySelector('sm-spinner')
                 if (potentialTarget) potentialTarget.remove();
@@ -1463,6 +1483,7 @@
                 }, 1000);
                 floGlobals.countDowns.timeouts[asset] = setTimeout(() => {
                     updateRate()
+                    delete floGlobals.countDowns.timeouts[asset]
                 }, countDown - Date.now());
                 return clone
             },
@@ -1533,7 +1554,8 @@
                 card.appendChild(assetBalance)
                 return card
             },
-            chart(asset, duration = '48 weeks') {
+            chart(asset = 'FLO', duration = '48 weeks') {
+                if (pagesData.currentPage !== 'exchange') return
                 floExchangeAPI.getRateHistory(asset, duration).then(data => {
                     data = data.map(({ time, rate }) => {
                         return {
@@ -1799,9 +1821,9 @@
                 const fraction = parseFloat(target.value)
                 if (tradeType === 'buy') {
                     getRef('get_total').value = parseFloat((fraction * allTokens['rupee'].net).toFixed(8))
-                    getRef('get_quantity').value = parseFloat(((allTokens['rupee'].net * fraction) / unitValue).toFixed(8))
+                    getRef('get_quantity').value = parseFloat(((allTokens['rupee'].net * fraction) / getSuggestedPrice()).toFixed(8))
                 } else {
-                    getRef('get_total').value = parseFloat((fraction * allTokens[selectedAsset].net * floGlobals.exchangeRates[selectedAsset]).toFixed(8))
+                    getRef('get_total').value = parseFloat((fraction * allTokens[selectedAsset].net * getSuggestedPrice()).toFixed(8))
                     getRef('get_quantity').value = parseFloat((allTokens[selectedAsset].net * fraction).toFixed(8))
 
                 }
@@ -2324,9 +2346,7 @@
             }
         }
 
-        function updateRate(init = false, refreshButton) {
-            if (refreshButton)
-                buttonLoader('wallet_balance_refresh_button', true);
+        function updateRate(init = false) {
             floExchangeAPI.getRates().then(({ rates, countDown }) => {
                 console.debug(rates);
                 if (init) {
@@ -2370,28 +2390,27 @@
                             if (floGlobals.countDowns.intervals.hasOwnProperty(asset)) {
                                 clearInterval(floGlobals.countDowns.intervals[asset]);
                             }
-                            if (floGlobals.countDowns.timeouts.hasOwnProperty(asset)) {
-                                clearTimeout(floGlobals.countDowns.timeouts[asset]);
-                            }
                             floGlobals.countDowns.intervals[asset] = setInterval(() => {
                                 listedAsset.querySelector('.listed-asset__countdown').textContent = `Est. time left: ${getTimeLeft(countDown[asset])}`
                             }, 1000)
+                            if (floGlobals.countDowns.timeouts.hasOwnProperty(asset)) {
+                                clearTimeout(floGlobals.countDowns.timeouts[asset]);
+                                delete floGlobals.countDowns.timeouts[asset]
+                            }
                             floGlobals.countDowns.timeouts[asset] = setTimeout(() => {
                                 updateRate()
                             }, countDown[asset] - Date.now());
                         }
                     }
                 }
-
-                if (pagesData.params.hasOwnProperty('asset' && pagesData.params.asset !== '')) {
-                    showSuggestedPrice()
-                }
-                if (refreshButton)
-                    buttonLoader('wallet_balance_refresh_button', false);
+                render.chart(pagesData.params.asset)
+                showSuggestedPrice()
             }).catch(error => console.error(error.message))
         }
 
-        function refresh(init = false) {
+        async function refresh(init = false, refreshButton) {
+            if (refreshButton)
+                buttonLoader('wallet_balance_refresh_button', true);
             if (init) {
                 console.info("init");
                 if (!proxy.userID) {
@@ -2414,8 +2433,11 @@
                 console.info("refresh");
             render.marketOrders();
             updateRate(init)
-            if (proxy.userID)
-                account();
+            if (proxy.userID) {
+                await account();
+                if (refreshButton)
+                    buttonLoader('wallet_balance_refresh_button', false);
+            }
         }
 
         let accountDetails = {}

From 74930c967349b9c5d760ef6565b8558736109e9a Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Wed, 11 May 2022 16:16:49 +0530
Subject: [PATCH 079/168] minor UX improvements

---
 docs/index.html | 25 ++++++++++++++++++-------
 1 file changed, 18 insertions(+), 7 deletions(-)

diff --git a/docs/index.html b/docs/index.html
index dcbf704..a4efd5a 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -117,7 +117,7 @@
                                 <h5>ASSETS</h5>
                                 <h5>PRICE</h5>
                             </div>
-                            <p>Asset prices may change after timer is up.</p>
+                            <p>Countdown shows next est. time until asset prices are updated</p>
                         </div>
                         <ul id="listed_assets" class="user-content hide"></ul>
                     </div>
@@ -625,8 +625,8 @@
             <input type="text" id="sink_id" style="display: none;" hidden />
             <sm-input id="get_receiver_id" placeholder="Receiver FLO ID" error-text="Invalid FLO ID" data-flo-id
                 required animate></sm-input>
-            <sm-input id="get_user_amount" placeholder="Quantity" type="number" min="0.01" step="0.00001" required
-                animate>
+            <sm-input id="get_user_amount" placeholder="Quantity" type="number" min="0.00000001" step="0.00000001"
+                required animate>
             </sm-input>
             <div id="wallet_quantity_selector" class="flex align-center quantity-selector">
                 <span id="wallet_quantity_type">Rupee</span>
@@ -635,6 +635,10 @@
                 <button class="button" value="0.75">75%</button>
                 <button class="button" value="1">100%</button>
             </div>
+            <p id="withdraw_flo_tip" class="hide">*While withdrawing 100% of balance FLO, <b>0.1 FLO</b> is reserved for
+                transactions
+                on blockchain.
+            </p>
             <sm-input id="get_private_key" placeholder="FLO private key" type="password" required
                 error-text="Invalid private key" data-private-key="" animate>
             </sm-input>
@@ -1858,12 +1862,10 @@
                 const type = target.value
                 const asset = getRef('wallet_asset_selector').value
 
-                getRef('wallet_quantity_type').textContent = getRef('quantity_type').textContent = asset === 'rupee' ? formatAmount(allTokens.rupee.net, true) : `${parseFloat(allTokens[asset].net.toFixed(4))} ${asset}`
+                getRef('wallet_quantity_type').textContent = getRef('quantity_type').textContent = asset === 'rupee' ? formatAmount(allTokens.rupee.net, true) : `${parseFloat(allTokens[asset].net.toFixed(8))} ${asset}`
                 getRef('wallet_popup__cta').textContent = `${type} ${asset}`
                 getRef('wallet_popup__cta').setAttribute('value', type)
                 getRef('wallet_popup__title').textContent = `${type} ${asset}`
-                getRef('get_user_amount').setAttribute('step', asset === 'rupee' ? '0.01' : '0.00001')
-                getRef('get_user_amount').setAttribute('min', asset === 'rupee' ? '0.01' : '0.00001')
                 // default form element state
                 getRef('get_receiver_id').removeAttribute('required')
                 getRef('get_receiver_id').classList.add('hide')
@@ -1872,6 +1874,9 @@
                 getRef('wallet_quantity_selector').classList.remove('hide')
                 switch (type) {
                     case 'withdraw':
+                        if (asset === 'FLO') {
+                            getRef('withdraw_flo_tip').classList.remove('hide')
+                        }
                         break;
                     case 'deposit':
                         getRef('get_private_key').setAttribute('required', '')
@@ -1944,7 +1949,11 @@
                 const target = e.target.closest('button')
                 const asset = getRef('wallet_asset_selector').value
                 const fraction = parseFloat(target.value)
-                getRef('get_user_amount').value = parseFloat((allTokens[asset].net * fraction).toFixed(asset === "rupee" ? 2 : 4))
+                let total = parseFloat((allTokens[asset].net * fraction).toFixed(8));
+                if (asset == 'FLO' && fraction === 1 & total > 0.1) {
+                    total -= 0.1;
+                }
+                getRef('get_user_amount').value = total
             }
         })
         getRef('wallet_popup__cta').addEventListener('click', async e => {
@@ -1991,6 +2000,7 @@
             }
             finally {
                 hideProcess('wallet_popup__cta_wrapper')
+                refresh()
             }
         })
 
@@ -2248,6 +2258,7 @@
             switch (e.target.id) {
                 case 'wallet_popup':
                     hideWalletResult()
+                    getRef('withdraw_flo_tip').classList.add('hide')
                     break;
             }
         })

From 0baa6925dcbe83b94981d24b3eaa5b2480a9f41f Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Wed, 11 May 2022 16:18:27 +0530
Subject: [PATCH 080/168] minor copy change

---
 docs/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/index.html b/docs/index.html
index a4efd5a..c7baf48 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -117,7 +117,7 @@
                                 <h5>ASSETS</h5>
                                 <h5>PRICE</h5>
                             </div>
-                            <p>Countdown shows next est. time until asset prices are updated</p>
+                            <p>Countdown shows est. time until asset prices are updated</p>
                         </div>
                         <ul id="listed_assets" class="user-content hide"></ul>
                     </div>

From a77f7d77d6a9a54e627b6d21c4a7f367e11b14d4 Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Thu, 12 May 2022 01:40:31 +0530
Subject: [PATCH 081/168] Error codes

- Added error codes for floExchangeAPI
---
 docs/scripts/floExchangeAPI.js |  97 +++++++++++++++++++++--------
 src/_constants.js              |   1 -
 src/market.js                  |  82 ++++++++++++------------
 src/request.js                 | 110 ++++++++++++++++++---------------
 4 files changed, 175 insertions(+), 115 deletions(-)

diff --git a/docs/scripts/floExchangeAPI.js b/docs/scripts/floExchangeAPI.js
index 94d496c..e7e5a56 100644
--- a/docs/scripts/floExchangeAPI.js
+++ b/docs/scripts/floExchangeAPI.js
@@ -468,7 +468,7 @@
         return new Promise((resolve, reject) => {
             let curPos = fetch_api.curPos || 0;
             if (curPos >= nodeList.length)
-                return reject(ExchangeError(ExchangeError.NODES_OFFLINE_CODE, 'No Node online! Try again later'));
+                return reject(ExchangeError(ExchangeError.NODES_OFFLINE_CODE, 'No Node online! Try again later', errorCode.NODES_OFFLINE));
             let url = "https://" + nodeURL[nodeList[curPos]];
             (options ? fetch(url + api, options) : fetch(url + api))
             .then(result => resolve(result)).catch(error => {
@@ -482,17 +482,62 @@
         })
     }
 
-    function ExchangeError(status, message) {
-        if (message === ExchangeError.INVALID_SERVER_MSG)
-            location.reload();
-        else if (this instanceof ExchangeError) {
-            this.message = message;
-            this.status = status;
-        } else
-            return new ExchangeError(status, message);
+    const errorCode = exchangeAPI.errorCode = {
+        INCORRECT_SERVER: '000',
+
+        //INVALID INPUTS: 0XX
+        INVALID_REQUEST_FORMAT: '001',
+        ACCESS_DENIED: '002',
+        INVALID_FLO_ID: '011',
+        INVALID_LOGIN_CODE: '012',
+        INVALID_PRIVATE_KEY: '013',
+        INVALID_PUBLIC_KEY: '014',
+        INVALID_SIGNATURE: '015',
+        EXPIRED_SIGNATURE: '016',
+        DUPLICATE_SIGNATURE: '017',
+        SESSION_INVALID: '018',
+        SESSION_EXPIRED: '019',
+        INVALID_TOKEN_NAME: '021',
+        INVALID_NUMBER: '022',
+        INVALID_TYPE: '023',
+        INVALID_TX_ID: '024',
+        INVALID_TAG: '025',
+        MISSING_PARAMETER: '099',
+
+        //INCORRECT DATA: 1XX
+        NOT_FOUND: '101',
+        NOT_OWNER: '102',
+        DUPLICATE_ENTRY: '103',
+
+        //INSUFFICIENT: 2XX
+        INSUFFICIENT_BALANCE: '201',
+        INSUFFICIENT_SELLCHIP: '203',
+        GREATER_SELLCHIP_BASE: '204',
+
+        //OTHERS
+        NODES_OFFLINE: '404',
+        INTERNAL_ERROR: '500'
+    };
+
+    const parseErrorCode = exchangeAPI.parseErrorCode = function(message) {
+        let code = message.match(/^E\d{3}:/g);
+        if (!code || !code.length)
+            return null;
+        else
+            return code[0].substring(1, 4);
+    }
+
+    function ExchangeError(status, message, code = null) {
+        if (parseErrorCode(message) === errorCode.INCORRECT_SERVER)
+            location.reload();
+        else if (this instanceof ExchangeError) {
+            this.code = code || parseErrorCode(message);
+            this.message = message.replace(/^E\d{3}:/g, '').trim();
+            this.status = status;
+        } else
+            return new ExchangeError(status, message, code);
     }
 
-    ExchangeError.INVALID_SERVER_MSG = "INCORRECT_SERVER_ERROR";
     ExchangeError.BAD_REQUEST_CODE = 400;
     ExchangeError.BAD_RESPONSE_CODE = 500;
     ExchangeError.NODES_OFFLINE_CODE = 404;
@@ -594,7 +639,7 @@
     exchangeAPI.getBalance = function(floID = null, token = null) {
         return new Promise((resolve, reject) => {
             if (!floID && !token)
-                return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Need atleast one argument"));
+                return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Need atleast one argument", errorCode.MISSING_PARAMETER));
             let queryStr = (floID ? "floID=" + floID : "") +
                 (floID && token ? "&" : "") +
                 (token ? "token=" + token : "");
@@ -609,7 +654,7 @@
     exchangeAPI.getTx = function(txid) {
         return new Promise((resolve, reject) => {
             if (!txid)
-                return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, 'txid required'));
+                return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, 'txid required', errorCode.MISSING_PARAMETER));
             fetch_api('/get-transaction?txid=' + txid)
                 .then(result => responseParse(result)
                     .then(result => resolve(result))
@@ -639,7 +684,7 @@
     exchangeAPI.signUp = function (privKey, code, hash) {
         return new Promise((resolve, reject) => {
             if (!code || !hash)
-                return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Login Code missing"));
+                return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Login Code missing", errorCode.MISSING_PARAMETER));
             let request = {
                 pubKey: floCrypto.getPubKeyHex(privKey),
                 floID: floCrypto.getFloID(privKey),
@@ -671,7 +716,7 @@
     exchangeAPI.login = function(privKey, proxyKey, code, hash) {
         return new Promise((resolve, reject) => {
             if (!code || !hash)
-                return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Login Code missing"));
+                return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Login Code missing", errorCode.MISSING_PARAMETER));
             let request = {
                 proxyKey: proxyKey,
                 floID: floCrypto.getFloID(privKey),
@@ -681,7 +726,7 @@
                 hash: hash
             };
             if (!privKey || !request.floID)
-                return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Invalid Private key"));
+                return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Invalid Private key", errorCode.INVALID_PRIVATE_KEY));
             request.sign = signRequest({
                 type: "login",
                 random: code,
@@ -733,9 +778,9 @@
     exchangeAPI.buy = function(asset, quantity, max_price, floID, proxySecret) {
         return new Promise((resolve, reject) => {
             if (typeof quantity !== "number" || quantity <= 0)
-                return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, `Invalid quantity (${quantity})`));
+                return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, `Invalid quantity (${quantity})`, errorCode.INVALID_NUMBER));
             else if (typeof max_price !== "number" || max_price <= 0)
-                return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, `Invalid max_price (${max_price})`));
+                return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, `Invalid max_price (${max_price})`, errorCode.INVALID_NUMBER));
             let request = {
                 floID: floID,
                 asset: asset,
@@ -771,9 +816,9 @@
     exchangeAPI.sell = function(asset, quantity, min_price, floID, proxySecret) {
         return new Promise((resolve, reject) => {
             if (typeof quantity !== "number" || quantity <= 0)
-                return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, `Invalid quantity (${quantity})`));
+                return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, `Invalid quantity (${quantity})`, errorCode.INVALID_NUMBER));
             else if (typeof min_price !== "number" || min_price <= 0)
-                return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, `Invalid min_price (${min_price})`));
+                return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, `Invalid min_price (${min_price})`, errorCode.INVALID_NUMBER));
             let request = {
                 floID: floID,
                 asset: asset,
@@ -809,7 +854,7 @@
     exchangeAPI.cancelOrder = function(type, id, floID, proxySecret) {
         return new Promise((resolve, reject) => {
             if (type !== "buy" && type !== "sell")
-                return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, `Invalid type (${type}): type should be sell (or) buy`));
+                return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, `Invalid type (${type}): type should be sell (or) buy`, errorCode.INVALID_TYPE));
             let request = {
                 floID: floID,
                 orderType: type,
@@ -843,7 +888,7 @@
     exchangeAPI.transferToken = function(receiver, token, floID, proxySecret) {
         return new Promise((resolve, reject) => {
             if (typeof receiver !== 'object' || receiver === null)
-                return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Invalid receiver: parameter is not an object"));
+                return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Invalid receiver: parameter is not an object", errorCode.INVALID_FLO_ID));
             let invalidIDs = [],
                 invalidAmt = [];
             for (let f in receiver) {
@@ -853,9 +898,9 @@
                     invalidAmt.push(receiver[f])
             }
             if (invalidIDs.length)
-                return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, `Invalid receiver (${invalidIDs})`));
+                return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, `Invalid receiver (${invalidIDs})`, errorCode.INVALID_FLO_ID));
             else if (invalidAmt.length)
-                return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, `Invalid amount (${invalidAmt})`));
+                return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, `Invalid amount (${invalidAmt})`, errorCode.INVALID_NUMBER));
             let request = {
                 floID: floID,
                 token: token,
@@ -888,7 +933,9 @@
     exchangeAPI.depositFLO = function(quantity, floID, sinkID, privKey, proxySecret = null) {
         return new Promise((resolve, reject) => {
             if (typeof quantity !== "number" || quantity <= floGlobals.fee)
-                return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, `Invalid quantity (${quantity})`));
+                return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, `Invalid quantity (${quantity})`, errorCode.INVALID_NUMBER));
+            else if (!floCrypto.verifyPrivKey(privKey, floID))
+                return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Invalid Private Key", errorCode.INVALID_PRIVATE_KEY));
             floBlockchainAPI.sendTx(floID, sinkID, quantity, privKey, '(deposit in market)').then(txid => {
                 let request = {
                     floID: floID,
@@ -950,7 +997,7 @@
     exchangeAPI.depositToken = function(token, quantity, floID, sinkID, privKey, proxySecret = null) {
         return new Promise((resolve, reject) => {
             if (!floCrypto.verifyPrivKey(privKey, floID))
-                return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Invalid Private Key"));
+                return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Invalid Private Key", errorCode.INVALID_PRIVATE_KEY));
             floTokenAPI.sendToken(privKey, quantity, sinkID, '(deposit in market)', token).then(txid => {
                 let request = {
                     floID: floID,
diff --git a/src/_constants.js b/src/_constants.js
index 8e641ec..c15abd0 100644
--- a/src/_constants.js
+++ b/src/_constants.js
@@ -5,7 +5,6 @@ module.exports = {
     request: {
         SIGN_EXPIRE_TIME: 5 * 60 * 1000, //5 mins
         MAX_SESSION_TIMEOUT: 30 * 24 * 60 * 60 * 1000, //30 days
-        INVALID_SERVER_MSG: "INCORRECT_SERVER_ERROR" //Should be reflected in public backend script
     },
     market: {
         PERIOD_INTERVAL: 5 * 60 * 1000, //5 min,
diff --git a/src/market.js b/src/market.js
index 3ea95a7..034df99 100644
--- a/src/market.js
+++ b/src/market.js
@@ -11,6 +11,8 @@ const {
     TRANSFER_HASH_PREFIX
 } = require('./_constants')["market"];
 
+const eCode = require('../docs/scripts/floExchangeAPI').errorCode;
+
 const updateBalance = coupling.updateBalance;
 
 var DB, assetList; //container for database and allowed assets
@@ -36,7 +38,7 @@ function logout(floID) {
 function getRateHistory(asset, duration) {
     return new Promise((resolve, reject) => {
         if (!asset || !assetList.includes(asset))
-            reject(INVALID(`Invalid asset(${asset})`));
+            reject(INVALID(eCode.INVALID_TOKEN_NAME, `Invalid asset(${asset})`));
         else
             coupling.price.getHistory(asset, duration)
             .then(result => resolve(result))
@@ -47,11 +49,11 @@ function getRateHistory(asset, duration) {
 function getBalance(floID, token) {
     return new Promise((resolve, reject) => {
         if (floID && !floCrypto.validateAddr(floID))
-            reject(INVALID(`Invalid floID(${floID})`));
+            reject(INVALID(eCode.INVALID_FLO_ID, `Invalid floID(${floID})`));
         else if (token && token !== floGlobals.currency && !assetList.includes(token))
-            reject(INVALID(`Invalid token(${token})`));
+            reject(INVALID(eCode.INVALID_TOKEN_NAME, `Invalid token(${token})`));
         else if (!floID && !token)
-            reject(INVALID('Missing parameters: requires atleast one (floID, token)'));
+            reject(INVALID(eCode.MISSING_PARAMETER, 'Missing parameters: requires atleast one (floID, token)'));
         else {
             var promise;
             if (floID && token)
@@ -114,9 +116,9 @@ const getAssetBalance = (floID, asset) => new Promise((resolve, reject) => {
 getAssetBalance.check = (floID, asset, amount) => new Promise((resolve, reject) => {
     getAssetBalance(floID, asset).then(balance => {
         if (balance.total < amount)
-            reject(INVALID(`Insufficient ${asset}`));
+            reject(INVALID(eCode.INSUFFICIENT_BALANCE, `Insufficient ${asset}`));
         else if (balance.net < amount)
-            reject(INVALID(`Insufficient ${asset} (Some are locked in orders)`));
+            reject(INVALID(eCode.INSUFFICIENT_BALANCE, `Insufficient ${asset} (Some are locked in orders)`));
         else
             resolve(true);
     }).catch(error => reject(error))
@@ -125,13 +127,13 @@ getAssetBalance.check = (floID, asset, amount) => new Promise((resolve, reject)
 function addSellOrder(floID, asset, quantity, min_price) {
     return new Promise((resolve, reject) => {
         if (!floCrypto.validateAddr(floID))
-            return reject(INVALID(`Invalid floID (${floID})`));
+            return reject(INVALID(eCode.INVALID_FLO_ID, `Invalid floID (${floID})`));
         else if (typeof quantity !== "number" || quantity <= 0)
-            return reject(INVALID(`Invalid quantity (${quantity})`));
+            return reject(INVALID(eCode.INVALID_NUMBER, `Invalid quantity (${quantity})`));
         else if (typeof min_price !== "number" || min_price <= 0)
-            return reject(INVALID(`Invalid min_price (${min_price})`));
+            return reject(INVALID(eCode.INVALID_NUMBER, `Invalid min_price (${min_price})`));
         else if (!assetList.includes(asset))
-            return reject(INVALID(`Invalid asset (${asset})`));
+            return reject(INVALID(eCode.INVALID_TOKEN_NAME, `Invalid asset (${asset})`));
         getAssetBalance.check(floID, asset, quantity).then(_ => {
             checkSellRequirement(floID, asset, quantity, min_price).then(_ => {
                 DB.query("INSERT INTO SellOrder(floID, asset, quantity, minPrice) VALUES (?, ?, ?, ?)", [floID, asset, quantity, min_price]).then(result => {
@@ -151,7 +153,7 @@ const checkSellRequirement = (floID, asset, quantity, min_price) => new Promise(
         let total = result[0][0].total_chips,
             locked = result[1][0].locked;
         if (total < locked + quantity)
-            reject(INVALID(`Insufficient sell-chips for ${asset}`));
+            reject(INVALID(eCode.INSUFFICIENT_SELLCHIP, `Insufficient sell-chips for ${asset}`));
         else Promise.all([
             DB.query("SELECT IFNULL(SUM(quantity), 0) AS total_chips FROM SellChips WHERE floID=? AND asset=? AND base<=?", [floID, asset, min_price]),
             DB.query("SELECT IFNULL(SUM(quantity), 0) AS locked FROM SellOrder WHERE floID=? AND asset=? AND minPrice<=?", [floID, asset, min_price])
@@ -164,7 +166,7 @@ const checkSellRequirement = (floID, asset, quantity, min_price) => new Promise(
             if (l_locked > l_total)
                 rem -= l_locked - l_total;
             if (rem < quantity)
-                reject(INVALID(`Cannot sell below purchased price`));
+                reject(INVALID(eCode.GREATER_SELLCHIP_BASE, `Cannot sell below purchased price`));
             else
                 resolve(true);
         }).catch(error => reject(error))
@@ -174,13 +176,13 @@ const checkSellRequirement = (floID, asset, quantity, min_price) => new Promise(
 function addBuyOrder(floID, asset, quantity, max_price) {
     return new Promise((resolve, reject) => {
         if (!floCrypto.validateAddr(floID))
-            return reject(INVALID(`Invalid floID (${floID})`));
+            return reject(INVALID(eCode.INVALID_FLO_ID, `Invalid floID (${floID})`));
         else if (typeof quantity !== "number" || quantity <= 0)
-            return reject(INVALID(`Invalid quantity (${quantity})`));
+            return reject(INVALID(eCode.INVALID_NUMBER, `Invalid quantity (${quantity})`));
         else if (typeof max_price !== "number" || max_price <= 0)
-            return reject(INVALID(`Invalid max_price (${max_price})`));
+            return reject(INVALID(eCode.INVALID_NUMBER, `Invalid max_price (${max_price})`));
         else if (!assetList.includes(asset))
-            return reject(INVALID(`Invalid asset (${asset})`));
+            return reject(INVALID(eCode.INVALID_TOKEN_NAME, `Invalid asset (${asset})`));
         getAssetBalance.check(floID, floGlobals.currency, quantity * max_price).then(_ => {
             DB.query("INSERT INTO BuyOrder(floID, asset, quantity, maxPrice) VALUES (?, ?, ?, ?)", [floID, asset, quantity, max_price]).then(result => {
                 resolve('Buy Order placed successfully');
@@ -193,19 +195,19 @@ function addBuyOrder(floID, asset, quantity, max_price) {
 function cancelOrder(type, id, floID) {
     return new Promise((resolve, reject) => {
         if (!floCrypto.validateAddr(floID))
-            return reject(INVALID(`Invalid floID (${floID})`));
+            return reject(INVALID(eCode.INVALID_FLO_ID, `Invalid floID (${floID})`));
         let tableName;
         if (type === "buy")
             tableName = "BuyOrder";
         else if (type === "sell")
             tableName = "SellOrder";
         else
-            return reject(INVALID("Invalid Order type! Order type must be buy (or) sell"));
+            return reject(INVALID(eCode.INVALID_TYPE, "Invalid Order type! Order type must be buy (or) sell"));
         DB.query(`SELECT floID, asset FROM ${tableName} WHERE id=?`, [id]).then(result => {
             if (result.length < 1)
-                return reject(INVALID("Order not found!"));
+                return reject(INVALID(eCode.NOT_FOUND, "Order not found!"));
             else if (result[0].floID !== floID)
-                return reject(INVALID("Order doesnt belong to the current user"));
+                return reject(INVALID(eCode.NOT_OWNER, "Order doesnt belong to the current user"));
             let asset = result[0].asset;
             //Delete the order 
             DB.query(`DELETE FROM ${tableName} WHERE id=?`, [id]).then(result => {
@@ -262,7 +264,7 @@ function getTransactionDetails(txid) {
             tableName = 'TradeTransactions';
             type = 'trade';
         } else
-            return reject(INVALID("Invalid TransactionID"));
+            return reject(INVALID(eCode.INVALID_TX_ID, "Invalid TransactionID"));
         DB.query(`SELECT * FROM ${tableName} WHERE txid=?`, [txid]).then(result => {
             if (result.length) {
                 let details = result[0];
@@ -271,7 +273,7 @@ function getTransactionDetails(txid) {
                     details.receiver = JSON.parse(details.receiver);
                 resolve(details);
             } else
-                reject(INVALID("Transaction not found"));
+                reject(INVALID(eCode.NOT_FOUND, "Transaction not found"));
         }).catch(error => reject(error))
     })
 }
@@ -279,9 +281,9 @@ function getTransactionDetails(txid) {
 function transferToken(sender, receivers, token) {
     return new Promise((resolve, reject) => {
         if (!floCrypto.validateAddr(sender))
-            reject(INVALID(`Invalid sender (${sender})`));
+            reject(INVALID(eCode.INVALID_FLO_ID, `Invalid sender (${sender})`));
         else if (token !== floGlobals.currency && !assetList.includes(token))
-            reject(INVALID(`Invalid token (${token})`));
+            reject(INVALID(eCode.INVALID_TOKEN_NAME, `Invalid token (${token})`));
         else {
             let invalidIDs = [],
                 totalAmount = 0;
@@ -291,7 +293,7 @@ function transferToken(sender, receivers, token) {
                 else
                     totalAmount += receivers[floID];
             if (invalidIDs.length)
-                reject(INVALID(`Invalid receiver (${invalidIDs})`));
+                reject(INVALID(eCode.INVALID_FLO_ID, `Invalid receiver (${invalidIDs})`));
             else getAssetBalance.check(sender, token, totalAmount).then(_ => {
                 let txQueries = [];
                 txQueries.push(updateBalance.consume(sender, token, totalAmount));
@@ -328,11 +330,11 @@ function depositFLO(floID, txid) {
             if (result.length) {
                 switch (result[0].status) {
                     case "PENDING":
-                        return reject(INVALID("Transaction already in process"));
+                        return reject(INVALID(eCode.DUPLICATE_ENTRY, "Transaction already in process"));
                     case "REJECTED":
-                        return reject(INVALID("Transaction already rejected"));
+                        return reject(INVALID(eCode.DUPLICATE_ENTRY, "Transaction already rejected"));
                     case "SUCCESS":
-                        return reject(INVALID("Transaction already used to add coins"));
+                        return reject(INVALID(eCode.DUPLICATE_ENTRY, "Transaction already used to add coins"));
                 }
             } else
                 DB.query("INSERT INTO InputFLO(txid, floID, status) VALUES (?, ?, ?)", [txid, floID, "PENDING"])
@@ -417,9 +419,9 @@ confirmDepositFLO.addSellChipsIfLaunchSeller = function(floID, quantity) {
 function withdrawFLO(floID, amount) {
     return new Promise((resolve, reject) => {
         if (!floCrypto.validateAddr(floID))
-            return reject(INVALID(`Invalid floID (${floID})`));
+            return reject(INVALID(eCode.INVALID_FLO_ID, `Invalid floID (${floID})`));
         else if (typeof amount !== "number" || amount <= 0)
-            return reject(INVALID(`Invalid amount (${amount})`));
+            return reject(INVALID(eCode.INVALID_NUMBER, `Invalid amount (${amount})`));
         getAssetBalance.check(floID, "FLO", amount).then(_ => {
             let txQueries = [];
             txQueries.push(updateBalance.consume(floID, "FLO", amount));
@@ -477,11 +479,11 @@ function depositToken(floID, txid) {
             if (result.length) {
                 switch (result[0].status) {
                     case "PENDING":
-                        return reject(INVALID("Transaction already in process"));
+                        return reject(INVALID(eCode.DUPLICATE_ENTRY, "Transaction already in process"));
                     case "REJECTED":
-                        return reject(INVALID("Transaction already rejected"));
+                        return reject(INVALID(eCode.DUPLICATE_ENTRY, "Transaction already rejected"));
                     case "SUCCESS":
-                        return reject(INVALID("Transaction already used to add tokens"));
+                        return reject(INVALID(eCode.DUPLICATE_ENTRY, "Transaction already used to add tokens"));
                 }
             } else
                 DB.query("INSERT INTO InputToken(txid, floID, status) VALUES (?, ?, ?)", [txid, floID, "PENDING"])
@@ -550,11 +552,11 @@ confirmDepositToken.checkTx = function(sender, txid) {
 function withdrawToken(floID, token, amount) {
     return new Promise((resolve, reject) => {
         if (!floCrypto.validateAddr(floID))
-            return reject(INVALID(`Invalid floID (${floID})`));
+            return reject(INVALID(eCode.INVALID_FLO_ID, `Invalid floID (${floID})`));
         else if (typeof amount !== "number" || amount <= 0)
-            return reject(INVALID(`Invalid amount (${amount})`));
+            return reject(INVALID(eCode.INVALID_NUMBER, `Invalid amount (${amount})`));
         else if ((!assetList.includes(token) && token !== floGlobals.currency) || token === "FLO")
-            return reject(INVALID("Invalid Token"));
+            return reject(INVALID(eCode.INVALID_TOKEN_NAME, "Invalid Token"));
         //Check for FLO balance (transaction fee)
         let required_flo = floGlobals.sendAmt + floGlobals.fee;
         getAssetBalance.check(floID, "FLO", required_flo).then(_ => {
@@ -614,9 +616,9 @@ function addTag(floID, tag) {
             .then(result => resolve(`Added ${floID} to ${tag}`))
             .catch(error => {
                 if (error.code === "ER_DUP_ENTRY")
-                    reject(INVALID(`${floID} already in ${tag}`));
+                    reject(INVALID(eCode.DUPLICATE_ENTRY, `${floID} already in ${tag}`));
                 else if (error.code === "ER_NO_REFERENCED_ROW")
-                    reject(INVALID(`Invalid Tag`));
+                    reject(INVALID(eCode.INVALID_TAG, `Invalid Tag`));
                 else
                     reject(error);
             });
@@ -645,9 +647,9 @@ function addDistributor(floID, asset) {
             .then(result => resolve(`Added ${asset} distributor: ${floID}`))
             .catch(error => {
                 if (error.code === "ER_DUP_ENTRY")
-                    reject(INVALID(`${floID} is already ${asset} disributor`));
+                    reject(INVALID(eCode.DUPLICATE_ENTRY, `${floID} is already ${asset} disributor`));
                 else if (error.code === "ER_NO_REFERENCED_ROW")
-                    reject(INVALID(`Invalid Asset`));
+                    reject(INVALID(eCode.INVALID_TOKEN_NAME, `Invalid Asset`));
                 else
                     reject(error);
             });
diff --git a/src/request.js b/src/request.js
index 753e0f5..f9c110e 100644
--- a/src/request.js
+++ b/src/request.js
@@ -4,18 +4,24 @@ const market = require("./market");
 
 const {
     SIGN_EXPIRE_TIME,
-    MAX_SESSION_TIMEOUT,
-    INVALID_SERVER_MSG
+    MAX_SESSION_TIMEOUT
 } = require("./_constants")["request"];
 
+const eCode = require('../docs/scripts/floExchangeAPI').errorCode;
+
 var DB, trustedIDs, secret; //container for database
 
-global.INVALID = function(message) {
+global.INVALID = function(ecode, message) {
     if (!(this instanceof INVALID))
-        return new INVALID(message);
+        return new INVALID(ecode, message);
     this.message = message;
+    this.ecode = ecode;
 }
 INVALID.e_code = 400;
+INVALID.prototype.toString = function() {
+    return "E" + this.ecode + ": " + this.message;
+}
+INVALID.str = (ecode, message) => INVALID(ecode, message).toString();
 
 global.INTERNAL = function INTERNAL(message) {
     if (!(this instanceof INTERNAL))
@@ -23,31 +29,37 @@ global.INTERNAL = function INTERNAL(message) {
     this.message = message;
 }
 INTERNAL.e_code = 500;
+INTERNAL.prototype.toString = function() {
+    return "E" + eCode.INTERNAL_ERROR + ": " + this.message;
+}
+INTERNAL.str = (ecode, message) => INTERNAL(ecode, message).toString();
+
+const INCORRECT_SERVER_ERROR = INVALID(eCode.INCORRECT_SERVER, "Incorrect server");
 
 var serving;
 
 function validateRequest(request, sign, floID, pubKey) {
     return new Promise((resolve, reject) => {
         if (!serving)
-            reject(INVALID(INVALID_SERVER_MSG));
+            reject(INCORRECT_SERVER_ERROR);
         else if (!request.timestamp)
-            reject(INVALID("Timestamp parameter missing"));
+            reject(INVALID(eCode.MISSING_PARAMETER, "Timestamp parameter missing"));
         else if (Date.now() - SIGN_EXPIRE_TIME > request.timestamp)
-            reject(INVALID("Signature Expired"));
+            reject(INVALID(eCode.EXPIRED_SIGNATURE, "Signature Expired"));
         else if (!floCrypto.validateAddr(floID))
-            reject(INVALID("Invalid floID"));
+            reject(INVALID(eCode.INVALID_FLO_ID, "Invalid floID"));
         else if (typeof request !== "object")
-            reject(INVALID("Request is not an object"));
+            reject(INVALID(eCode.INVALID_REQUEST_FORMAT, "Request is not an object"));
         else validateRequest.getSignKey(floID, pubKey).then(signKey => {
             let req_str = Object.keys(request).sort().map(r => r + ":" + request[r]).join("|");
             try {
                 if (!floCrypto.verifySign(req_str, sign, signKey))
-                    reject(INVALID("Invalid request signature! Re-login if this error occurs frequently"));
+                    reject(INVALID(eCode.INVALID_SIGNATURE, "Invalid request signature"));
                 else validateRequest.checkIfSignUsed(sign)
                     .then(result => resolve(req_str))
                     .catch(error => reject(error))
             } catch {
-                reject(INVALID("Corrupted sign/key"));
+                reject(INVALID(eCode.INVALID_SIGNATURE, "Corrupted sign/key"));
             }
         }).catch(error => reject(error));
     });
@@ -57,22 +69,22 @@ validateRequest.getSignKey = (floID, pubKey) => new Promise((resolve, reject) =>
     if (!pubKey)
         DB.query("SELECT session_time, proxyKey FROM UserSession WHERE floID=?", [floID]).then(result => {
             if (result.length < 1)
-                reject(INVALID("Session not active"));
+                reject(INVALID(eCode.SESSION_INVALID, "Session not active"));
             else if (result[0].session_time + MAX_SESSION_TIMEOUT < Date.now())
-                reject(INVALID("Session Expired! Re-login required"));
+                reject(INVALID(eCode.SESSION_EXPIRED, "Session Expired! Re-login required"));
             else
                 resolve(result[0].proxyKey);
         }).catch(error => reject(error));
     else if (floCrypto.getFloID(pubKey) === floID)
         resolve(pubKey);
     else
-        reject(INVALID("Invalid pubKey"));
+        reject(INVALID(eCode.INVALID_PUBLIC_KEY, "Invalid pubKey"));
 });
 
 validateRequest.checkIfSignUsed = sign => new Promise((resolve, reject) => {
     DB.query("SELECT id FROM RequestLog WHERE sign=?", [sign]).then(result => {
         if (result.length)
-            reject(INVALID("Duplicate signature"));
+            reject(INVALID(eCode.DUPLICATE_SIGNATURE, "Duplicate signature"));
         else
             resolve(true);
     }).catch(error => reject(error))
@@ -91,18 +103,18 @@ function processRequest(res, rText, validateObj, sign, floID, pubKey, marketFn)
             res.send(result);
         }).catch(error => {
             if (error instanceof INVALID)
-                res.status(INVALID.e_code).send(error.message);
+                res.status(INVALID.e_code).send(error.toString());
             else {
                 console.error(error);
-                res.status(INTERNAL.e_code).send(rText + " failed! Try again later!");
+                res.status(INTERNAL.e_code).send(INTERNAL.str(rText + " failed! Try again later!"));
             }
         })
     }).catch(error => {
         if (error instanceof INVALID)
-            res.status(INVALID.e_code).send(error.message);
+            res.status(INVALID.e_code).send(error.toString());
         else {
             console.error(error);
-            res.status(INTERNAL.e_code).send("Request processing failed! Try again later!");
+            res.status(INTERNAL.e_code).send(INTERNAL.str("Request processing failed! Try again later!"));
         }
     })
 }
@@ -123,10 +135,10 @@ function Account(req, res) {
         });
     }).catch(error => {
         if (error instanceof INVALID)
-            res.status(INVALID.e_code).send(error.message);
+            res.status(INVALID.e_code).send(error.toString());
         else {
             console.error(error);
-            res.status(INTERNAL.e_code).send("Request processing failed! Try again later!");
+            res.status(INTERNAL.e_code).send(INTERNAL.str("Request processing failed! Try again later!"));
         }
     });
 }
@@ -134,9 +146,9 @@ function Account(req, res) {
 function Login(req, res) {
     let data = req.body;
     if (!data.code || data.hash != Crypto.SHA1(data.code + secret))
-        res.status(INVALID.e_code).send("Invalid Code");
+        res.status(INVALID.e_code).send(INVALID.str(eCode.INVALID_LOGIN_CODE, "Invalid Code"));
     else if (!data.pubKey)
-        res.status(INVALID.e_code).send("Public key missing");
+        res.status(INVALID.e_code).send(INVALID.str(eCode.MISSING_PARAMETER, "Public key missing"));
     else
         processRequest(res, "Login", {
                 type: "login",
@@ -256,7 +268,7 @@ function WithdrawToken(req, res) {
 function AddUserTag(req, res) {
     let data = req.body;
     if (!trustedIDs.includes(data.floID))
-        res.status(INVALID.e_code).send("Access Denied");
+        res.status(INVALID.e_code).send(INVALID.str(eCode.ACCESS_DENIED, "Access Denied"));
     else processRequest(res, "Add user-tag", {
             type: "add_tag",
             user: data.user,
@@ -270,7 +282,7 @@ function AddUserTag(req, res) {
 function RemoveUserTag(req, res) {
     let data = req.body;
     if (!trustedIDs.includes(data.floID))
-        res.status(INVALID.e_code).send("Access Denied");
+        res.status(INVALID.e_code).send(INVALID.str(eCode.ACCESS_DENIED, "Access Denied"));
     else processRequest(res, "Remove user-tag", {
             type: "remove_tag",
             user: data.user,
@@ -284,7 +296,7 @@ function RemoveUserTag(req, res) {
 function AddDistributor(req, res) {
     let data = req.body;
     if (!trustedIDs.includes(data.floID))
-        res.status(INVALID.e_code).send("Access Denied");
+        res.status(INVALID.e_code).send(INVALID.str(eCode.ACCESS_DENIED, "Access Denied"));
     else processRequest(res, "Add distributor", {
             type: "add_distributor",
             distributor: data.distributor,
@@ -298,7 +310,7 @@ function AddDistributor(req, res) {
 function RemoveDistributor(req, res) {
     let data = req.body;
     if (!trustedIDs.includes(data.floID))
-        res.status(INVALID.e_code).send("Access Denied");
+        res.status(INVALID.e_code).send(INVALID.str(eCode.ACCESS_DENIED, "Access Denied"));
     else processRequest(res, "Remove distributor", {
             type: "remove_distributor",
             distributor: data.distributor,
@@ -313,7 +325,7 @@ function RemoveDistributor(req, res) {
 
 function GetLoginCode(req, res) {
     if (!serving)
-        res.status(INVALID.e_code).send(INVALID_SERVER_MSG);
+        res.status(INVALID.e_code).send(INCORRECT_SERVER_ERROR.toString());
     else {
         let randID = floCrypto.randString(8, true) + Math.round(Date.now() / 1000);
         let hash = Crypto.SHA1(randID + secret);
@@ -326,11 +338,11 @@ function GetLoginCode(req, res) {
 
 function ListSellOrders(req, res) {
     if (!serving)
-        res.status(INVALID.e_code).send(INVALID_SERVER_MSG);
+        res.status(INVALID.e_code).send(INCORRECT_SERVER_ERROR.toString());
     else {
         let asset = req.query.asset;
         if (asset && !market.assetList.includes(asset))
-            res.status(INVALID.e_code).send("Invalid asset parameter");
+            res.status(INVALID.e_code).send(INVALID.str(eCode.INVALID_TOKEN_NAME, "Invalid asset parameter"));
         else
             DB.query("SELECT SellOrder.floID, SellOrder.asset, SellOrder.minPrice, SellOrder.quantity, SellOrder.time_placed FROM SellOrder" +
                 " INNER JOIN UserBalance ON UserBalance.floID = SellOrder.floID AND UserBalance.token = SellOrder.asset" +
@@ -345,7 +357,7 @@ function ListSellOrders(req, res) {
             .then(result => res.send(result))
             .catch(error => {
                 console.error(error);
-                res.status(INTERNAL.e_code).send("Try again later!")
+                res.status(INTERNAL.e_code).send(INTERNAL.str("Try again later!"));
             });
     }
 
@@ -353,11 +365,11 @@ function ListSellOrders(req, res) {
 
 function ListBuyOrders(req, res) {
     if (!serving)
-        res.status(INVALID.e_code).send(INVALID_SERVER_MSG);
+        res.status(INVALID.e_code).send(INCORRECT_SERVER_ERROR.toString());
     else {
         let asset = req.query.asset;
         if (asset && !market.assetList.includes(asset))
-            res.status(INVALID.e_code).send("Invalid asset parameter");
+            res.status(INVALID.e_code).send(INVALID.str(eCode.INVALID_TOKEN_NAME, "Invalid asset parameter"));
         else
             DB.query("SELECT BuyOrder.floID, BuyOrder.asset, BuyOrder.maxPrice, BuyOrder.quantity, BuyOrder.time_placed FROM BuyOrder" +
                 " INNER JOIN UserBalance ON UserBalance.floID = BuyOrder.floID AND UserBalance.token = ?" +
@@ -371,18 +383,18 @@ function ListBuyOrders(req, res) {
             .then(result => res.send(result))
             .catch(error => {
                 console.error(error);
-                res.status(INTERNAL.e_code).send("Try again later!")
+                res.status(INTERNAL.e_code).send(INTERNAL.str("Try again later!"));
             });
     }
 }
 
 function ListTradeTransactions(req, res) {
     if (!serving)
-        res.status(INVALID.e_code).send(INVALID_SERVER_MSG);
+        res.status(INVALID.e_code).send(INCORRECT_SERVER_ERROR.toString());
     else {
         let asset = req.query.asset;
         if (asset && !market.assetList.includes(asset))
-            res.status(INVALID.e_code).send("Invalid asset parameter");
+            res.status(INVALID.e_code).send(INVALID.str(eCode.INVALID_TOKEN_NAME, "Invalid asset parameter"));
         else
             DB.query("SELECT * FROM TradeTransactions" +
                 (asset ? " WHERE asset = ?" : "") +
@@ -390,14 +402,14 @@ function ListTradeTransactions(req, res) {
             .then(result => res.send(result))
             .catch(error => {
                 console.error(error);
-                res.status(INTERNAL.e_code).send("Try again later!")
+                res.status(INTERNAL.e_code).send(INTERNAL.str("Try again later!"));
             });
     }
 }
 
 function GetRates(req, res) {
     if (!serving)
-        res.status(INVALID.e_code).send(INVALID_SERVER_MSG);
+        res.status(INVALID.e_code).send(INCORRECT_SERVER_ERROR.toString());
     else {
         let asset = req.query.asset,
             rates = market.rates,
@@ -410,7 +422,7 @@ function GetRates(req, res) {
                     countDown: countDown[asset]
                 });
             else
-                res.status(INVALID.e_code).send("Invalid asset parameter");
+                res.status(INVALID.e_code).send(INVALID.str(eCode.INVALID_TOKEN_NAME, "Invalid asset parameter"));
         } else
             res.send({
                 rates,
@@ -421,7 +433,7 @@ function GetRates(req, res) {
 
 function GetRateHistory(req, res) {
     if (!serving)
-        res.status(INVALID.e_code).send(INVALID_SERVER_MSG);
+        res.status(INVALID.e_code).send(INCORRECT_SERVER_ERROR.toString());
     else {
         let asset = req.query.asset,
             duration = req.query.duration || "";
@@ -429,10 +441,10 @@ function GetRateHistory(req, res) {
             .then(result => res.send(result))
             .catch(error => {
                 if (error instanceof INVALID)
-                    res.status(INVALID.e_code).send(error.message);
+                    res.status(INVALID.e_code).send(error.toString());
                 else {
                     console.error(error);
-                    res.status(INTERNAL.e_code).send("Unable to process! Try again later!");
+                    res.status(INTERNAL.e_code).send(INTERNAL.str("Unable to process! Try again later!"));
                 }
             });
     }
@@ -440,19 +452,19 @@ function GetRateHistory(req, res) {
 
 function GetTransaction(req, res) {
     if (!serving)
-        res.status(INVALID.e_code).send(INVALID_SERVER_MSG);
+        res.status(INVALID.e_code).send(INCORRECT_SERVER_ERROR.toString());
     else {
         let txid = req.query.txid;
         if (!txid)
-            res.status(INVALID.e_code).send("txid (transactionID) parameter missing");
+            res.status(INVALID.e_code).send(INVALID.str(eCode.MISSING_PARAMETER, "txid (transactionID) parameter missing"));
         else market.getTransactionDetails(txid)
             .then(result => res.send(result))
             .catch(error => {
                 if (error instanceof INVALID)
-                    res.status(INVALID.e_code).send(error.message);
+                    res.status(INVALID.e_code).send(error.toString());
                 else {
                     console.error(error);
-                    res.status(INTERNAL.e_code).send("Unable to process! Try again later!");
+                    res.status(INTERNAL.e_code).send(INTERNAL.str("Unable to process! Try again later!"));
                 }
             });
     }
@@ -460,7 +472,7 @@ function GetTransaction(req, res) {
 
 function GetBalance(req, res) {
     if (!serving)
-        res.status(INVALID.e_code).send(INVALID_SERVER_MSG);
+        res.status(INVALID.e_code).send(INCORRECT_SERVER_ERROR.toString());
     else {
         let floID = req.query.floID || req.query.addr,
             token = req.query.token || req.query.asset;
@@ -468,10 +480,10 @@ function GetBalance(req, res) {
             .then(result => res.send(result))
             .catch(error => {
                 if (error instanceof INVALID)
-                    res.status(INVALID.e_code).send(error.message);
+                    res.status(INVALID.e_code).send(error.toString());
                 else {
                     console.error(error);
-                    res.status(INTERNAL.e_code).send("Unable to process! Try again later!");
+                    res.status(INTERNAL.e_code).send(INTERNAL.str("Unable to process! Try again later!"));
                 }
             });
     }

From 042d8a53ca3411821d5fc629a2c5923d5feebdbf Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Sat, 14 May 2022 14:38:18 +0530
Subject: [PATCH 082/168] UI and UX improvements

---
 docs/css/main.css     | 42 +++++++++++++++++++++++++++++-------------
 docs/css/main.min.css |  2 +-
 docs/css/main.scss    | 42 +++++++++++++++++++++++++++++-------------
 docs/index.html       | 24 +++++++++++++++---------
 4 files changed, 74 insertions(+), 36 deletions(-)

diff --git a/docs/css/main.css b/docs/css/main.css
index eeed4bc..b3b3575 100644
--- a/docs/css/main.css
+++ b/docs/css/main.css
@@ -18,8 +18,8 @@ body {
 body {
   --accent-color: #504dff;
   --text-color: 20, 20, 20;
-  --background-color: 240, 240, 240;
-  --foreground-color: 250, 250, 250;
+  --foreground-color: 252, 253, 255;
+  --background-color: 241, 243, 248;
   --danger-color: rgb(255, 75, 75);
   --green: #1cad59;
   scrollbar-width: thin;
@@ -32,8 +32,8 @@ body {
 body[data-theme=dark] {
   --accent-color: #a3a1ff;
   --text-color: 220, 220, 220;
-  --background-color: 10, 10, 10;
-  --foreground-color: 24, 24, 24;
+  --foreground-color: 27, 28, 29;
+  --background-color: 21, 22, 22;
   --danger-color: rgb(255, 106, 106);
   --green: #00e676;
 }
@@ -689,7 +689,6 @@ sm-checkbox {
 
 .listed-asset {
   position: relative;
-  grid-template-columns: auto 1fr auto;
   gap: 0.5rem;
   padding: 1rem 0;
   border-radius: 0.5rem;
@@ -701,22 +700,39 @@ sm-checkbox {
       -ms-user-select: none;
           user-select: none;
   color: inherit;
+  grid-template-columns: auto 1fr auto auto;
+  grid-template-areas: "icon name rate right-arrow" "icon name countdown right-arrow";
+}
+.listed-asset__icon {
+  grid-area: icon;
+  padding: 0.5rem;
+  border-radius: 1rem;
+  display: flex;
+  background-color: var(--accent-color);
+}
+.listed-asset__icon .icon {
+  height: 1.2rem;
+  width: 1.2rem;
+  fill: rgba(var(--background-color), 1);
+}
+.listed-asset__name {
+  grid-area: name;
+  margin-left: 0.3rem;
+}
+.listed-asset__rate {
+  grid-area: rate;
 }
 .listed-asset__countdown {
+  grid-area: countdown;
   justify-self: flex-end;
   border-radius: 0.3rem;
   padding: 0.2rem 0.4rem;
-  grid-column: 1/-1;
   font-size: 0.8rem;
   background-color: #f0e68cc0;
   color: rgba(0, 0, 0, 0.9);
 }
-.listed-asset__icon {
-  display: flex;
-}
-.listed-asset__icon .icon {
-  height: 1.5rem;
-  width: 1.5rem;
+.listed-asset__right-arrow {
+  grid-area: right-arrow;
 }
 
 .quantity-selector .button {
@@ -1294,7 +1310,7 @@ sm-checkbox {
     width: 100%;
     height: 100%;
     gap: 1.5rem;
-    grid-template-columns: 16rem minmax(0, 1fr);
+    grid-template-columns: 17rem minmax(0, 1fr);
     align-items: flex-start;
   }
 
diff --git a/docs/css/main.min.css b/docs/css/main.min.css
index f358088..2609e93 100644
--- a/docs/css/main.min.css
+++ b/docs/css/main.min.css
@@ -1 +1 @@
-*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #504dff;--text-color: 20, 20, 20;--background-color: 240, 240, 240;--foreground-color: 250, 250, 250;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a3a1ff;--text-color: 220, 220, 220;--background-color: 10, 10, 10;--foreground-color: 24, 24, 24;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{color:var(--accent-color)}button,.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;cursor:pointer;transition:transform .3s;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.button{white-space:nowrap;padding:.6rem 1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.06);color:rgba(var(--text-color), 0.8);justify-content:center}.button--primary{background-color:var(--accent-color);color:rgba(var(--background-color), 1)}button:disabled{opacity:.5}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}sm-copy{font-size:.9rem}ul{list-style:none}.flex{display:flex}.flex-1{flex:1}.grid{display:grid}.hide{opacity:0;pointer-events:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wrap-around{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.h1{font-size:1.5rem}.h2{font-size:1.2rem}.h3{font-size:1rem}.h4{font-size:.9rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.6rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem;align-items:center}.popup__header__close{padding:.5rem;margin-left:-0.7rem;cursor:pointer}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;width:100%;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:1rem}.logo h4{text-transform:capitalize;font-size:.9rem;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details:not(:last-of-type){border-bottom:thin solid rgba(var(--text-color), 0.3)}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}details .icon{flex-shrink:0}details[open]{padding-bottom:1rem}details[open] summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.tooltip{position:relative;z-index:1;cursor:pointer}.tooltip .banner{position:absolute;right:0;width:min(20rem,100vw - 1rem);display:none;font-size:.9rem;background-color:rgba(var(--foreground-color), 1);padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.1);border:solid thin rgba(var(--text-color), 0.2)}.tooltip:hover .banner{display:block}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:grid;gap:1rem;padding:1.5rem;width:100%;align-items:center;grid-template-columns:1fr auto auto;grid-column:1/-1}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto;padding:0 1.5rem}#pages_container>*{min-width:min(26rem,100%)}.listed-asset{position:relative;grid-template-columns:auto 1fr auto;gap:.5rem;padding:1rem 0;border-radius:.5rem;opacity:.8;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit}.listed-asset__countdown{justify-self:flex-end;border-radius:.3rem;padding:.2rem .4rem;grid-column:1/-1;font-size:.8rem;background-color:#f0e68cc0;color:rgba(0,0,0,.9)}.listed-asset__icon{display:flex}.listed-asset__icon .icon{height:1.5rem;width:1.5rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{display:flex;flex-direction:column;height:100%}#asset_page__nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}#asset_page__nav .icon-only{margin-left:-0.7rem}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(42rem,100%)}#my_orders{grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content;border-radius:.5rem}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{cursor:pointer;margin-right:.5rem}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.transaction-card__type,.live-order__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type,.transaction-card[data-type=Bought] .live-order__type,.transaction-card--buy .live-order__type,.live-order[data-type=Bought] .transaction-card__type,.live-order--buy .transaction-card__type,.live-order[data-type=Bought] .live-order__type,.live-order--buy .live-order__type{color:var(--green)}.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type,.transaction-card[data-type=Sold] .live-order__type,.transaction-card--sell .live-order__type,.live-order[data-type=Sold] .transaction-card__type,.live-order--sell .transaction-card__type,.live-order[data-type=Sold] .live-order__type,.live-order--sell .live-order__type{color:var(--danger-color)}.transaction-card__total,.live-order__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.transaction-card__quantity,.transaction-card__price,.live-order__quantity,.live-order__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.transaction-card{content-visibility:auto;contain-intrinsic-size:2.5rem;grid-template-columns:repeat(3, 1fr) 2rem}#market_asset_rates{display:grid;gap:.5rem}#market_asset_rates .listed-asset{padding:1rem;background-color:rgba(var(--text-color), 0.03)}#market_orders_wrapper .list__header{font-size:.8rem;font-weight:500}#market_orders_wrapper .list__header div{padding:.5rem 0}#market_orders_wrapper .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.live-order{display:grid;gap:1rem;padding:1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.03)}.live-order:not(:last-of-type){margin-bottom:.5rem}.live-order[data-type=buy]{background-color:#00fa9a10}.live-order[data-type=sell]{background-color:#e2135110}#wallet{display:grid;width:auto;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem}.balance-card{display:grid;align-items:center;gap:0 .5rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1);padding:.5rem}.balance-card.is-locked{padding:1rem .5rem;grid-template-columns:auto 1fr auto;gap:.5rem}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:2/3;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#wallet_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}#help{width:min(60ch,100%);margin-bottom:3rem;align-content:flex-start}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.hide-on-mobile{display:none !important}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#price_chart_container{flex:1}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.h1{font-size:2rem}.h2{font-size:1.8rem}.h3{font-size:1.3rem}.h4{font-size:1rem}.popup__header{padding:1rem 1.5rem 0 1.5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:16rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 52rem){body:not(.is-signed-in) #market{gap:2rem;width:100%;grid-template-columns:18rem 1fr}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#asset_page__nav{grid-column:1/-1}#wallet{gap:1rem 2rem;grid-template-columns:20rem 24rem}#wallet__header{grid-column:1/3;padding-bottom:1rem}#wallet .balance-card{border:solid thin rgba(var(--text-color), 0.2)}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}}
\ No newline at end of file
+*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #504dff;--text-color: 20, 20, 20;--foreground-color: 252, 253, 255;--background-color: 241, 243, 248;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a3a1ff;--text-color: 220, 220, 220;--foreground-color: 27, 28, 29;--background-color: 21, 22, 22;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{color:var(--accent-color)}button,.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;cursor:pointer;transition:transform .3s;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.button{white-space:nowrap;padding:.6rem 1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.06);color:rgba(var(--text-color), 0.8);justify-content:center}.button--primary{background-color:var(--accent-color);color:rgba(var(--background-color), 1)}button:disabled{opacity:.5}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}sm-copy{font-size:.9rem}ul{list-style:none}.flex{display:flex}.flex-1{flex:1}.grid{display:grid}.hide{opacity:0;pointer-events:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wrap-around{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.h1{font-size:1.5rem}.h2{font-size:1.2rem}.h3{font-size:1rem}.h4{font-size:.9rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.6rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem;align-items:center}.popup__header__close{padding:.5rem;margin-left:-0.7rem;cursor:pointer}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;width:100%;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:1rem}.logo h4{text-transform:capitalize;font-size:.9rem;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details:not(:last-of-type){border-bottom:thin solid rgba(var(--text-color), 0.3)}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}details .icon{flex-shrink:0}details[open]{padding-bottom:1rem}details[open] summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.tooltip{position:relative;z-index:1;cursor:pointer}.tooltip .banner{position:absolute;right:0;width:min(20rem,100vw - 1rem);display:none;font-size:.9rem;background-color:rgba(var(--foreground-color), 1);padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.1);border:solid thin rgba(var(--text-color), 0.2)}.tooltip:hover .banner{display:block}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:grid;gap:1rem;padding:1.5rem;width:100%;align-items:center;grid-template-columns:1fr auto auto;grid-column:1/-1}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto;padding:0 1.5rem}#pages_container>*{min-width:min(26rem,100%)}.listed-asset{position:relative;gap:.5rem;padding:1rem 0;border-radius:.5rem;opacity:.8;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;grid-template-columns:auto 1fr auto auto;grid-template-areas:"icon name rate right-arrow" "icon name countdown right-arrow"}.listed-asset__icon{grid-area:icon;padding:.5rem;border-radius:1rem;display:flex;background-color:var(--accent-color)}.listed-asset__icon .icon{height:1.2rem;width:1.2rem;fill:rgba(var(--background-color), 1)}.listed-asset__name{grid-area:name;margin-left:.3rem}.listed-asset__rate{grid-area:rate}.listed-asset__countdown{grid-area:countdown;justify-self:flex-end;border-radius:.3rem;padding:.2rem .4rem;font-size:.8rem;background-color:#f0e68cc0;color:rgba(0,0,0,.9)}.listed-asset__right-arrow{grid-area:right-arrow}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{display:flex;flex-direction:column;height:100%}#asset_page__nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}#asset_page__nav .icon-only{margin-left:-0.7rem}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(42rem,100%)}#my_orders{grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content;border-radius:.5rem}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{cursor:pointer;margin-right:.5rem}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.transaction-card__type,.live-order__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type,.transaction-card[data-type=Bought] .live-order__type,.transaction-card--buy .live-order__type,.live-order[data-type=Bought] .transaction-card__type,.live-order--buy .transaction-card__type,.live-order[data-type=Bought] .live-order__type,.live-order--buy .live-order__type{color:var(--green)}.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type,.transaction-card[data-type=Sold] .live-order__type,.transaction-card--sell .live-order__type,.live-order[data-type=Sold] .transaction-card__type,.live-order--sell .transaction-card__type,.live-order[data-type=Sold] .live-order__type,.live-order--sell .live-order__type{color:var(--danger-color)}.transaction-card__total,.live-order__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.transaction-card__quantity,.transaction-card__price,.live-order__quantity,.live-order__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.transaction-card{content-visibility:auto;contain-intrinsic-size:2.5rem;grid-template-columns:repeat(3, 1fr) 2rem}#market_asset_rates{display:grid;gap:.5rem}#market_asset_rates .listed-asset{padding:1rem;background-color:rgba(var(--text-color), 0.03)}#market_orders_wrapper .list__header{font-size:.8rem;font-weight:500}#market_orders_wrapper .list__header div{padding:.5rem 0}#market_orders_wrapper .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.live-order{display:grid;gap:1rem;padding:1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.03)}.live-order:not(:last-of-type){margin-bottom:.5rem}.live-order[data-type=buy]{background-color:#00fa9a10}.live-order[data-type=sell]{background-color:#e2135110}#wallet{display:grid;width:auto;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem}.balance-card{display:grid;align-items:center;gap:0 .5rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1);padding:.5rem}.balance-card.is-locked{padding:1rem .5rem;grid-template-columns:auto 1fr auto;gap:.5rem}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:2/3;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#wallet_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}#help{width:min(60ch,100%);margin-bottom:3rem;align-content:flex-start}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.hide-on-mobile{display:none !important}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#price_chart_container{flex:1}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.h1{font-size:2rem}.h2{font-size:1.8rem}.h3{font-size:1.3rem}.h4{font-size:1rem}.popup__header{padding:1rem 1.5rem 0 1.5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:17rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 52rem){body:not(.is-signed-in) #market{gap:2rem;width:100%;grid-template-columns:18rem 1fr}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#asset_page__nav{grid-column:1/-1}#wallet{gap:1rem 2rem;grid-template-columns:20rem 24rem}#wallet__header{grid-column:1/3;padding-bottom:1rem}#wallet .balance-card{border:solid thin rgba(var(--text-color), 0.2)}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}}
\ No newline at end of file
diff --git a/docs/css/main.scss b/docs/css/main.scss
index 6d6d9c1..6ca0ba7 100644
--- a/docs/css/main.scss
+++ b/docs/css/main.scss
@@ -18,8 +18,8 @@ body {
 body {
   --accent-color: #504dff;
   --text-color: 20, 20, 20;
-  --background-color: 240, 240, 240;
-  --foreground-color: 250, 250, 250;
+  --foreground-color: 252, 253, 255;
+  --background-color: 241, 243, 248;
   --danger-color: rgb(255, 75, 75);
   --green: #1cad59;
   scrollbar-width: thin;
@@ -32,8 +32,8 @@ body {
 body[data-theme="dark"] {
   --accent-color: #a3a1ff;
   --text-color: 220, 220, 220;
-  --background-color: 10, 10, 10;
-  --foreground-color: 24, 24, 24;
+  --foreground-color: 27, 28, 29;
+  --background-color: 21, 22, 22;
   --danger-color: rgb(255, 106, 106);
   --green: #00e676;
   sm-popup::part(popup) {
@@ -654,7 +654,6 @@ sm-checkbox {
 }
 .listed-asset {
   position: relative;
-  grid-template-columns: auto 1fr auto;
   gap: 0.5rem;
   padding: 1rem 0;
   border-radius: 0.5rem;
@@ -663,21 +662,38 @@ sm-checkbox {
   transition: background-color 0.3s;
   user-select: none;
   color: inherit;
+  grid-template-columns: auto 1fr auto auto;
+  grid-template-areas: "icon name rate right-arrow" "icon name countdown right-arrow";
+  &__icon {
+    grid-area: icon;
+    padding: 0.5rem;
+    border-radius: 1rem;
+    display: flex;
+    background-color: var(--accent-color);
+    .icon {
+      height: 1.2rem;
+      width: 1.2rem;
+      fill: rgba(var(--background-color), 1);
+    }
+  }
+  &__name {
+    grid-area: name;
+    margin-left: 0.3rem;
+  }
+  &__rate {
+    grid-area: rate;
+  }
   &__countdown {
+    grid-area: countdown;
     justify-self: flex-end;
     border-radius: 0.3rem;
     padding: 0.2rem 0.4rem;
-    grid-column: 1/-1;
     font-size: 0.8rem;
     background-color: #f0e68cc0;
     color: rgba(0, 0, 0, 0.9);
   }
-  &__icon {
-    display: flex;
-    .icon {
-      height: 1.5rem;
-      width: 1.5rem;
-    }
+  &__right-arrow {
+    grid-area: right-arrow;
   }
 }
 .quantity-selector {
@@ -1180,7 +1196,7 @@ sm-checkbox {
       width: 100%;
       height: 100%;
       gap: 1.5rem;
-      grid-template-columns: 16rem minmax(0, 1fr);
+      grid-template-columns: 17rem minmax(0, 1fr);
       align-items: flex-start;
     }
   }
diff --git a/docs/index.html b/docs/index.html
index c7baf48..17e3b67 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -697,6 +697,11 @@
                 <h4 class="listed-asset__name"></h4>
                 <b class="listed-asset__rate"></b>
                 <div class="listed-asset__countdown"></div>
+                <svg class="icon listed-asset__right-arrow hide-on-desktop" xmlns="http://www.w3.org/2000/svg"
+                    height="24px" viewBox="0 0 24 24" width="24px" fill="#000000">
+                    <path d="M0 0h24v24H0z" fill="none"></path>
+                    <path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path>
+                </svg>
             </a>
         </li>
     </template>
@@ -1446,15 +1451,15 @@
                     <h3>${formatAmount(floGlobals.exchangeRates[asset])}</h3>
                 </div>
                 <div class="grid">
-                    <div style="font-size: 0.8rem; font-weight: 500; margin-bottom: 0.3rem;">${tradeType === 'buy' ? 'Highest' : 'Lowest'} price</div>
+                    <div style="font-size: 0.8rem; font-weight: 500; margin-bottom: 0.3rem;">Valid ${tradeType === 'buy' ? 'upto' : 'until'}</div>
                     <h3>${formatAmount(getSuggestedPrice(asset))}</h3>
                 </div>
                 <div class="tooltip">
                     <svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/></svg>
                     <p class="banner">
                         ${tradeType === 'buy' ?
-                    `<b>Highest price</b> is the max price upto which your order can be executed, which is <b>${DEFAULT_TRADE_PRICE_DEVIATION * 100}%</b> higher than current price.` :
-                    `<b>Lowest price</b> is the min price until which your order can be executed, which is <b>${DEFAULT_TRADE_PRICE_DEVIATION * 100}%</b> lower than current price.`
+                    `<b>Valid upto</b> is the max price upto which your order can be executed, which is <b>${DEFAULT_TRADE_PRICE_DEVIATION * 100}%</b> higher than current price.` :
+                    `<b>Valid until</b> is the min price until which your order can be executed, which is <b>${DEFAULT_TRADE_PRICE_DEVIATION * 100}%</b> lower than current price.`
                 } System will always try to execute your order at the <b>nearest price possible to current price</b>.
                     </p>
                 </div>
@@ -1483,7 +1488,7 @@
                 clone.querySelector('.listed-asset__rate').textContent = formatAmount(rate)
                 clone.querySelector('.listed-asset__name').textContent = asset
                 floGlobals.countDowns.intervals[asset] = setInterval(() => {
-                    clone.querySelector('.listed-asset__countdown').textContent = `Est. time left: ${getTimeLeft(countDown)}`;
+                    clone.querySelector('.listed-asset__countdown').textContent = getTimeLeft(countDown);
                 }, 1000);
                 floGlobals.countDowns.timeouts[asset] = setTimeout(() => {
                     updateRate()
@@ -1510,7 +1515,7 @@
                 card.querySelector('.transaction-card__type').textContent = type
                 card.querySelector('.transaction-card__quantity').textContent = `${quantity} ${asset}`
                 card.querySelector('.transaction-card__price').textContent = formatAmount(unitValue)
-                card.querySelector('.transaction-card__total').textContent = formatAmount(parseFloat(unitValue * quantity))
+                card.querySelector('.transaction-card__total').textContent = formatAmount(parseFloat(unitValue * quantity), true)
                 card.querySelector('.more-info').dataset.buyer = buyer
                 card.querySelector('.more-info').dataset.seller = seller
                 card.querySelector('.more-info').dataset.other = other
@@ -1525,7 +1530,7 @@
                 card.classList.add(`transaction-card--${type}`)
                 card.querySelector('.transaction-card__quantity').textContent = `${quantity} ${asset}`
                 card.querySelector('.transaction-card__price').textContent = formatAmount(unitValue)
-                card.querySelector('.transaction-card__total').textContent = formatAmount(parseFloat(unitValue * quantity))
+                card.querySelector('.transaction-card__total').textContent = formatAmount(parseFloat(unitValue * quantity), true)
                 card.querySelector('.more-info').dataset.time = time_placed
                 card.querySelector('.more-info').dataset.buyer = type === 'buy' ? floID : undefined
                 card.querySelector('.more-info').dataset.seller = type === 'sell' ? floID : undefined
@@ -1537,7 +1542,7 @@
                 const card = getRef('market_transaction_template').content.cloneNode(true).firstElementChild
                 card.querySelector('.transaction-card__quantity').textContent = `${quantity} ${asset}`
                 card.querySelector('.transaction-card__price').textContent = `₹${unitValue}`
-                card.querySelector('.transaction-card__total').textContent = formatAmount(parseFloat(unitValue * quantity))
+                card.querySelector('.transaction-card__total').textContent = formatAmount(parseFloat(unitValue * quantity), true)
                 card.querySelector('.more-info').dataset.time = time
                 card.querySelector('.more-info').dataset.buyer = buyer
                 card.querySelector('.more-info').dataset.seller = seller
@@ -1567,7 +1572,8 @@
                             value: rate
                         }
                     })
-                    lineSeries.setData(data);
+                    if (lineSeries)
+                        lineSeries.setData(data);
                     new ResizeObserver(entries => {
                         chartDimensions.height = entries[0].contentRect.height - 10;
                         chartDimensions.width = entries[0].contentRect.width;
@@ -2402,7 +2408,7 @@
                                 clearInterval(floGlobals.countDowns.intervals[asset]);
                             }
                             floGlobals.countDowns.intervals[asset] = setInterval(() => {
-                                listedAsset.querySelector('.listed-asset__countdown').textContent = `Est. time left: ${getTimeLeft(countDown[asset])}`
+                                listedAsset.querySelector('.listed-asset__countdown').textContent = getTimeLeft(countDown[asset])
                             }, 1000)
                             if (floGlobals.countDowns.timeouts.hasOwnProperty(asset)) {
                                 clearTimeout(floGlobals.countDowns.timeouts[asset]);

From a91b70451b67dc63dfa074ed423d99adcd2dbd06 Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Sat, 14 May 2022 16:12:09 +0530
Subject: [PATCH 083/168] Bug fix and UI improvements

-- fixed bug related to login issue due to invalid/expired signature, session invalid/expired
---
 docs/css/main.css     | 26 +++++++++++++++++++++-----
 docs/css/main.min.css |  2 +-
 docs/css/main.scss    | 26 +++++++++++++++++++++-----
 docs/index.html       | 27 ++++++++++++++++++++-------
 4 files changed, 63 insertions(+), 18 deletions(-)

diff --git a/docs/css/main.css b/docs/css/main.css
index b3b3575..95b38d7 100644
--- a/docs/css/main.css
+++ b/docs/css/main.css
@@ -692,7 +692,6 @@ sm-checkbox {
   gap: 0.5rem;
   padding: 1rem 0;
   border-radius: 0.5rem;
-  opacity: 0.8;
   font-weight: 400;
   transition: background-color 0.3s;
   -webkit-user-select: none;
@@ -723,16 +722,33 @@ sm-checkbox {
   grid-area: rate;
 }
 .listed-asset__countdown {
+  display: flex;
+  align-items: center;
   grid-area: countdown;
   justify-self: flex-end;
-  border-radius: 0.3rem;
-  padding: 0.2rem 0.4rem;
   font-size: 0.8rem;
-  background-color: #f0e68cc0;
-  color: rgba(0, 0, 0, 0.9);
+  color: var(--accent-color);
+}
+.listed-asset__countdown .icon {
+  margin-left: 0.3rem;
+  overflow: visible;
+  stroke-width: 4;
+  fill: none;
+}
+.listed-asset__countdown .icon .path-a {
+  stroke: var(--accent-color);
+  stroke-dashoffset: var(--path-length, 0);
+  stroke-dasharray: 65;
+}
+.listed-asset__countdown .icon .path-b {
+  stroke: rgba(var(--text-color), 0.2);
 }
 .listed-asset__right-arrow {
   grid-area: right-arrow;
+  background-color: rgba(var(--text-color), 0.1);
+  border-radius: 1rem;
+  padding: 0.1rem;
+  margin-left: 0.3rem;
 }
 
 .quantity-selector .button {
diff --git a/docs/css/main.min.css b/docs/css/main.min.css
index 2609e93..16e7b26 100644
--- a/docs/css/main.min.css
+++ b/docs/css/main.min.css
@@ -1 +1 @@
-*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #504dff;--text-color: 20, 20, 20;--foreground-color: 252, 253, 255;--background-color: 241, 243, 248;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a3a1ff;--text-color: 220, 220, 220;--foreground-color: 27, 28, 29;--background-color: 21, 22, 22;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{color:var(--accent-color)}button,.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;cursor:pointer;transition:transform .3s;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.button{white-space:nowrap;padding:.6rem 1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.06);color:rgba(var(--text-color), 0.8);justify-content:center}.button--primary{background-color:var(--accent-color);color:rgba(var(--background-color), 1)}button:disabled{opacity:.5}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}sm-copy{font-size:.9rem}ul{list-style:none}.flex{display:flex}.flex-1{flex:1}.grid{display:grid}.hide{opacity:0;pointer-events:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wrap-around{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.h1{font-size:1.5rem}.h2{font-size:1.2rem}.h3{font-size:1rem}.h4{font-size:.9rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.6rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem;align-items:center}.popup__header__close{padding:.5rem;margin-left:-0.7rem;cursor:pointer}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;width:100%;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:1rem}.logo h4{text-transform:capitalize;font-size:.9rem;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details:not(:last-of-type){border-bottom:thin solid rgba(var(--text-color), 0.3)}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}details .icon{flex-shrink:0}details[open]{padding-bottom:1rem}details[open] summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.tooltip{position:relative;z-index:1;cursor:pointer}.tooltip .banner{position:absolute;right:0;width:min(20rem,100vw - 1rem);display:none;font-size:.9rem;background-color:rgba(var(--foreground-color), 1);padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.1);border:solid thin rgba(var(--text-color), 0.2)}.tooltip:hover .banner{display:block}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:grid;gap:1rem;padding:1.5rem;width:100%;align-items:center;grid-template-columns:1fr auto auto;grid-column:1/-1}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto;padding:0 1.5rem}#pages_container>*{min-width:min(26rem,100%)}.listed-asset{position:relative;gap:.5rem;padding:1rem 0;border-radius:.5rem;opacity:.8;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;grid-template-columns:auto 1fr auto auto;grid-template-areas:"icon name rate right-arrow" "icon name countdown right-arrow"}.listed-asset__icon{grid-area:icon;padding:.5rem;border-radius:1rem;display:flex;background-color:var(--accent-color)}.listed-asset__icon .icon{height:1.2rem;width:1.2rem;fill:rgba(var(--background-color), 1)}.listed-asset__name{grid-area:name;margin-left:.3rem}.listed-asset__rate{grid-area:rate}.listed-asset__countdown{grid-area:countdown;justify-self:flex-end;border-radius:.3rem;padding:.2rem .4rem;font-size:.8rem;background-color:#f0e68cc0;color:rgba(0,0,0,.9)}.listed-asset__right-arrow{grid-area:right-arrow}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{display:flex;flex-direction:column;height:100%}#asset_page__nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}#asset_page__nav .icon-only{margin-left:-0.7rem}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(42rem,100%)}#my_orders{grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content;border-radius:.5rem}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{cursor:pointer;margin-right:.5rem}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.transaction-card__type,.live-order__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type,.transaction-card[data-type=Bought] .live-order__type,.transaction-card--buy .live-order__type,.live-order[data-type=Bought] .transaction-card__type,.live-order--buy .transaction-card__type,.live-order[data-type=Bought] .live-order__type,.live-order--buy .live-order__type{color:var(--green)}.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type,.transaction-card[data-type=Sold] .live-order__type,.transaction-card--sell .live-order__type,.live-order[data-type=Sold] .transaction-card__type,.live-order--sell .transaction-card__type,.live-order[data-type=Sold] .live-order__type,.live-order--sell .live-order__type{color:var(--danger-color)}.transaction-card__total,.live-order__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.transaction-card__quantity,.transaction-card__price,.live-order__quantity,.live-order__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.transaction-card{content-visibility:auto;contain-intrinsic-size:2.5rem;grid-template-columns:repeat(3, 1fr) 2rem}#market_asset_rates{display:grid;gap:.5rem}#market_asset_rates .listed-asset{padding:1rem;background-color:rgba(var(--text-color), 0.03)}#market_orders_wrapper .list__header{font-size:.8rem;font-weight:500}#market_orders_wrapper .list__header div{padding:.5rem 0}#market_orders_wrapper .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.live-order{display:grid;gap:1rem;padding:1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.03)}.live-order:not(:last-of-type){margin-bottom:.5rem}.live-order[data-type=buy]{background-color:#00fa9a10}.live-order[data-type=sell]{background-color:#e2135110}#wallet{display:grid;width:auto;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem}.balance-card{display:grid;align-items:center;gap:0 .5rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1);padding:.5rem}.balance-card.is-locked{padding:1rem .5rem;grid-template-columns:auto 1fr auto;gap:.5rem}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:2/3;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#wallet_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}#help{width:min(60ch,100%);margin-bottom:3rem;align-content:flex-start}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.hide-on-mobile{display:none !important}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#price_chart_container{flex:1}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.h1{font-size:2rem}.h2{font-size:1.8rem}.h3{font-size:1.3rem}.h4{font-size:1rem}.popup__header{padding:1rem 1.5rem 0 1.5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:17rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 52rem){body:not(.is-signed-in) #market{gap:2rem;width:100%;grid-template-columns:18rem 1fr}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#asset_page__nav{grid-column:1/-1}#wallet{gap:1rem 2rem;grid-template-columns:20rem 24rem}#wallet__header{grid-column:1/3;padding-bottom:1rem}#wallet .balance-card{border:solid thin rgba(var(--text-color), 0.2)}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}}
\ No newline at end of file
+*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #504dff;--text-color: 20, 20, 20;--foreground-color: 252, 253, 255;--background-color: 241, 243, 248;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a3a1ff;--text-color: 220, 220, 220;--foreground-color: 27, 28, 29;--background-color: 21, 22, 22;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{color:var(--accent-color)}button,.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;cursor:pointer;transition:transform .3s;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.button{white-space:nowrap;padding:.6rem 1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.06);color:rgba(var(--text-color), 0.8);justify-content:center}.button--primary{background-color:var(--accent-color);color:rgba(var(--background-color), 1)}button:disabled{opacity:.5}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}sm-copy{font-size:.9rem}ul{list-style:none}.flex{display:flex}.flex-1{flex:1}.grid{display:grid}.hide{opacity:0;pointer-events:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wrap-around{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.h1{font-size:1.5rem}.h2{font-size:1.2rem}.h3{font-size:1rem}.h4{font-size:.9rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.6rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem;align-items:center}.popup__header__close{padding:.5rem;margin-left:-0.7rem;cursor:pointer}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;width:100%;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:1rem}.logo h4{text-transform:capitalize;font-size:.9rem;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details:not(:last-of-type){border-bottom:thin solid rgba(var(--text-color), 0.3)}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}details .icon{flex-shrink:0}details[open]{padding-bottom:1rem}details[open] summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.tooltip{position:relative;z-index:1;cursor:pointer}.tooltip .banner{position:absolute;right:0;width:min(20rem,100vw - 1rem);display:none;font-size:.9rem;background-color:rgba(var(--foreground-color), 1);padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.1);border:solid thin rgba(var(--text-color), 0.2)}.tooltip:hover .banner{display:block}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:grid;gap:1rem;padding:1.5rem;width:100%;align-items:center;grid-template-columns:1fr auto auto;grid-column:1/-1}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto;padding:0 1.5rem}#pages_container>*{min-width:min(26rem,100%)}.listed-asset{position:relative;gap:.5rem;padding:1rem 0;border-radius:.5rem;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;grid-template-columns:auto 1fr auto auto;grid-template-areas:"icon name rate right-arrow" "icon name countdown right-arrow"}.listed-asset__icon{grid-area:icon;padding:.5rem;border-radius:1rem;display:flex;background-color:var(--accent-color)}.listed-asset__icon .icon{height:1.2rem;width:1.2rem;fill:rgba(var(--background-color), 1)}.listed-asset__name{grid-area:name;margin-left:.3rem}.listed-asset__rate{grid-area:rate}.listed-asset__countdown{display:flex;align-items:center;grid-area:countdown;justify-self:flex-end;font-size:.8rem;color:var(--accent-color)}.listed-asset__countdown .icon{margin-left:.3rem;overflow:visible;stroke-width:4;fill:none}.listed-asset__countdown .icon .path-a{stroke:var(--accent-color);stroke-dashoffset:var(--path-length, 0);stroke-dasharray:65}.listed-asset__countdown .icon .path-b{stroke:rgba(var(--text-color), 0.2)}.listed-asset__right-arrow{grid-area:right-arrow;background-color:rgba(var(--text-color), 0.1);border-radius:1rem;padding:.1rem;margin-left:.3rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{display:flex;flex-direction:column;height:100%}#asset_page__nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}#asset_page__nav .icon-only{margin-left:-0.7rem}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(42rem,100%)}#my_orders{grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content;border-radius:.5rem}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{cursor:pointer;margin-right:.5rem}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.transaction-card__type,.live-order__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type,.transaction-card[data-type=Bought] .live-order__type,.transaction-card--buy .live-order__type,.live-order[data-type=Bought] .transaction-card__type,.live-order--buy .transaction-card__type,.live-order[data-type=Bought] .live-order__type,.live-order--buy .live-order__type{color:var(--green)}.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type,.transaction-card[data-type=Sold] .live-order__type,.transaction-card--sell .live-order__type,.live-order[data-type=Sold] .transaction-card__type,.live-order--sell .transaction-card__type,.live-order[data-type=Sold] .live-order__type,.live-order--sell .live-order__type{color:var(--danger-color)}.transaction-card__total,.live-order__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.transaction-card__quantity,.transaction-card__price,.live-order__quantity,.live-order__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.transaction-card{content-visibility:auto;contain-intrinsic-size:2.5rem;grid-template-columns:repeat(3, 1fr) 2rem}#market_asset_rates{display:grid;gap:.5rem}#market_asset_rates .listed-asset{padding:1rem;background-color:rgba(var(--text-color), 0.03)}#market_orders_wrapper .list__header{font-size:.8rem;font-weight:500}#market_orders_wrapper .list__header div{padding:.5rem 0}#market_orders_wrapper .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.live-order{display:grid;gap:1rem;padding:1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.03)}.live-order:not(:last-of-type){margin-bottom:.5rem}.live-order[data-type=buy]{background-color:#00fa9a10}.live-order[data-type=sell]{background-color:#e2135110}#wallet{display:grid;width:auto;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem}.balance-card{display:grid;align-items:center;gap:0 .5rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1);padding:.5rem}.balance-card.is-locked{padding:1rem .5rem;grid-template-columns:auto 1fr auto;gap:.5rem}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:2/3;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#wallet_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}#help{width:min(60ch,100%);margin-bottom:3rem;align-content:flex-start}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.hide-on-mobile{display:none !important}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#price_chart_container{flex:1}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.h1{font-size:2rem}.h2{font-size:1.8rem}.h3{font-size:1.3rem}.h4{font-size:1rem}.popup__header{padding:1rem 1.5rem 0 1.5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:17rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 52rem){body:not(.is-signed-in) #market{gap:2rem;width:100%;grid-template-columns:18rem 1fr}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#asset_page__nav{grid-column:1/-1}#wallet{gap:1rem 2rem;grid-template-columns:20rem 24rem}#wallet__header{grid-column:1/3;padding-bottom:1rem}#wallet .balance-card{border:solid thin rgba(var(--text-color), 0.2)}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}}
\ No newline at end of file
diff --git a/docs/css/main.scss b/docs/css/main.scss
index 6ca0ba7..2b692f1 100644
--- a/docs/css/main.scss
+++ b/docs/css/main.scss
@@ -657,7 +657,6 @@ sm-checkbox {
   gap: 0.5rem;
   padding: 1rem 0;
   border-radius: 0.5rem;
-  opacity: 0.8;
   font-weight: 400;
   transition: background-color 0.3s;
   user-select: none;
@@ -684,16 +683,33 @@ sm-checkbox {
     grid-area: rate;
   }
   &__countdown {
+    display: flex;
+    align-items: center;
     grid-area: countdown;
     justify-self: flex-end;
-    border-radius: 0.3rem;
-    padding: 0.2rem 0.4rem;
     font-size: 0.8rem;
-    background-color: #f0e68cc0;
-    color: rgba(0, 0, 0, 0.9);
+    color: var(--accent-color);
+    .icon {
+      margin-left: 0.3rem;
+      overflow: visible;
+      stroke-width: 4;
+      fill: none;
+      .path-a {
+        stroke: var(--accent-color);
+        stroke-dashoffset: var(--path-length, 0);
+        stroke-dasharray: 65;
+      }
+      .path-b {
+        stroke: rgba(var(--text-color), 0.2);
+      }
+    }
   }
   &__right-arrow {
     grid-area: right-arrow;
+    background-color: rgba(var(--text-color), 0.1);
+    border-radius: 1rem;
+    padding: 0.1rem;
+    margin-left: 0.3rem;
   }
 }
 .quantity-selector {
diff --git a/docs/index.html b/docs/index.html
index 17e3b67..24f4258 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -696,7 +696,13 @@
                 <div class="listed-asset__icon"></div>
                 <h4 class="listed-asset__name"></h4>
                 <b class="listed-asset__rate"></b>
-                <div class="listed-asset__countdown"></div>
+                <div class="listed-asset__countdown">
+                    timer
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 24">
+                        <path class="path-a" d="M11.5,2a10,10,0,1,1-10,10,10,10,0,0,1,10-10" />
+                        <path class="path-b" d="M11.5,2a10,10,0,1,1-10,10,10,10,0,0,1,10-10" />
+                    </svg>
+                </div>
                 <svg class="icon listed-asset__right-arrow hide-on-desktop" xmlns="http://www.w3.org/2000/svg"
                     height="24px" viewBox="0 0 24 24" width="24px" fill="#000000">
                     <path d="M0 0h24v24H0z" fill="none"></path>
@@ -1434,10 +1440,10 @@
         // Convert milliseconds to time left in HH:MM:SS format
         function getTimeLeft(milliseconds) {
             const diff = milliseconds - Date.now()
-            const hours = Math.floor(diff / 3600000)
+            // const hours = Math.floor(diff / 3600000)
             const minutes = Math.floor((diff % 3600000) / 60000)
             const seconds = Math.floor(((diff % 3600000) % 60000) / 1000)
-            return `${hours}:${minutes < 10 ? '0' : ''}${minutes}:${seconds < 10 ? '0' : ''}${seconds}`
+            return [`${minutes < 10 ? '0' : ''}${minutes}:${seconds < 10 ? '0' : ''}${seconds}`, ((diff % 3600000) / 60000).toFixed(2)]
         }
 
         function getSuggestedPrice(asset = pagesData.params.asset || 'FLO') {
@@ -1488,7 +1494,10 @@
                 clone.querySelector('.listed-asset__rate').textContent = formatAmount(rate)
                 clone.querySelector('.listed-asset__name').textContent = asset
                 floGlobals.countDowns.intervals[asset] = setInterval(() => {
-                    clone.querySelector('.listed-asset__countdown').textContent = getTimeLeft(countDown);
+                    const [timeLeft, minutes] = getTimeLeft(countDown)
+                    clone.querySelector('.listed-asset__countdown').firstChild.textContent = timeLeft;
+                    const pathLength = 65 - Math.ceil((minutes / 60) * 65)
+                    clone.querySelector('.listed-asset__countdown').style.setProperty('--path-length', pathLength)
                 }, 1000);
                 floGlobals.countDowns.timeouts[asset] = setTimeout(() => {
                     updateRate()
@@ -1577,7 +1586,8 @@
                     new ResizeObserver(entries => {
                         chartDimensions.height = entries[0].contentRect.height - 10;
                         chartDimensions.width = entries[0].contentRect.width;
-                        chart.applyOptions({ width: chartDimensions.width, height: chartDimensions.height });
+                        if (chart)
+                            chart.applyOptions({ width: chartDimensions.width, height: chartDimensions.height });
                     }).observe(getRef('price_chart_wrapper'));
                 })
             },
@@ -2408,7 +2418,10 @@
                                 clearInterval(floGlobals.countDowns.intervals[asset]);
                             }
                             floGlobals.countDowns.intervals[asset] = setInterval(() => {
-                                listedAsset.querySelector('.listed-asset__countdown').textContent = getTimeLeft(countDown[asset])
+                                const [timeLeft, minutes] = getTimeLeft(countDown[asset])
+                                listedAsset.querySelector('.listed-asset__countdown').firstChild.textContent = timeLeft;
+                                const pathLength = 65 - Math.ceil((minutes / 60) * 65)
+                                listedAsset.querySelector('.listed-asset__countdown').style.setProperty('--path-length', pathLength)
                             }, 1000)
                             if (floGlobals.countDowns.timeouts.hasOwnProperty(asset)) {
                                 clearTimeout(floGlobals.countDowns.timeouts[asset]);
@@ -2516,7 +2529,7 @@
                 showPage(window.location.hash);
             }).catch(error => {
                 console.debug(error)
-                if (error.message === 'Invalid request signature! Re-login if this error occurs frequently') {
+                if (['015', '016', '018', '019'].includes(error.code)) {
                     proxy.clear()
                     location.reload()
                 }

From e09e25fbd4367da6d58d6d948de1354fefe1355f Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Sat, 14 May 2022 19:31:16 +0530
Subject: [PATCH 084/168] Updating price up/down percentage

---
 src/_constants.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/_constants.js b/src/_constants.js
index c15abd0..ee442de 100644
--- a/src/_constants.js
+++ b/src/_constants.js
@@ -16,10 +16,10 @@ module.exports = {
     },
     price: {
         MIN_TIME: 1 * 60 * 60 * 1000, // 1 hr
-        DOWN_RATE: 0.2 / 100, //0.2% dec
-        UP_RATE: 0.5 / 100, //0.5% inc
-        MAX_DOWN_PER_DAY: 4.8 / 100, //max 4.8% dec
-        MAX_UP_PER_DAY: 12 / 100, //max 12% inc
+        DOWN_RATE: 0.05 / 100, //0.05% dec
+        UP_RATE: 0.2 / 100, //0.2% inc
+        MAX_DOWN_PER_DAY: 1 / 100, //max 1% dec
+        MAX_UP_PER_DAY: 4 / 100, //max 4% inc
         CHECK_RATED_SELLER: false,
         TOP_RANGE: 10 / 100, //top 10%
         REC_HISTORY_INTERVAL: 1 * 60 * 60 * 1000, //1 hr

From c9ea1e00bb69f512c692d833db5a1b16ec1ce6f0 Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Sat, 14 May 2022 20:04:24 +0530
Subject: [PATCH 085/168] Updating default trade-price deviation for selling

---
 docs/index.html | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/docs/index.html b/docs/index.html
index 24f4258..d81fcd5 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -21,10 +21,11 @@
     <script src="scripts/floExchangeAPI.js"></script>
     <script src="https://unpkg.com/lightweight-charts/dist/lightweight-charts.standalone.production.js"></script>
     <script>
-        const DEFAULT_TRADE_PRICE_DEVIATION = 15 / 100;
+        const DEFAULT_TRADE_PRICE_DEVIATION_BUY = 15 / 100;
+        const DEFAULT_TRADE_PRICE_DEVIATION_SELL = 10 / 100;
         const deviation = {
-            'buy': 1 + DEFAULT_TRADE_PRICE_DEVIATION,
-            'sell': 1 - DEFAULT_TRADE_PRICE_DEVIATION
+            'buy': 1 + DEFAULT_TRADE_PRICE_DEVIATION_BUY,
+            'sell': 1 - DEFAULT_TRADE_PRICE_DEVIATION_SELL
         }
     </script>
 </head>
@@ -1464,8 +1465,8 @@
                     <svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/></svg>
                     <p class="banner">
                         ${tradeType === 'buy' ?
-                    `<b>Valid upto</b> is the max price upto which your order can be executed, which is <b>${DEFAULT_TRADE_PRICE_DEVIATION * 100}%</b> higher than current price.` :
-                    `<b>Valid until</b> is the min price until which your order can be executed, which is <b>${DEFAULT_TRADE_PRICE_DEVIATION * 100}%</b> lower than current price.`
+                    `<b>Valid upto</b> is the max price upto which your order can be executed, which is <b>${DEFAULT_TRADE_PRICE_DEVIATION_BUY * 100}%</b> higher than current price.` :
+                    `<b>Valid until</b> is the min price until which your order can be executed, which is <b>${DEFAULT_TRADE_PRICE_DEVIATION_SELL * 100}%</b> lower than current price.`
                 } System will always try to execute your order at the <b>nearest price possible to current price</b>.
                     </p>
                 </div>

From 83df56f259af6ad2ff536e011f7b019348ceaa40 Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Sun, 15 May 2022 00:12:10 +0530
Subject: [PATCH 086/168] Bug fixes and UI improvements

-- fixed calculation error when rounding to 8 decimal places
---
 docs/css/main.css          | 154 +++++++++++++++++--------------------
 docs/css/main.min.css      |   2 +-
 docs/css/main.scss         | 152 +++++++++++++++++-------------------
 docs/index.html            |  42 ++++++----
 docs/scripts/components.js |  29 ++++++-
 5 files changed, 195 insertions(+), 184 deletions(-)

diff --git a/docs/css/main.css b/docs/css/main.css
index 95b38d7..623b62d 100644
--- a/docs/css/main.css
+++ b/docs/css/main.css
@@ -16,7 +16,7 @@ body {
 }
 
 body {
-  --accent-color: #504dff;
+  --accent-color: #516beb;
   --text-color: 20, 20, 20;
   --foreground-color: 252, 253, 255;
   --background-color: 241, 243, 248;
@@ -30,7 +30,7 @@ body {
 }
 
 body[data-theme=dark] {
-  --accent-color: #a3a1ff;
+  --accent-color: #a4b3ff;
   --text-color: 220, 220, 220;
   --foreground-color: 27, 28, 29;
   --background-color: 21, 22, 22;
@@ -62,11 +62,22 @@ a:where([class]):focus-visible {
 }
 
 a {
+  text-decoration: none;
   color: var(--accent-color);
 }
+a:focus-visible {
+  box-shadow: 0 0 0 0.1rem rgba(var(--text-color), 1) inset;
+}
 
-button,
-.button {
+a.button {
+  padding: 0.4rem 0.6rem;
+  border-radius: 0.3rem;
+  font-size: 0.9rem;
+  font-weight: 500;
+  color: inherit;
+}
+
+button {
   -webkit-user-select: none;
      -moz-user-select: none;
       -ms-user-select: none;
@@ -77,31 +88,47 @@ button,
   background-color: transparent;
   overflow: hidden;
   color: inherit;
-  cursor: pointer;
-  transition: transform 0.3s;
   -webkit-tap-highlight-color: transparent;
   align-items: center;
   font-size: 0.9rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  letter-spacing: 0.02em;
+  font-weight: 500;
+  white-space: nowrap;
+  padding: 0.8rem;
+  border-radius: 0.3rem;
+  justify-content: center;
+}
+button:focus-visible {
+  outline: var(--accent-color) solid medium;
+}
+button:not(:disabled) {
+  cursor: pointer;
 }
 
 .button {
-  white-space: nowrap;
-  padding: 0.6rem 1rem;
-  border-radius: 0.3rem;
   background-color: rgba(var(--text-color), 0.06);
-  color: rgba(var(--text-color), 0.8);
-  justify-content: center;
+}
+.button--primary, .button--danger {
+  color: rgba(var(--background-color), 1) !important;
+}
+.button--primary .icon, .button--danger .icon {
+  fill: rgba(var(--background-color), 1);
 }
 .button--primary {
   background-color: var(--accent-color);
-  color: rgba(var(--background-color), 1);
+}
+.button--danger {
+  background-color: var(--danger-color);
+}
+.button--small {
+  padding: 0.4rem 0.6rem;
 }
 
-button:disabled {
-  opacity: 0.5;
+.cta {
+  text-transform: uppercase;
+  font-size: 0.8rem;
+  font-weight: 700;
+  letter-spacing: 0.05em;
+  padding: 0.8rem 1rem;
 }
 
 a:-webkit-any-link:focus-visible {
@@ -151,23 +178,6 @@ ul {
   list-style: none;
 }
 
-.flex {
-  display: flex;
-}
-
-.flex-1 {
-  flex: 1;
-}
-
-.grid {
-  display: grid;
-}
-
-.hide {
-  opacity: 0;
-  pointer-events: none;
-}
-
 .hide {
   display: none !important;
 }
@@ -193,26 +203,6 @@ ul {
   grid-column: 1/4;
 }
 
-.h1 {
-  font-size: 1.5rem;
-}
-
-.h2 {
-  font-size: 1.2rem;
-}
-
-.h3 {
-  font-size: 1rem;
-}
-
-.h4 {
-  font-size: 0.9rem;
-}
-
-.h5 {
-  font-size: 0.8rem;
-}
-
 .uppercase {
   text-transform: uppercase;
 }
@@ -443,10 +433,9 @@ ul {
 .logo {
   display: grid;
   align-items: center;
-  width: 100%;
   grid-template-columns: auto 1fr;
   gap: 0 0.3rem;
-  margin-right: 1rem;
+  margin-right: auto;
 }
 .logo h4 {
   text-transform: capitalize;
@@ -635,13 +624,18 @@ sm-checkbox {
 }
 
 #main_header {
-  display: grid;
+  display: flex;
+  flex-wrap: wrap;
   gap: 1rem;
-  padding: 1.5rem;
+  padding: 1rem 1.5rem;
   width: 100%;
   align-items: center;
-  grid-template-columns: 1fr auto auto;
-  grid-column: 1/-1;
+}
+
+#user_popup_button {
+  background-color: rgba(var(--text-color), 0.06);
+  border-radius: 2rem;
+  font-size: 0.8rem;
 }
 
 #main_navbar {
@@ -732,13 +726,13 @@ sm-checkbox {
 .listed-asset__countdown .icon {
   margin-left: 0.3rem;
   overflow: visible;
-  stroke-width: 4;
+  stroke-width: 3;
   fill: none;
 }
 .listed-asset__countdown .icon .path-a {
   stroke: var(--accent-color);
   stroke-dashoffset: var(--path-length, 0);
-  stroke-dasharray: 65;
+  stroke-dasharray: 63;
 }
 .listed-asset__countdown .icon .path-b {
   stroke: rgba(var(--text-color), 0.2);
@@ -1212,6 +1206,14 @@ sm-checkbox {
     align-self: center;
   }
 
+  #main_header {
+    padding: 1.5rem;
+  }
+
+  #user_popup_button {
+    width: 100%;
+  }
+
   .main_navbar__item--active .item__title {
     transform: translateY(100%);
     opacity: 0;
@@ -1220,10 +1222,6 @@ sm-checkbox {
     transform: translateY(50%) scale(1.2);
   }
 
-  .hide-on-mobile {
-    display: none !important;
-  }
-
   .listed-asset {
     border-radius: 0;
     border-bottom: solid thin rgba(var(--text-color), 0.1);
@@ -1232,28 +1230,16 @@ sm-checkbox {
   #price_chart_container {
     flex: 1;
   }
+
+  .hide-on-mobile {
+    display: none !important;
+  }
 }
 @media screen and (min-width: 40rem) {
   sm-popup {
     --width: 24rem;
   }
 
-  .h1 {
-    font-size: 2rem;
-  }
-
-  .h2 {
-    font-size: 1.8rem;
-  }
-
-  .h3 {
-    font-size: 1.3rem;
-  }
-
-  .h4 {
-    font-size: 1rem;
-  }
-
   .popup__header {
     padding: 1rem 1.5rem 0 1.5rem;
   }
@@ -1287,6 +1273,10 @@ sm-checkbox {
     grid-area: header;
   }
 
+  #user_popup_button {
+    justify-self: flex-end;
+  }
+
   #main_navbar {
     grid-area: nav;
     flex-direction: column;
diff --git a/docs/css/main.min.css b/docs/css/main.min.css
index 16e7b26..c29d6f3 100644
--- a/docs/css/main.min.css
+++ b/docs/css/main.min.css
@@ -1 +1 @@
-*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #504dff;--text-color: 20, 20, 20;--foreground-color: 252, 253, 255;--background-color: 241, 243, 248;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a3a1ff;--text-color: 220, 220, 220;--foreground-color: 27, 28, 29;--background-color: 21, 22, 22;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{color:var(--accent-color)}button,.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;cursor:pointer;transition:transform .3s;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.button{white-space:nowrap;padding:.6rem 1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.06);color:rgba(var(--text-color), 0.8);justify-content:center}.button--primary{background-color:var(--accent-color);color:rgba(var(--background-color), 1)}button:disabled{opacity:.5}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}sm-copy{font-size:.9rem}ul{list-style:none}.flex{display:flex}.flex-1{flex:1}.grid{display:grid}.hide{opacity:0;pointer-events:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wrap-around{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.h1{font-size:1.5rem}.h2{font-size:1.2rem}.h3{font-size:1rem}.h4{font-size:.9rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.6rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem;align-items:center}.popup__header__close{padding:.5rem;margin-left:-0.7rem;cursor:pointer}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;width:100%;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:1rem}.logo h4{text-transform:capitalize;font-size:.9rem;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details:not(:last-of-type){border-bottom:thin solid rgba(var(--text-color), 0.3)}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}details .icon{flex-shrink:0}details[open]{padding-bottom:1rem}details[open] summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.tooltip{position:relative;z-index:1;cursor:pointer}.tooltip .banner{position:absolute;right:0;width:min(20rem,100vw - 1rem);display:none;font-size:.9rem;background-color:rgba(var(--foreground-color), 1);padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.1);border:solid thin rgba(var(--text-color), 0.2)}.tooltip:hover .banner{display:block}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:grid;gap:1rem;padding:1.5rem;width:100%;align-items:center;grid-template-columns:1fr auto auto;grid-column:1/-1}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto;padding:0 1.5rem}#pages_container>*{min-width:min(26rem,100%)}.listed-asset{position:relative;gap:.5rem;padding:1rem 0;border-radius:.5rem;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;grid-template-columns:auto 1fr auto auto;grid-template-areas:"icon name rate right-arrow" "icon name countdown right-arrow"}.listed-asset__icon{grid-area:icon;padding:.5rem;border-radius:1rem;display:flex;background-color:var(--accent-color)}.listed-asset__icon .icon{height:1.2rem;width:1.2rem;fill:rgba(var(--background-color), 1)}.listed-asset__name{grid-area:name;margin-left:.3rem}.listed-asset__rate{grid-area:rate}.listed-asset__countdown{display:flex;align-items:center;grid-area:countdown;justify-self:flex-end;font-size:.8rem;color:var(--accent-color)}.listed-asset__countdown .icon{margin-left:.3rem;overflow:visible;stroke-width:4;fill:none}.listed-asset__countdown .icon .path-a{stroke:var(--accent-color);stroke-dashoffset:var(--path-length, 0);stroke-dasharray:65}.listed-asset__countdown .icon .path-b{stroke:rgba(var(--text-color), 0.2)}.listed-asset__right-arrow{grid-area:right-arrow;background-color:rgba(var(--text-color), 0.1);border-radius:1rem;padding:.1rem;margin-left:.3rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{display:flex;flex-direction:column;height:100%}#asset_page__nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}#asset_page__nav .icon-only{margin-left:-0.7rem}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(42rem,100%)}#my_orders{grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content;border-radius:.5rem}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{cursor:pointer;margin-right:.5rem}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.transaction-card__type,.live-order__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type,.transaction-card[data-type=Bought] .live-order__type,.transaction-card--buy .live-order__type,.live-order[data-type=Bought] .transaction-card__type,.live-order--buy .transaction-card__type,.live-order[data-type=Bought] .live-order__type,.live-order--buy .live-order__type{color:var(--green)}.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type,.transaction-card[data-type=Sold] .live-order__type,.transaction-card--sell .live-order__type,.live-order[data-type=Sold] .transaction-card__type,.live-order--sell .transaction-card__type,.live-order[data-type=Sold] .live-order__type,.live-order--sell .live-order__type{color:var(--danger-color)}.transaction-card__total,.live-order__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.transaction-card__quantity,.transaction-card__price,.live-order__quantity,.live-order__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.transaction-card{content-visibility:auto;contain-intrinsic-size:2.5rem;grid-template-columns:repeat(3, 1fr) 2rem}#market_asset_rates{display:grid;gap:.5rem}#market_asset_rates .listed-asset{padding:1rem;background-color:rgba(var(--text-color), 0.03)}#market_orders_wrapper .list__header{font-size:.8rem;font-weight:500}#market_orders_wrapper .list__header div{padding:.5rem 0}#market_orders_wrapper .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.live-order{display:grid;gap:1rem;padding:1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.03)}.live-order:not(:last-of-type){margin-bottom:.5rem}.live-order[data-type=buy]{background-color:#00fa9a10}.live-order[data-type=sell]{background-color:#e2135110}#wallet{display:grid;width:auto;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem}.balance-card{display:grid;align-items:center;gap:0 .5rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1);padding:.5rem}.balance-card.is-locked{padding:1rem .5rem;grid-template-columns:auto 1fr auto;gap:.5rem}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:2/3;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#wallet_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}#help{width:min(60ch,100%);margin-bottom:3rem;align-content:flex-start}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.hide-on-mobile{display:none !important}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#price_chart_container{flex:1}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.h1{font-size:2rem}.h2{font-size:1.8rem}.h3{font-size:1.3rem}.h4{font-size:1rem}.popup__header{padding:1rem 1.5rem 0 1.5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:17rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 52rem){body:not(.is-signed-in) #market{gap:2rem;width:100%;grid-template-columns:18rem 1fr}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#asset_page__nav{grid-column:1/-1}#wallet{gap:1rem 2rem;grid-template-columns:20rem 24rem}#wallet__header{grid-column:1/3;padding-bottom:1rem}#wallet .balance-card{border:solid thin rgba(var(--text-color), 0.2)}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}}
\ No newline at end of file
+*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #516beb;--text-color: 20, 20, 20;--foreground-color: 252, 253, 255;--background-color: 241, 243, 248;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a4b3ff;--text-color: 220, 220, 220;--foreground-color: 27, 28, 29;--background-color: 21, 22, 22;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{text-decoration:none;color:var(--accent-color)}a:focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a.button{padding:.4rem .6rem;border-radius:.3rem;font-size:.9rem;font-weight:500;color:inherit}button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:500;white-space:nowrap;padding:.8rem;border-radius:.3rem;justify-content:center}button:focus-visible{outline:var(--accent-color) solid medium}button:not(:disabled){cursor:pointer}.button{background-color:rgba(var(--text-color), 0.06)}.button--primary,.button--danger{color:rgba(var(--background-color), 1) !important}.button--primary .icon,.button--danger .icon{fill:rgba(var(--background-color), 1)}.button--primary{background-color:var(--accent-color)}.button--danger{background-color:var(--danger-color)}.button--small{padding:.4rem .6rem}.cta{text-transform:uppercase;font-size:.8rem;font-weight:700;letter-spacing:.05em;padding:.8rem 1rem}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}sm-copy{font-size:.9rem}ul{list-style:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wrap-around{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.6rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem;align-items:center}.popup__header__close{padding:.5rem;margin-left:-0.7rem;cursor:pointer}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:auto}.logo h4{text-transform:capitalize;font-size:.9rem;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details:not(:last-of-type){border-bottom:thin solid rgba(var(--text-color), 0.3)}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}details .icon{flex-shrink:0}details[open]{padding-bottom:1rem}details[open] summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.tooltip{position:relative;z-index:1;cursor:pointer}.tooltip .banner{position:absolute;right:0;width:min(20rem,100vw - 1rem);display:none;font-size:.9rem;background-color:rgba(var(--foreground-color), 1);padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.1);border:solid thin rgba(var(--text-color), 0.2)}.tooltip:hover .banner{display:block}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem;width:100%;align-items:center}#user_popup_button{background-color:rgba(var(--text-color), 0.06);border-radius:2rem;font-size:.8rem}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto;padding:0 1.5rem}#pages_container>*{min-width:min(26rem,100%)}.listed-asset{position:relative;gap:.5rem;padding:1rem 0;border-radius:.5rem;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;grid-template-columns:auto 1fr auto auto;grid-template-areas:"icon name rate right-arrow" "icon name countdown right-arrow"}.listed-asset__icon{grid-area:icon;padding:.5rem;border-radius:1rem;display:flex;background-color:var(--accent-color)}.listed-asset__icon .icon{height:1.2rem;width:1.2rem;fill:rgba(var(--background-color), 1)}.listed-asset__name{grid-area:name;margin-left:.3rem}.listed-asset__rate{grid-area:rate}.listed-asset__countdown{display:flex;align-items:center;grid-area:countdown;justify-self:flex-end;font-size:.8rem;color:var(--accent-color)}.listed-asset__countdown .icon{margin-left:.3rem;overflow:visible;stroke-width:3;fill:none}.listed-asset__countdown .icon .path-a{stroke:var(--accent-color);stroke-dashoffset:var(--path-length, 0);stroke-dasharray:63}.listed-asset__countdown .icon .path-b{stroke:rgba(var(--text-color), 0.2)}.listed-asset__right-arrow{grid-area:right-arrow;background-color:rgba(var(--text-color), 0.1);border-radius:1rem;padding:.1rem;margin-left:.3rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{display:flex;flex-direction:column;height:100%}#asset_page__nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}#asset_page__nav .icon-only{margin-left:-0.7rem}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(42rem,100%)}#my_orders{grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content;border-radius:.5rem}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{cursor:pointer;margin-right:.5rem}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.transaction-card__type,.live-order__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type,.transaction-card[data-type=Bought] .live-order__type,.transaction-card--buy .live-order__type,.live-order[data-type=Bought] .transaction-card__type,.live-order--buy .transaction-card__type,.live-order[data-type=Bought] .live-order__type,.live-order--buy .live-order__type{color:var(--green)}.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type,.transaction-card[data-type=Sold] .live-order__type,.transaction-card--sell .live-order__type,.live-order[data-type=Sold] .transaction-card__type,.live-order--sell .transaction-card__type,.live-order[data-type=Sold] .live-order__type,.live-order--sell .live-order__type{color:var(--danger-color)}.transaction-card__total,.live-order__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.transaction-card__quantity,.transaction-card__price,.live-order__quantity,.live-order__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.transaction-card{content-visibility:auto;contain-intrinsic-size:2.5rem;grid-template-columns:repeat(3, 1fr) 2rem}#market_asset_rates{display:grid;gap:.5rem}#market_asset_rates .listed-asset{padding:1rem;background-color:rgba(var(--text-color), 0.03)}#market_orders_wrapper .list__header{font-size:.8rem;font-weight:500}#market_orders_wrapper .list__header div{padding:.5rem 0}#market_orders_wrapper .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.live-order{display:grid;gap:1rem;padding:1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.03)}.live-order:not(:last-of-type){margin-bottom:.5rem}.live-order[data-type=buy]{background-color:#00fa9a10}.live-order[data-type=sell]{background-color:#e2135110}#wallet{display:grid;width:auto;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem}.balance-card{display:grid;align-items:center;gap:0 .5rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1);padding:.5rem}.balance-card.is-locked{padding:1rem .5rem;grid-template-columns:auto 1fr auto;gap:.5rem}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:2/3;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#wallet_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}#help{width:min(60ch,100%);margin-bottom:3rem;align-content:flex-start}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}#main_header{padding:1.5rem}#user_popup_button{width:100%}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#price_chart_container{flex:1}.hide-on-mobile{display:none !important}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.popup__header{padding:1rem 1.5rem 0 1.5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#user_popup_button{justify-self:flex-end}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:17rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 52rem){body:not(.is-signed-in) #market{gap:2rem;width:100%;grid-template-columns:18rem 1fr}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#asset_page__nav{grid-column:1/-1}#wallet{gap:1rem 2rem;grid-template-columns:20rem 24rem}#wallet__header{grid-column:1/3;padding-bottom:1rem}#wallet .balance-card{border:solid thin rgba(var(--text-color), 0.2)}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}}
\ No newline at end of file
diff --git a/docs/css/main.scss b/docs/css/main.scss
index 2b692f1..f1484ef 100644
--- a/docs/css/main.scss
+++ b/docs/css/main.scss
@@ -16,7 +16,7 @@ body {
 }
 
 body {
-  --accent-color: #504dff;
+  --accent-color: #516beb;
   --text-color: 20, 20, 20;
   --foreground-color: 252, 253, 255;
   --background-color: 241, 243, 248;
@@ -30,7 +30,7 @@ body {
 }
 
 body[data-theme="dark"] {
-  --accent-color: #a3a1ff;
+  --accent-color: #a4b3ff;
   --text-color: 220, 220, 220;
   --foreground-color: 27, 28, 29;
   --background-color: 21, 22, 22;
@@ -63,11 +63,21 @@ a:where([class]) {
 }
 
 a {
+  text-decoration: none;
   color: var(--accent-color);
+  &:focus-visible {
+    box-shadow: 0 0 0 0.1rem rgba(var(--text-color), 1) inset;
+  }
+}
+a.button {
+  padding: 0.4rem 0.6rem;
+  border-radius: 0.3rem;
+  font-size: 0.9rem;
+  font-weight: 500;
+  color: inherit;
 }
 
-button,
-.button {
+button {
   user-select: none;
   position: relative;
   display: inline-flex;
@@ -75,30 +85,46 @@ button,
   background-color: transparent;
   overflow: hidden;
   color: inherit;
-  cursor: pointer;
-  transition: transform 0.3s;
   -webkit-tap-highlight-color: transparent;
   align-items: center;
   font-size: 0.9rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  letter-spacing: 0.02em;
-}
-.button {
+  font-weight: 500;
   white-space: nowrap;
-  padding: 0.6rem 1rem;
+  padding: 0.8rem;
   border-radius: 0.3rem;
-  background-color: rgba(var(--text-color), 0.06);
-  color: rgba(var(--text-color), 0.8);
   justify-content: center;
-  &--primary {
-    background-color: var(--accent-color);
-    color: rgba(var(--background-color), 1);
+  &:focus-visible {
+    outline: var(--accent-color) solid medium;
+  }
+  &:not(:disabled) {
+    cursor: pointer;
   }
 }
-
-button:disabled {
-  opacity: 0.5;
+.button {
+  background-color: rgba(var(--text-color), 0.06);
+  &--primary,
+  &--danger {
+    color: rgba(var(--background-color), 1) !important;
+    .icon {
+      fill: rgba(var(--background-color), 1);
+    }
+  }
+  &--primary {
+    background-color: var(--accent-color);
+  }
+  &--danger {
+    background-color: var(--danger-color);
+  }
+  &--small {
+    padding: 0.4rem 0.6rem;
+  }
+}
+.cta {
+  text-transform: uppercase;
+  font-size: 0.8rem;
+  font-weight: 700;
+  letter-spacing: 0.05em;
+  padding: 0.8rem 1rem;
 }
 
 a:any-link:focus-visible {
@@ -140,22 +166,6 @@ ul {
   list-style: none;
 }
 
-.flex {
-  display: flex;
-}
-.flex-1 {
-  flex: 1;
-}
-
-.grid {
-  display: grid;
-}
-
-.hide {
-  opacity: 0;
-  pointer-events: none;
-}
-
 .hide {
   display: none !important;
 }
@@ -182,26 +192,6 @@ ul {
   grid-column: 1/4;
 }
 
-.h1 {
-  font-size: 1.5rem;
-}
-
-.h2 {
-  font-size: 1.2rem;
-}
-
-.h3 {
-  font-size: 1rem;
-}
-
-.h4 {
-  font-size: 0.9rem;
-}
-
-.h5 {
-  font-size: 0.8rem;
-}
-
 .uppercase {
   text-transform: uppercase;
 }
@@ -422,11 +412,9 @@ ul {
 .logo {
   display: grid;
   align-items: center;
-  width: 100%;
   grid-template-columns: auto 1fr;
   gap: 0 0.3rem;
-  margin-right: 1rem;
-
+  margin-right: auto;
   h4 {
     text-transform: capitalize;
     font-size: 0.9rem;
@@ -601,13 +589,17 @@ sm-checkbox {
 }
 
 #main_header {
-  display: grid;
+  display: flex;
+  flex-wrap: wrap;
   gap: 1rem;
-  padding: 1.5rem;
+  padding: 1rem 1.5rem;
   width: 100%;
   align-items: center;
-  grid-template-columns: 1fr auto auto;
-  grid-column: 1/-1;
+}
+#user_popup_button {
+  background-color: rgba(var(--text-color), 0.06);
+  border-radius: 2rem;
+  font-size: 0.8rem;
 }
 #main_navbar {
   width: 100%;
@@ -692,12 +684,12 @@ sm-checkbox {
     .icon {
       margin-left: 0.3rem;
       overflow: visible;
-      stroke-width: 4;
+      stroke-width: 3;
       fill: none;
       .path-a {
         stroke: var(--accent-color);
         stroke-dashoffset: var(--path-length, 0);
-        stroke-dasharray: 65;
+        stroke-dasharray: 63;
       }
       .path-b {
         stroke: rgba(var(--text-color), 0.2);
@@ -1110,6 +1102,12 @@ sm-checkbox {
   .empty-state {
     align-self: center;
   }
+  #main_header {
+    padding: 1.5rem;
+  }
+  #user_popup_button {
+    width: 100%;
+  }
   .main_navbar__item--active {
     .item__title {
       transform: translateY(100%);
@@ -1119,9 +1117,6 @@ sm-checkbox {
       transform: translateY(50%) scale(1.2);
     }
   }
-  .hide-on-mobile {
-    display: none !important;
-  }
   .listed-asset {
     border-radius: 0;
     border-bottom: solid thin rgba(var(--text-color), 0.1);
@@ -1129,26 +1124,14 @@ sm-checkbox {
   #price_chart_container {
     flex: 1;
   }
+  .hide-on-mobile {
+    display: none !important;
+  }
 }
 @media screen and (min-width: 40rem) {
   sm-popup {
     --width: 24rem;
   }
-  .h1 {
-    font-size: 2rem;
-  }
-
-  .h2 {
-    font-size: 1.8rem;
-  }
-
-  .h3 {
-    font-size: 1.3rem;
-  }
-
-  .h4 {
-    font-size: 1rem;
-  }
   .popup__header {
     padding: 1rem 1.5rem 0 1.5rem;
   }
@@ -1175,6 +1158,9 @@ sm-checkbox {
   #main_header {
     grid-area: header;
   }
+  #user_popup_button {
+    justify-self: flex-end;
+  }
   #main_navbar {
     grid-area: nav;
     flex-direction: column;
diff --git a/docs/index.html b/docs/index.html
index d81fcd5..7f7974d 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -75,12 +75,13 @@
             </div>
             <theme-toggle id="theme_toggle"></theme-toggle>
             <button id="user_popup_button" class="hide" onclick="showPopup('user_popup')">
-                <svg xmlns="http://www.w3.org/2000/svg" class="icon" height="24px" viewBox="0 0 24 24" width="24px"
-                    fill="#000000">
+                <svg xmlns="http://www.w3.org/2000/svg" class="icon margin-right-0-5" height="24px" viewBox="0 0 24 24"
+                    width="24px" fill="#000000">
                     <path d="M0 0h24v24H0V0z" fill="none" />
                     <path
                         d="M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1 2.1S9.9 9.16 9.9 8s.94-2.1 2.1-2.1m0 9c2.97 0 6.1 1.46 6.1 2.1v1.1H5.9V17c0-.64 3.13-2.1 6.1-2.1M12 4C9.79 4 8 5.79 8 8s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 9c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4z" />
                 </svg>
+                <div class="my-flo-id"></div>
             </button>
         </header>
         <section id="pages_container">
@@ -1447,8 +1448,14 @@
             return [`${minutes < 10 ? '0' : ''}${minutes}:${seconds < 10 ? '0' : ''}${seconds}`, ((diff % 3600000) / 60000).toFixed(2)]
         }
 
+        // remove digitals after specified decimal places without rounding
+        function toFixed(num, fixed = 8) {
+            var re = new RegExp('^-?\\d+(?:\.\\d{0,' + (fixed || -1) + '})?');
+            return parseFloat(num.toString().match(re)[0]);
+        }
+
         function getSuggestedPrice(asset = pagesData.params.asset || 'FLO') {
-            return parseFloat((parseFloat(floGlobals.exchangeRates[asset]) * deviation[tradeType]).toFixed(8))
+            return toFixed(parseFloat(floGlobals.exchangeRates[asset]) * deviation[tradeType], 8)
         }
 
         function showSuggestedPrice(asset = pagesData.params.asset || 'FLO') {
@@ -1497,7 +1504,7 @@
                 floGlobals.countDowns.intervals[asset] = setInterval(() => {
                     const [timeLeft, minutes] = getTimeLeft(countDown)
                     clone.querySelector('.listed-asset__countdown').firstChild.textContent = timeLeft;
-                    const pathLength = 65 - Math.ceil((minutes / 60) * 65)
+                    const pathLength = 63 - Math.ceil((minutes / 60) * 63)
                     clone.querySelector('.listed-asset__countdown').style.setProperty('--path-length', pathLength)
                 }, 1000);
                 floGlobals.countDowns.timeouts[asset] = setTimeout(() => {
@@ -1725,7 +1732,7 @@
         function getChartTheme() {
             const theme = getRef('theme_toggle').value
             const textColor = window.getComputedStyle(document.body).getPropertyValue('--text-color')
-            const accentColor = theme === 'dark' ? '#a3a1ff' : '#504dff'
+            const accentColor = window.getComputedStyle(document.body).getPropertyValue('--accent-color')
             return {
                 chart: {
                     layout: {
@@ -1841,11 +1848,11 @@
                 const unitValue = getSuggestedPrice()
                 const fraction = parseFloat(target.value)
                 if (tradeType === 'buy') {
-                    getRef('get_total').value = parseFloat((fraction * allTokens['rupee'].net).toFixed(8))
-                    getRef('get_quantity').value = parseFloat(((allTokens['rupee'].net * fraction) / getSuggestedPrice()).toFixed(8))
+                    getRef('get_total').value = toFixed(fraction * allTokens['rupee'].net)
+                    getRef('get_quantity').value = toFixed((allTokens['rupee'].net * fraction) / getSuggestedPrice())
                 } else {
-                    getRef('get_total').value = parseFloat((fraction * allTokens[selectedAsset].net * getSuggestedPrice()).toFixed(8))
-                    getRef('get_quantity').value = parseFloat((allTokens[selectedAsset].net * fraction).toFixed(8))
+                    getRef('get_total').value = toFixed(fraction * allTokens[selectedAsset].net * getSuggestedPrice())
+                    getRef('get_quantity').value = toFixed(allTokens[selectedAsset].net * fraction)
 
                 }
             }
@@ -1866,11 +1873,11 @@
         })
         getRef('get_quantity').addEventListener('keyup', e => {
             const unitValue = getSuggestedPrice()
-            getRef('get_total').value = parseFloat((parseFloat(e.target.value) * unitValue).toFixed(8)) || 0
+            getRef('get_total').value = toFixed(parseFloat(e.target.value) * unitValue)
         })
         getRef('get_total').addEventListener('keyup', e => {
             const unitValue = getSuggestedPrice()
-            getRef('get_quantity').value = parseFloat((parseFloat(e.target.value) / unitValue).toFixed(8)) || 0
+            getRef('get_quantity').value = toFixed(parseFloat(e.target.value) / unitValue)
         })
 
         getRef('wallet_actions').addEventListener('click', e => {
@@ -1879,7 +1886,7 @@
                 const type = target.value
                 const asset = getRef('wallet_asset_selector').value
 
-                getRef('wallet_quantity_type').textContent = getRef('quantity_type').textContent = asset === 'rupee' ? formatAmount(allTokens.rupee.net, true) : `${parseFloat(allTokens[asset].net.toFixed(8))} ${asset}`
+                getRef('wallet_quantity_type').textContent = getRef('quantity_type').textContent = asset === 'rupee' ? formatAmount(allTokens.rupee.net, true) : `${toFixed(allTokens[asset].net)} ${asset}`
                 getRef('wallet_popup__cta').textContent = `${type} ${asset}`
                 getRef('wallet_popup__cta').setAttribute('value', type)
                 getRef('wallet_popup__title').textContent = `${type} ${asset}`
@@ -1966,7 +1973,7 @@
                 const target = e.target.closest('button')
                 const asset = getRef('wallet_asset_selector').value
                 const fraction = parseFloat(target.value)
-                let total = parseFloat((allTokens[asset].net * fraction).toFixed(8));
+                let total = toFixed(allTokens[asset].net * fraction);
                 if (asset == 'FLO' && fraction === 1 & total > 0.1) {
                     total -= 0.1;
                 }
@@ -2242,10 +2249,10 @@
                 case 'confirm_trade_popup':
                     const asset = pagesData.params.asset;
                     const quantity = parseFloat(getRef('get_quantity').value)
-                    const currentPrice = parseFloat(floGlobals.exchangeRates[asset].toFixed(8));
-                    const price = parseFloat(getSuggestedPrice().toFixed(8));
+                    const currentPrice = toFixed(floGlobals.exchangeRates[asset]);
+                    const price = toFixed(getSuggestedPrice());
                     const total = formatAmount(parseFloat(getRef('get_total').value))
-                    const minTotal = formatAmount(parseFloat((currentPrice * quantity).toFixed(8)))
+                    const minTotal = formatAmount(toFixed(currentPrice * quantity))
                     getRef('confirm_trade__title').textContent = `${tradeType} ${asset}`
                     getRef('confirm_trade__details').innerHTML = `
                         <div class="grid">
@@ -2421,7 +2428,7 @@
                             floGlobals.countDowns.intervals[asset] = setInterval(() => {
                                 const [timeLeft, minutes] = getTimeLeft(countDown[asset])
                                 listedAsset.querySelector('.listed-asset__countdown').firstChild.textContent = timeLeft;
-                                const pathLength = 65 - Math.ceil((minutes / 60) * 65)
+                                const pathLength = 63 - Math.ceil((minutes / 60) * 63)
                                 listedAsset.querySelector('.listed-asset__countdown').style.setProperty('--path-length', pathLength)
                             }, 1000)
                             if (floGlobals.countDowns.timeouts.hasOwnProperty(asset)) {
@@ -2485,6 +2492,7 @@
                 console.debug(acc);
                 //Element display
                 document.querySelectorAll(".user-content").forEach(elem => elem.classList.remove('hide'))
+                document.querySelectorAll(".my-flo-id").forEach(elem => elem.textContent = acc.floID)
                 getRef("user_id").value = acc.floID;
                 getRef("sink_id").value = acc.sinkID;
                 if (acc.subAdmin)
diff --git a/docs/scripts/components.js b/docs/scripts/components.js
index d8b097d..624e30f 100644
--- a/docs/scripts/components.js
+++ b/docs/scripts/components.js
@@ -743,6 +743,7 @@ smNotifications.innerHTML = `
                     max-width: 100%;
                     padding: 1rem;
                     align-items: center;
+                    box-shadow: 0 0.5rem 1rem 0 rgba(0,0,0,0.14);
                     touch-action: none;
                 }
                 .icon-container:not(:empty){
@@ -803,6 +804,25 @@ smNotifications.innerHTML = `
                 .close:active{
                     transform: scale(0.9);
                 }
+                .action{
+                    display: flex;
+                    align-items: center;
+                    justify-content: center;
+                    padding: 0.5rem 0.8rem;
+                    border-radius: 0.2rem;
+                    border: none;
+                    background-color: rgba(var(--text-color, (17,17,17)), 0.03);
+                    font-family: inherit;
+                    font-size: inherit;
+                    color: var(--accent-color, teal);
+                    font-weight: 500;
+                    cursor: pointer;
+                }
+                @media screen and (max-width: 640px){
+                    .notification-panel:not(:empty){
+                        padding-bottom: 3rem;
+                    }
+                }
                 @media screen and (min-width: 640px){
                     .notification-panel{
                         max-width: 28rem;
@@ -880,7 +900,7 @@ customElements.define('sm-notifications', class extends HTMLElement {
     }
 
     createNotification(message, options = {}) {
-        const { pinned = false, icon = '' } = options;
+        const { pinned = false, icon = '', action } = options;
         const notification = document.createElement('output')
         notification.id = this.randString(8)
         notification.classList.add('notification');
@@ -889,6 +909,11 @@ customElements.define('sm-notifications', class extends HTMLElement {
                         <div class="icon-container">${icon}</div>
                         <p>${message}</p>
                         `;
+        if (action) {
+            composition += `
+                                <button class="action">${action.label}</button>
+                            `
+        }
         if (pinned) {
             notification.classList.add('pinned');
             composition += `
@@ -930,6 +955,8 @@ customElements.define('sm-notifications', class extends HTMLElement {
             e.target.commitStyles()
             e.target.cancel()
         }
+        if (notification.querySelector('.action'))
+            notification.querySelector('.action').addEventListener('click', options.action.callback)
         return notification.id;
     }
 

From a0731450ace43fb8d404be395ee6b1413a67b75b Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Sun, 15 May 2022 15:27:34 +0530
Subject: [PATCH 087/168] minor UI fixes

---
 docs/css/main.css     | 29 +++++++++++++++++++++++------
 docs/css/main.min.css |  2 +-
 docs/css/main.scss    | 22 ++++++++++++++++------
 docs/index.html       |  2 +-
 4 files changed, 41 insertions(+), 14 deletions(-)

diff --git a/docs/css/main.css b/docs/css/main.css
index 623b62d..dd22ec2 100644
--- a/docs/css/main.css
+++ b/docs/css/main.css
@@ -215,6 +215,18 @@ ul {
   display: flex;
 }
 
+.flex-1 {
+  flex: 1;
+}
+
+.flex-wrap {
+  flex-wrap: wrap;
+}
+
+.direction-column {
+  flex-direction: column;
+}
+
 .grid {
   display: grid;
 }
@@ -295,10 +307,6 @@ ul {
   justify-self: end;
 }
 
-.direction-column {
-  flex-direction: column;
-}
-
 .space-between {
   justify-content: space-between;
 }
@@ -415,12 +423,12 @@ ul {
   width: 100%;
   padding: 0 1.5rem;
   align-items: center;
+  justify-items: flex-start;
 }
 
 .popup__header__close {
   padding: 0.5rem;
-  margin-left: -0.7rem;
-  cursor: pointer;
+  margin-left: -0.5rem;
 }
 
 #main_page {
@@ -874,6 +882,10 @@ sm-checkbox {
   margin-left: 0.3rem;
 }
 
+.transaction-card,
+.live-order {
+  gap: 0 1rem;
+}
 .transaction-card__type,
 .live-order__type {
   font-size: 0.9rem;
@@ -910,6 +922,10 @@ sm-checkbox {
   font-size: 0.9rem;
   color: rgba(var(--text-color), 0.9);
 }
+.transaction-card .more-info,
+.live-order .more-info {
+  padding: 0.3rem;
+}
 
 .transaction-card {
   content-visibility: auto;
@@ -1241,6 +1257,7 @@ sm-checkbox {
   }
 
   .popup__header {
+    grid-column: 1/-1;
     padding: 1rem 1.5rem 0 1.5rem;
   }
 
diff --git a/docs/css/main.min.css b/docs/css/main.min.css
index c29d6f3..5bfdefd 100644
--- a/docs/css/main.min.css
+++ b/docs/css/main.min.css
@@ -1 +1 @@
-*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #516beb;--text-color: 20, 20, 20;--foreground-color: 252, 253, 255;--background-color: 241, 243, 248;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a4b3ff;--text-color: 220, 220, 220;--foreground-color: 27, 28, 29;--background-color: 21, 22, 22;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{text-decoration:none;color:var(--accent-color)}a:focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a.button{padding:.4rem .6rem;border-radius:.3rem;font-size:.9rem;font-weight:500;color:inherit}button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:500;white-space:nowrap;padding:.8rem;border-radius:.3rem;justify-content:center}button:focus-visible{outline:var(--accent-color) solid medium}button:not(:disabled){cursor:pointer}.button{background-color:rgba(var(--text-color), 0.06)}.button--primary,.button--danger{color:rgba(var(--background-color), 1) !important}.button--primary .icon,.button--danger .icon{fill:rgba(var(--background-color), 1)}.button--primary{background-color:var(--accent-color)}.button--danger{background-color:var(--danger-color)}.button--small{padding:.4rem .6rem}.cta{text-transform:uppercase;font-size:.8rem;font-weight:700;letter-spacing:.05em;padding:.8rem 1rem}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}sm-copy{font-size:.9rem}ul{list-style:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wrap-around{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.6rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem;align-items:center}.popup__header__close{padding:.5rem;margin-left:-0.7rem;cursor:pointer}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:auto}.logo h4{text-transform:capitalize;font-size:.9rem;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details:not(:last-of-type){border-bottom:thin solid rgba(var(--text-color), 0.3)}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}details .icon{flex-shrink:0}details[open]{padding-bottom:1rem}details[open] summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.tooltip{position:relative;z-index:1;cursor:pointer}.tooltip .banner{position:absolute;right:0;width:min(20rem,100vw - 1rem);display:none;font-size:.9rem;background-color:rgba(var(--foreground-color), 1);padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.1);border:solid thin rgba(var(--text-color), 0.2)}.tooltip:hover .banner{display:block}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem;width:100%;align-items:center}#user_popup_button{background-color:rgba(var(--text-color), 0.06);border-radius:2rem;font-size:.8rem}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto;padding:0 1.5rem}#pages_container>*{min-width:min(26rem,100%)}.listed-asset{position:relative;gap:.5rem;padding:1rem 0;border-radius:.5rem;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;grid-template-columns:auto 1fr auto auto;grid-template-areas:"icon name rate right-arrow" "icon name countdown right-arrow"}.listed-asset__icon{grid-area:icon;padding:.5rem;border-radius:1rem;display:flex;background-color:var(--accent-color)}.listed-asset__icon .icon{height:1.2rem;width:1.2rem;fill:rgba(var(--background-color), 1)}.listed-asset__name{grid-area:name;margin-left:.3rem}.listed-asset__rate{grid-area:rate}.listed-asset__countdown{display:flex;align-items:center;grid-area:countdown;justify-self:flex-end;font-size:.8rem;color:var(--accent-color)}.listed-asset__countdown .icon{margin-left:.3rem;overflow:visible;stroke-width:3;fill:none}.listed-asset__countdown .icon .path-a{stroke:var(--accent-color);stroke-dashoffset:var(--path-length, 0);stroke-dasharray:63}.listed-asset__countdown .icon .path-b{stroke:rgba(var(--text-color), 0.2)}.listed-asset__right-arrow{grid-area:right-arrow;background-color:rgba(var(--text-color), 0.1);border-radius:1rem;padding:.1rem;margin-left:.3rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{display:flex;flex-direction:column;height:100%}#asset_page__nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}#asset_page__nav .icon-only{margin-left:-0.7rem}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(42rem,100%)}#my_orders{grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content;border-radius:.5rem}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{cursor:pointer;margin-right:.5rem}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.transaction-card__type,.live-order__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type,.transaction-card[data-type=Bought] .live-order__type,.transaction-card--buy .live-order__type,.live-order[data-type=Bought] .transaction-card__type,.live-order--buy .transaction-card__type,.live-order[data-type=Bought] .live-order__type,.live-order--buy .live-order__type{color:var(--green)}.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type,.transaction-card[data-type=Sold] .live-order__type,.transaction-card--sell .live-order__type,.live-order[data-type=Sold] .transaction-card__type,.live-order--sell .transaction-card__type,.live-order[data-type=Sold] .live-order__type,.live-order--sell .live-order__type{color:var(--danger-color)}.transaction-card__total,.live-order__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.transaction-card__quantity,.transaction-card__price,.live-order__quantity,.live-order__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.transaction-card{content-visibility:auto;contain-intrinsic-size:2.5rem;grid-template-columns:repeat(3, 1fr) 2rem}#market_asset_rates{display:grid;gap:.5rem}#market_asset_rates .listed-asset{padding:1rem;background-color:rgba(var(--text-color), 0.03)}#market_orders_wrapper .list__header{font-size:.8rem;font-weight:500}#market_orders_wrapper .list__header div{padding:.5rem 0}#market_orders_wrapper .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.live-order{display:grid;gap:1rem;padding:1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.03)}.live-order:not(:last-of-type){margin-bottom:.5rem}.live-order[data-type=buy]{background-color:#00fa9a10}.live-order[data-type=sell]{background-color:#e2135110}#wallet{display:grid;width:auto;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem}.balance-card{display:grid;align-items:center;gap:0 .5rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1);padding:.5rem}.balance-card.is-locked{padding:1rem .5rem;grid-template-columns:auto 1fr auto;gap:.5rem}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:2/3;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#wallet_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}#help{width:min(60ch,100%);margin-bottom:3rem;align-content:flex-start}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}#main_header{padding:1.5rem}#user_popup_button{width:100%}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#price_chart_container{flex:1}.hide-on-mobile{display:none !important}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.popup__header{padding:1rem 1.5rem 0 1.5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#user_popup_button{justify-self:flex-end}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:17rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 52rem){body:not(.is-signed-in) #market{gap:2rem;width:100%;grid-template-columns:18rem 1fr}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#asset_page__nav{grid-column:1/-1}#wallet{gap:1rem 2rem;grid-template-columns:20rem 24rem}#wallet__header{grid-column:1/3;padding-bottom:1rem}#wallet .balance-card{border:solid thin rgba(var(--text-color), 0.2)}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}}
\ No newline at end of file
+*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #516beb;--text-color: 20, 20, 20;--foreground-color: 252, 253, 255;--background-color: 241, 243, 248;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a4b3ff;--text-color: 220, 220, 220;--foreground-color: 27, 28, 29;--background-color: 21, 22, 22;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{text-decoration:none;color:var(--accent-color)}a:focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a.button{padding:.4rem .6rem;border-radius:.3rem;font-size:.9rem;font-weight:500;color:inherit}button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:500;white-space:nowrap;padding:.8rem;border-radius:.3rem;justify-content:center}button:focus-visible{outline:var(--accent-color) solid medium}button:not(:disabled){cursor:pointer}.button{background-color:rgba(var(--text-color), 0.06)}.button--primary,.button--danger{color:rgba(var(--background-color), 1) !important}.button--primary .icon,.button--danger .icon{fill:rgba(var(--background-color), 1)}.button--primary{background-color:var(--accent-color)}.button--danger{background-color:var(--danger-color)}.button--small{padding:.4rem .6rem}.cta{text-transform:uppercase;font-size:.8rem;font-weight:700;letter-spacing:.05em;padding:.8rem 1rem}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}sm-copy{font-size:.9rem}ul{list-style:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wrap-around{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.direction-column{flex-direction:column}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.6rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem;align-items:center;justify-items:flex-start}.popup__header__close{padding:.5rem;margin-left:-0.5rem}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:auto}.logo h4{text-transform:capitalize;font-size:.9rem;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details:not(:last-of-type){border-bottom:thin solid rgba(var(--text-color), 0.3)}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}details .icon{flex-shrink:0}details[open]{padding-bottom:1rem}details[open] summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.tooltip{position:relative;z-index:1;cursor:pointer}.tooltip .banner{position:absolute;right:0;width:min(20rem,100vw - 1rem);display:none;font-size:.9rem;background-color:rgba(var(--foreground-color), 1);padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.1);border:solid thin rgba(var(--text-color), 0.2)}.tooltip:hover .banner{display:block}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem;width:100%;align-items:center}#user_popup_button{background-color:rgba(var(--text-color), 0.06);border-radius:2rem;font-size:.8rem}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto;padding:0 1.5rem}#pages_container>*{min-width:min(26rem,100%)}.listed-asset{position:relative;gap:.5rem;padding:1rem 0;border-radius:.5rem;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;grid-template-columns:auto 1fr auto auto;grid-template-areas:"icon name rate right-arrow" "icon name countdown right-arrow"}.listed-asset__icon{grid-area:icon;padding:.5rem;border-radius:1rem;display:flex;background-color:var(--accent-color)}.listed-asset__icon .icon{height:1.2rem;width:1.2rem;fill:rgba(var(--background-color), 1)}.listed-asset__name{grid-area:name;margin-left:.3rem}.listed-asset__rate{grid-area:rate}.listed-asset__countdown{display:flex;align-items:center;grid-area:countdown;justify-self:flex-end;font-size:.8rem;color:var(--accent-color)}.listed-asset__countdown .icon{margin-left:.3rem;overflow:visible;stroke-width:3;fill:none}.listed-asset__countdown .icon .path-a{stroke:var(--accent-color);stroke-dashoffset:var(--path-length, 0);stroke-dasharray:63}.listed-asset__countdown .icon .path-b{stroke:rgba(var(--text-color), 0.2)}.listed-asset__right-arrow{grid-area:right-arrow;background-color:rgba(var(--text-color), 0.1);border-radius:1rem;padding:.1rem;margin-left:.3rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{display:flex;flex-direction:column;height:100%}#asset_page__nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}#asset_page__nav .icon-only{margin-left:-0.7rem}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(42rem,100%)}#my_orders{grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content;border-radius:.5rem}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{cursor:pointer;margin-right:.5rem}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.transaction-card,.live-order{gap:0 1rem}.transaction-card__type,.live-order__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type,.transaction-card[data-type=Bought] .live-order__type,.transaction-card--buy .live-order__type,.live-order[data-type=Bought] .transaction-card__type,.live-order--buy .transaction-card__type,.live-order[data-type=Bought] .live-order__type,.live-order--buy .live-order__type{color:var(--green)}.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type,.transaction-card[data-type=Sold] .live-order__type,.transaction-card--sell .live-order__type,.live-order[data-type=Sold] .transaction-card__type,.live-order--sell .transaction-card__type,.live-order[data-type=Sold] .live-order__type,.live-order--sell .live-order__type{color:var(--danger-color)}.transaction-card__total,.live-order__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.transaction-card__quantity,.transaction-card__price,.live-order__quantity,.live-order__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.transaction-card .more-info,.live-order .more-info{padding:.3rem}.transaction-card{content-visibility:auto;contain-intrinsic-size:2.5rem;grid-template-columns:repeat(3, 1fr) 2rem}#market_asset_rates{display:grid;gap:.5rem}#market_asset_rates .listed-asset{padding:1rem;background-color:rgba(var(--text-color), 0.03)}#market_orders_wrapper .list__header{font-size:.8rem;font-weight:500}#market_orders_wrapper .list__header div{padding:.5rem 0}#market_orders_wrapper .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.live-order{display:grid;gap:1rem;padding:1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.03)}.live-order:not(:last-of-type){margin-bottom:.5rem}.live-order[data-type=buy]{background-color:#00fa9a10}.live-order[data-type=sell]{background-color:#e2135110}#wallet{display:grid;width:auto;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem}.balance-card{display:grid;align-items:center;gap:0 .5rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1);padding:.5rem}.balance-card.is-locked{padding:1rem .5rem;grid-template-columns:auto 1fr auto;gap:.5rem}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:2/3;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#wallet_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}#help{width:min(60ch,100%);margin-bottom:3rem;align-content:flex-start}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}#main_header{padding:1.5rem}#user_popup_button{width:100%}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#price_chart_container{flex:1}.hide-on-mobile{display:none !important}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.popup__header{grid-column:1/-1;padding:1rem 1.5rem 0 1.5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#user_popup_button{justify-self:flex-end}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:17rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 52rem){body:not(.is-signed-in) #market{gap:2rem;width:100%;grid-template-columns:18rem 1fr}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#asset_page__nav{grid-column:1/-1}#wallet{gap:1rem 2rem;grid-template-columns:20rem 24rem}#wallet__header{grid-column:1/3;padding-bottom:1rem}#wallet .balance-card{border:solid thin rgba(var(--text-color), 0.2)}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}}
\ No newline at end of file
diff --git a/docs/css/main.scss b/docs/css/main.scss
index f1484ef..5fed25a 100644
--- a/docs/css/main.scss
+++ b/docs/css/main.scss
@@ -203,6 +203,15 @@ ul {
 .flex {
   display: flex;
 }
+.flex-1 {
+  flex: 1;
+}
+.flex-wrap {
+  flex-wrap: wrap;
+}
+.direction-column {
+  flex-direction: column;
+}
 
 .grid {
   display: grid;
@@ -283,10 +292,6 @@ ul {
   justify-self: end;
 }
 
-.direction-column {
-  flex-direction: column;
-}
-
 .space-between {
   justify-content: space-between;
 }
@@ -394,12 +399,12 @@ ul {
   width: 100%;
   padding: 0 1.5rem;
   align-items: center;
+  justify-items: flex-start;
 }
 
 .popup__header__close {
   padding: 0.5rem;
-  margin-left: -0.7rem;
-  cursor: pointer;
+  margin-left: -0.5rem;
 }
 
 #main_page {
@@ -830,6 +835,7 @@ sm-checkbox {
 
 .transaction-card,
 .live-order {
+  gap: 0 1rem;
   &__type {
     font-size: 0.9rem;
     font-weight: 500;
@@ -853,6 +859,9 @@ sm-checkbox {
     font-size: 0.9rem;
     color: rgba(var(--text-color), 0.9);
   }
+  .more-info {
+    padding: 0.3rem;
+  }
 }
 .transaction-card {
   content-visibility: auto;
@@ -1133,6 +1142,7 @@ sm-checkbox {
     --width: 24rem;
   }
   .popup__header {
+    grid-column: 1/-1;
     padding: 1rem 1.5rem 0 1.5rem;
   }
   #confirmation_popup {
diff --git a/docs/index.html b/docs/index.html
index 7f7974d..fdc98f2 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -1621,7 +1621,7 @@
                     })
                 } else {
                     getRef('my_orders__title').textContent = 'My trades'
-                    transactions.forEach(transaction => {
+                    transactions.reverse().forEach(transaction => {
                         const { asset, quantity, unitValue, tx_time, buyer, seller } = transaction
                         let type, other;
                         if (seller === proxy.userID) {

From 9dcfd1b5e79fa44e6d5bdad543cac8d55a233c67 Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Sun, 15 May 2022 16:50:47 +0530
Subject: [PATCH 088/168] UI/UX update

-- New design for completed trades with time shown
---
 docs/css/main.css     |  70 +++++++++++++++++++++++---
 docs/css/main.min.css |   2 +-
 docs/css/main.scss    |  36 ++++++++++++--
 docs/index.html       | 113 ++++++++++++++++++++++++------------------
 4 files changed, 163 insertions(+), 58 deletions(-)

diff --git a/docs/css/main.css b/docs/css/main.css
index dd22ec2..5f1f651 100644
--- a/docs/css/main.css
+++ b/docs/css/main.css
@@ -347,7 +347,7 @@ ul {
 }
 
 .icon-only {
-  padding: 0.6rem;
+  padding: 0.5rem;
   aspect-ratio: 1/1;
   background-color: transparent;
 }
@@ -447,7 +447,6 @@ ul {
 }
 .logo h4 {
   text-transform: capitalize;
-  font-size: 0.9rem;
   font-weight: 600;
 }
 .logo .main-logo {
@@ -814,7 +813,7 @@ sm-checkbox {
 
 #my_orders,
 #market {
-  width: min(42rem, 100%);
+  width: min(46rem, 100%);
 }
 
 #my_orders {
@@ -882,46 +881,78 @@ sm-checkbox {
   margin-left: 0.3rem;
 }
 
+.completed-trade,
 .transaction-card,
 .live-order {
   gap: 0 1rem;
 }
+.completed-trade__type,
 .transaction-card__type,
 .live-order__type {
   font-size: 0.9rem;
   font-weight: 500;
   margin-bottom: 0.3rem;
 }
-.transaction-card[data-type=Bought] .transaction-card__type, .transaction-card--buy .transaction-card__type,
+.completed-trade[data-type=Bought] .completed-trade__type, .completed-trade--buy .completed-trade__type,
+.completed-trade[data-type=Bought] .transaction-card__type,
+.completed-trade--buy .transaction-card__type,
+.completed-trade[data-type=Bought] .live-order__type,
+.completed-trade--buy .live-order__type,
+.transaction-card[data-type=Bought] .completed-trade__type,
+.transaction-card--buy .completed-trade__type,
+.transaction-card[data-type=Bought] .transaction-card__type,
+.transaction-card--buy .transaction-card__type,
 .transaction-card[data-type=Bought] .live-order__type,
 .transaction-card--buy .live-order__type,
+.live-order[data-type=Bought] .completed-trade__type,
+.live-order--buy .completed-trade__type,
 .live-order[data-type=Bought] .transaction-card__type,
 .live-order--buy .transaction-card__type,
 .live-order[data-type=Bought] .live-order__type,
 .live-order--buy .live-order__type {
   color: var(--green);
 }
-.transaction-card[data-type=Sold] .transaction-card__type, .transaction-card--sell .transaction-card__type,
+.completed-trade[data-type=Sold] .completed-trade__type, .completed-trade--sell .completed-trade__type,
+.completed-trade[data-type=Sold] .transaction-card__type,
+.completed-trade--sell .transaction-card__type,
+.completed-trade[data-type=Sold] .live-order__type,
+.completed-trade--sell .live-order__type,
+.transaction-card[data-type=Sold] .completed-trade__type,
+.transaction-card--sell .completed-trade__type,
+.transaction-card[data-type=Sold] .transaction-card__type,
+.transaction-card--sell .transaction-card__type,
 .transaction-card[data-type=Sold] .live-order__type,
 .transaction-card--sell .live-order__type,
+.live-order[data-type=Sold] .completed-trade__type,
+.live-order--sell .completed-trade__type,
 .live-order[data-type=Sold] .transaction-card__type,
 .live-order--sell .transaction-card__type,
 .live-order[data-type=Sold] .live-order__type,
 .live-order--sell .live-order__type {
   color: var(--danger-color);
 }
+.completed-trade__total,
 .transaction-card__total,
 .live-order__total {
   font-weight: 700;
   font-size: 0.9rem;
   color: rgba(var(--text-color), 0.8);
 }
-.transaction-card__quantity, .transaction-card__price,
+.completed-trade__quantity, .completed-trade__price,
+.transaction-card__quantity,
+.transaction-card__price,
 .live-order__quantity,
 .live-order__price {
   font-size: 0.9rem;
   color: rgba(var(--text-color), 0.9);
 }
+.completed-trade__time,
+.transaction-card__time,
+.live-order__time {
+  font-size: 0.8rem;
+  color: rgba(var(--text-color), 0.8);
+}
+.completed-trade .more-info,
 .transaction-card .more-info,
 .live-order .more-info {
   padding: 0.3rem;
@@ -933,6 +964,16 @@ sm-checkbox {
   grid-template-columns: repeat(3, 1fr) 2rem;
 }
 
+.completed-trade {
+  display: grid;
+  gap: 0.5rem;
+  grid-template-columns: 1fr 1fr;
+  background-color: rgba(var(--text-color), 0.03);
+  border-radius: 0.5rem;
+  padding: 1rem;
+  margin-bottom: 0.5rem;
+}
+
 #market_asset_rates {
   display: grid;
   gap: 0.5rem;
@@ -1378,6 +1419,23 @@ sm-checkbox {
     width: 100%;
     grid-template-columns: 18rem 1fr;
   }
+
+  .completed-trade {
+    grid-template-columns: 1fr 1fr 1fr 8rem;
+    grid-template-areas: "quantity price amount info";
+  }
+  .completed-trade .quantity-block {
+    grid-area: quantity;
+  }
+  .completed-trade .price-block {
+    grid-area: price;
+  }
+  .completed-trade .amount-block {
+    grid-area: amount;
+  }
+  .completed-trade .info-block {
+    grid-area: info;
+  }
 }
 @media screen and (min-width: 64rem) {
   #home {
diff --git a/docs/css/main.min.css b/docs/css/main.min.css
index 5bfdefd..1a04c71 100644
--- a/docs/css/main.min.css
+++ b/docs/css/main.min.css
@@ -1 +1 @@
-*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #516beb;--text-color: 20, 20, 20;--foreground-color: 252, 253, 255;--background-color: 241, 243, 248;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a4b3ff;--text-color: 220, 220, 220;--foreground-color: 27, 28, 29;--background-color: 21, 22, 22;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{text-decoration:none;color:var(--accent-color)}a:focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a.button{padding:.4rem .6rem;border-radius:.3rem;font-size:.9rem;font-weight:500;color:inherit}button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:500;white-space:nowrap;padding:.8rem;border-radius:.3rem;justify-content:center}button:focus-visible{outline:var(--accent-color) solid medium}button:not(:disabled){cursor:pointer}.button{background-color:rgba(var(--text-color), 0.06)}.button--primary,.button--danger{color:rgba(var(--background-color), 1) !important}.button--primary .icon,.button--danger .icon{fill:rgba(var(--background-color), 1)}.button--primary{background-color:var(--accent-color)}.button--danger{background-color:var(--danger-color)}.button--small{padding:.4rem .6rem}.cta{text-transform:uppercase;font-size:.8rem;font-weight:700;letter-spacing:.05em;padding:.8rem 1rem}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}sm-copy{font-size:.9rem}ul{list-style:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wrap-around{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.direction-column{flex-direction:column}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.6rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem;align-items:center;justify-items:flex-start}.popup__header__close{padding:.5rem;margin-left:-0.5rem}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:auto}.logo h4{text-transform:capitalize;font-size:.9rem;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details:not(:last-of-type){border-bottom:thin solid rgba(var(--text-color), 0.3)}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}details .icon{flex-shrink:0}details[open]{padding-bottom:1rem}details[open] summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.tooltip{position:relative;z-index:1;cursor:pointer}.tooltip .banner{position:absolute;right:0;width:min(20rem,100vw - 1rem);display:none;font-size:.9rem;background-color:rgba(var(--foreground-color), 1);padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.1);border:solid thin rgba(var(--text-color), 0.2)}.tooltip:hover .banner{display:block}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem;width:100%;align-items:center}#user_popup_button{background-color:rgba(var(--text-color), 0.06);border-radius:2rem;font-size:.8rem}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto;padding:0 1.5rem}#pages_container>*{min-width:min(26rem,100%)}.listed-asset{position:relative;gap:.5rem;padding:1rem 0;border-radius:.5rem;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;grid-template-columns:auto 1fr auto auto;grid-template-areas:"icon name rate right-arrow" "icon name countdown right-arrow"}.listed-asset__icon{grid-area:icon;padding:.5rem;border-radius:1rem;display:flex;background-color:var(--accent-color)}.listed-asset__icon .icon{height:1.2rem;width:1.2rem;fill:rgba(var(--background-color), 1)}.listed-asset__name{grid-area:name;margin-left:.3rem}.listed-asset__rate{grid-area:rate}.listed-asset__countdown{display:flex;align-items:center;grid-area:countdown;justify-self:flex-end;font-size:.8rem;color:var(--accent-color)}.listed-asset__countdown .icon{margin-left:.3rem;overflow:visible;stroke-width:3;fill:none}.listed-asset__countdown .icon .path-a{stroke:var(--accent-color);stroke-dashoffset:var(--path-length, 0);stroke-dasharray:63}.listed-asset__countdown .icon .path-b{stroke:rgba(var(--text-color), 0.2)}.listed-asset__right-arrow{grid-area:right-arrow;background-color:rgba(var(--text-color), 0.1);border-radius:1rem;padding:.1rem;margin-left:.3rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{display:flex;flex-direction:column;height:100%}#asset_page__nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}#asset_page__nav .icon-only{margin-left:-0.7rem}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(42rem,100%)}#my_orders{grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content;border-radius:.5rem}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{cursor:pointer;margin-right:.5rem}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.transaction-card,.live-order{gap:0 1rem}.transaction-card__type,.live-order__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type,.transaction-card[data-type=Bought] .live-order__type,.transaction-card--buy .live-order__type,.live-order[data-type=Bought] .transaction-card__type,.live-order--buy .transaction-card__type,.live-order[data-type=Bought] .live-order__type,.live-order--buy .live-order__type{color:var(--green)}.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type,.transaction-card[data-type=Sold] .live-order__type,.transaction-card--sell .live-order__type,.live-order[data-type=Sold] .transaction-card__type,.live-order--sell .transaction-card__type,.live-order[data-type=Sold] .live-order__type,.live-order--sell .live-order__type{color:var(--danger-color)}.transaction-card__total,.live-order__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.transaction-card__quantity,.transaction-card__price,.live-order__quantity,.live-order__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.transaction-card .more-info,.live-order .more-info{padding:.3rem}.transaction-card{content-visibility:auto;contain-intrinsic-size:2.5rem;grid-template-columns:repeat(3, 1fr) 2rem}#market_asset_rates{display:grid;gap:.5rem}#market_asset_rates .listed-asset{padding:1rem;background-color:rgba(var(--text-color), 0.03)}#market_orders_wrapper .list__header{font-size:.8rem;font-weight:500}#market_orders_wrapper .list__header div{padding:.5rem 0}#market_orders_wrapper .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.live-order{display:grid;gap:1rem;padding:1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.03)}.live-order:not(:last-of-type){margin-bottom:.5rem}.live-order[data-type=buy]{background-color:#00fa9a10}.live-order[data-type=sell]{background-color:#e2135110}#wallet{display:grid;width:auto;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem}.balance-card{display:grid;align-items:center;gap:0 .5rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1);padding:.5rem}.balance-card.is-locked{padding:1rem .5rem;grid-template-columns:auto 1fr auto;gap:.5rem}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:2/3;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#wallet_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}#help{width:min(60ch,100%);margin-bottom:3rem;align-content:flex-start}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}#main_header{padding:1.5rem}#user_popup_button{width:100%}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#price_chart_container{flex:1}.hide-on-mobile{display:none !important}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.popup__header{grid-column:1/-1;padding:1rem 1.5rem 0 1.5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#user_popup_button{justify-self:flex-end}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:17rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 52rem){body:not(.is-signed-in) #market{gap:2rem;width:100%;grid-template-columns:18rem 1fr}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#asset_page__nav{grid-column:1/-1}#wallet{gap:1rem 2rem;grid-template-columns:20rem 24rem}#wallet__header{grid-column:1/3;padding-bottom:1rem}#wallet .balance-card{border:solid thin rgba(var(--text-color), 0.2)}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}}
\ No newline at end of file
+*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #516beb;--text-color: 20, 20, 20;--foreground-color: 252, 253, 255;--background-color: 241, 243, 248;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a4b3ff;--text-color: 220, 220, 220;--foreground-color: 27, 28, 29;--background-color: 21, 22, 22;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{text-decoration:none;color:var(--accent-color)}a:focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a.button{padding:.4rem .6rem;border-radius:.3rem;font-size:.9rem;font-weight:500;color:inherit}button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:500;white-space:nowrap;padding:.8rem;border-radius:.3rem;justify-content:center}button:focus-visible{outline:var(--accent-color) solid medium}button:not(:disabled){cursor:pointer}.button{background-color:rgba(var(--text-color), 0.06)}.button--primary,.button--danger{color:rgba(var(--background-color), 1) !important}.button--primary .icon,.button--danger .icon{fill:rgba(var(--background-color), 1)}.button--primary{background-color:var(--accent-color)}.button--danger{background-color:var(--danger-color)}.button--small{padding:.4rem .6rem}.cta{text-transform:uppercase;font-size:.8rem;font-weight:700;letter-spacing:.05em;padding:.8rem 1rem}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}sm-copy{font-size:.9rem}ul{list-style:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wrap-around{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.direction-column{flex-direction:column}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.5rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem;align-items:center;justify-items:flex-start}.popup__header__close{padding:.5rem;margin-left:-0.5rem}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:auto}.logo h4{text-transform:capitalize;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details:not(:last-of-type){border-bottom:thin solid rgba(var(--text-color), 0.3)}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}details .icon{flex-shrink:0}details[open]{padding-bottom:1rem}details[open] summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.tooltip{position:relative;z-index:1;cursor:pointer}.tooltip .banner{position:absolute;right:0;width:min(20rem,100vw - 1rem);display:none;font-size:.9rem;background-color:rgba(var(--foreground-color), 1);padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.1);border:solid thin rgba(var(--text-color), 0.2)}.tooltip:hover .banner{display:block}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem;width:100%;align-items:center}#user_popup_button{background-color:rgba(var(--text-color), 0.06);border-radius:2rem;font-size:.8rem}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto;padding:0 1.5rem}#pages_container>*{min-width:min(26rem,100%)}.listed-asset{position:relative;gap:.5rem;padding:1rem 0;border-radius:.5rem;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;grid-template-columns:auto 1fr auto auto;grid-template-areas:"icon name rate right-arrow" "icon name countdown right-arrow"}.listed-asset__icon{grid-area:icon;padding:.5rem;border-radius:1rem;display:flex;background-color:var(--accent-color)}.listed-asset__icon .icon{height:1.2rem;width:1.2rem;fill:rgba(var(--background-color), 1)}.listed-asset__name{grid-area:name;margin-left:.3rem}.listed-asset__rate{grid-area:rate}.listed-asset__countdown{display:flex;align-items:center;grid-area:countdown;justify-self:flex-end;font-size:.8rem;color:var(--accent-color)}.listed-asset__countdown .icon{margin-left:.3rem;overflow:visible;stroke-width:3;fill:none}.listed-asset__countdown .icon .path-a{stroke:var(--accent-color);stroke-dashoffset:var(--path-length, 0);stroke-dasharray:63}.listed-asset__countdown .icon .path-b{stroke:rgba(var(--text-color), 0.2)}.listed-asset__right-arrow{grid-area:right-arrow;background-color:rgba(var(--text-color), 0.1);border-radius:1rem;padding:.1rem;margin-left:.3rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{display:flex;flex-direction:column;height:100%}#asset_page__nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}#asset_page__nav .icon-only{margin-left:-0.7rem}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(46rem,100%)}#my_orders{grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content;border-radius:.5rem}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{cursor:pointer;margin-right:.5rem}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.completed-trade,.transaction-card,.live-order{gap:0 1rem}.completed-trade__type,.transaction-card__type,.live-order__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.completed-trade[data-type=Bought] .completed-trade__type,.completed-trade--buy .completed-trade__type,.completed-trade[data-type=Bought] .transaction-card__type,.completed-trade--buy .transaction-card__type,.completed-trade[data-type=Bought] .live-order__type,.completed-trade--buy .live-order__type,.transaction-card[data-type=Bought] .completed-trade__type,.transaction-card--buy .completed-trade__type,.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type,.transaction-card[data-type=Bought] .live-order__type,.transaction-card--buy .live-order__type,.live-order[data-type=Bought] .completed-trade__type,.live-order--buy .completed-trade__type,.live-order[data-type=Bought] .transaction-card__type,.live-order--buy .transaction-card__type,.live-order[data-type=Bought] .live-order__type,.live-order--buy .live-order__type{color:var(--green)}.completed-trade[data-type=Sold] .completed-trade__type,.completed-trade--sell .completed-trade__type,.completed-trade[data-type=Sold] .transaction-card__type,.completed-trade--sell .transaction-card__type,.completed-trade[data-type=Sold] .live-order__type,.completed-trade--sell .live-order__type,.transaction-card[data-type=Sold] .completed-trade__type,.transaction-card--sell .completed-trade__type,.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type,.transaction-card[data-type=Sold] .live-order__type,.transaction-card--sell .live-order__type,.live-order[data-type=Sold] .completed-trade__type,.live-order--sell .completed-trade__type,.live-order[data-type=Sold] .transaction-card__type,.live-order--sell .transaction-card__type,.live-order[data-type=Sold] .live-order__type,.live-order--sell .live-order__type{color:var(--danger-color)}.completed-trade__total,.transaction-card__total,.live-order__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.completed-trade__quantity,.completed-trade__price,.transaction-card__quantity,.transaction-card__price,.live-order__quantity,.live-order__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.completed-trade__time,.transaction-card__time,.live-order__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.completed-trade .more-info,.transaction-card .more-info,.live-order .more-info{padding:.3rem}.transaction-card{content-visibility:auto;contain-intrinsic-size:2.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.completed-trade{display:grid;gap:.5rem;grid-template-columns:1fr 1fr;background-color:rgba(var(--text-color), 0.03);border-radius:.5rem;padding:1rem;margin-bottom:.5rem}#market_asset_rates{display:grid;gap:.5rem}#market_asset_rates .listed-asset{padding:1rem;background-color:rgba(var(--text-color), 0.03)}#market_orders_wrapper .list__header{font-size:.8rem;font-weight:500}#market_orders_wrapper .list__header div{padding:.5rem 0}#market_orders_wrapper .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.live-order{display:grid;gap:1rem;padding:1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.03)}.live-order:not(:last-of-type){margin-bottom:.5rem}.live-order[data-type=buy]{background-color:#00fa9a10}.live-order[data-type=sell]{background-color:#e2135110}#wallet{display:grid;width:auto;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem}.balance-card{display:grid;align-items:center;gap:0 .5rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1);padding:.5rem}.balance-card.is-locked{padding:1rem .5rem;grid-template-columns:auto 1fr auto;gap:.5rem}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:2/3;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#wallet_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}#help{width:min(60ch,100%);margin-bottom:3rem;align-content:flex-start}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}#main_header{padding:1.5rem}#user_popup_button{width:100%}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#price_chart_container{flex:1}.hide-on-mobile{display:none !important}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.popup__header{grid-column:1/-1;padding:1rem 1.5rem 0 1.5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#user_popup_button{justify-self:flex-end}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:17rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 52rem){body:not(.is-signed-in) #market{gap:2rem;width:100%;grid-template-columns:18rem 1fr}.completed-trade{grid-template-columns:1fr 1fr 1fr 8rem;grid-template-areas:"quantity price amount info"}.completed-trade .quantity-block{grid-area:quantity}.completed-trade .price-block{grid-area:price}.completed-trade .amount-block{grid-area:amount}.completed-trade .info-block{grid-area:info}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#asset_page__nav{grid-column:1/-1}#wallet{gap:1rem 2rem;grid-template-columns:20rem 24rem}#wallet__header{grid-column:1/3;padding-bottom:1rem}#wallet .balance-card{border:solid thin rgba(var(--text-color), 0.2)}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}}
\ No newline at end of file
diff --git a/docs/css/main.scss b/docs/css/main.scss
index 5fed25a..361c24f 100644
--- a/docs/css/main.scss
+++ b/docs/css/main.scss
@@ -333,7 +333,7 @@ ul {
   margin-left: 0.5rem;
 }
 .icon-only {
-  padding: 0.6rem;
+  padding: 0.5rem;
   aspect-ratio: 1/1;
   background-color: transparent;
 }
@@ -422,7 +422,6 @@ ul {
   margin-right: auto;
   h4 {
     text-transform: capitalize;
-    font-size: 0.9rem;
     font-weight: 600;
   }
 
@@ -769,7 +768,7 @@ sm-checkbox {
 
 #my_orders,
 #market {
-  width: min(42rem, 100%);
+  width: min(46rem, 100%);
 }
 #my_orders {
   grid-template-rows: auto 1fr;
@@ -832,7 +831,7 @@ sm-checkbox {
     margin-left: 0.3rem;
   }
 }
-
+.completed-trade,
 .transaction-card,
 .live-order {
   gap: 0 1rem;
@@ -859,6 +858,10 @@ sm-checkbox {
     font-size: 0.9rem;
     color: rgba(var(--text-color), 0.9);
   }
+  &__time {
+    font-size: 0.8rem;
+    color: rgba(var(--text-color), 0.8);
+  }
   .more-info {
     padding: 0.3rem;
   }
@@ -868,6 +871,15 @@ sm-checkbox {
   contain-intrinsic-size: 2.5rem;
   grid-template-columns: repeat(3, 1fr) 2rem;
 }
+.completed-trade {
+  display: grid;
+  gap: 0.5rem;
+  grid-template-columns: 1fr 1fr;
+  background-color: rgba(var(--text-color), 0.03);
+  border-radius: 0.5rem;
+  padding: 1rem;
+  margin-bottom: 0.5rem;
+}
 #market_asset_rates {
   display: grid;
   gap: 0.5rem;
@@ -1253,6 +1265,22 @@ sm-checkbox {
       grid-template-columns: 18rem 1fr;
     }
   }
+  .completed-trade {
+    grid-template-columns: 1fr 1fr 1fr 8rem;
+    grid-template-areas: "quantity price amount info";
+    .quantity-block {
+      grid-area: quantity;
+    }
+    .price-block {
+      grid-area: price;
+    }
+    .amount-block {
+      grid-area: amount;
+    }
+    .info-block {
+      grid-area: info;
+    }
+  }
 }
 @media screen and (min-width: 64rem) {
   #home {
diff --git a/docs/index.html b/docs/index.html
index fdc98f2..5d6f86b 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -74,7 +74,7 @@
                 </div>
             </div>
             <theme-toggle id="theme_toggle"></theme-toggle>
-            <button id="user_popup_button" class="hide" onclick="showPopup('user_popup')">
+            <button id="user_popup_button" class="hide user-content button--small" onclick="showPopup('user_popup')">
                 <svg xmlns="http://www.w3.org/2000/svg" class="icon margin-right-0-5" height="24px" viewBox="0 0 24 24"
                     width="24px" fill="#000000">
                     <path d="M0 0h24v24H0V0z" fill="none" />
@@ -256,7 +256,7 @@
                         <h4 id="market_orders__title" class="flex align-center">
                             Market-wide trades
                         </h4>
-                        <button onclick="refresh();" title="Refresh" style="margin-left: 1rem;">
+                        <button class="icon-only" onclick="refresh();" title="Refresh">
                             <svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24"
                                 width="24px" fill="#000000">
                                 <path d="M0 0h24v24H0V0z" fill="none" />
@@ -758,7 +758,7 @@
     </template>
     <template id="market_order_template">
         <li class="live-order align-center">
-            <div class="flex gap-1 space-between align-start">
+            <div class="flex gap-1 space-between align-center">
                 <b class="transaction-card__quantity"></b>
                 <button class="more-info" title="View order details">
                     <svg xmlns="http://www.w3.org/2000/svg" class="icon" height="24px" viewBox="0 0 24 24" width="24px">
@@ -781,40 +781,52 @@
         </li>
     </template>
     <template id="transaction_template">
-        <li class="list__item transaction-card align-center">
-            <div class="grid">
-                <div class="transaction-card__type capitalize"></div>
-                <div class="transaction-card__quantity"></div>
+        <li class="completed-trade align-center">
+            <div class="grid quantity-block">
+                <div class="completed-trade__type capitalize"></div>
+                <b class="completed-trade__quantity"></b>
             </div>
-            <div class="grid">
-                <span class="label transaction-card__price-type">Unit price</span>
-                <div class="transaction-card__price"></div>
+            <div class="flex align-center info-block">
+                <time class="completed-trade__time"></time>
+                <button class="more-info" title="View transaction details">
+                    <svg xmlns="http://www.w3.org/2000/svg" class="icon" height="24px" viewBox="0 0 24 24" width="24px">
+                        <path d="M0 0h24v24H0V0z" fill="none" />
+                        <path
+                            d="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z" />
+                    </svg>
+                </button>
             </div>
-            <div class="grid">
-                <span class="label transaction-card__price-type">Amount</span>
-                <div class="transaction-card__total"></div>
+            <div class="grid price-block">
+                <span class="label">Unit price</span>
+                <b class="completed-trade__price"></b>
+            </div>
+            <div class="grid amount-block">
+                <span class="label">Amount</span>
+                <b class="completed-trade__total"></b>
             </div>
-            <button class="more-info" title="View transaction details">
-                <svg xmlns="http://www.w3.org/2000/svg" class="icon" height="24px" viewBox="0 0 24 24" width="24px">
-                    <path d="M0 0h24v24H0V0z" fill="none" />
-                    <path
-                        d="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z" />
-                </svg>
-            </button>
         </li>
     </template>
     <template id="market_transaction_template">
-        <li class="list__item transaction-card align-center">
-            <div class="transaction-card__quantity"></div>
-            <div class="transaction-card__price"></div>
-            <div class="transaction-card__total"></div>
-            <button class="more-info" title="View transaction details">
-                <svg xmlns="http://www.w3.org/2000/svg" class="icon" height="24px" viewBox="0 0 24 24" width="24px">
-                    <path d="M0 0h24v24H0V0z" fill="none" />
-                    <path
-                        d="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z" />
-                </svg>
-            </button>
+        <li class="completed-trade align-center">
+            <b class="completed-trade__quantity quantity-block"></b>
+            <div class="flex align-center info-block">
+                <time class="completed-trade__time"></time>
+                <button class="more-info" title="View transaction details">
+                    <svg xmlns="http://www.w3.org/2000/svg" class="icon" height="24px" viewBox="0 0 24 24" width="24px">
+                        <path d="M0 0h24v24H0V0z" fill="none" />
+                        <path
+                            d="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z" />
+                    </svg>
+                </button>
+            </div>
+            <div class="grid  price-block">
+                <span class="label">Traded at</span>
+                <b class="completed-trade__price"></b>
+            </div>
+            <div class="grid amount-block">
+                <span class="label">Amount</span>
+                <b class="completed-trade__total"></b>
+            </div>
         </li>
     </template>
     <template id="market_order_list_template">
@@ -1145,12 +1157,13 @@
                 history.replaceState(null, null, '#/exchange')
             }
             pagesData.currentPage = pageId
-            if (!firstLoad)
+            if (!firstLoad) {
                 switch (pageId) {
                     case 'exchange':
                         if (!document.body.classList.contains('is-signed-in')) break;
                         if (!isMobileView && !params.hasOwnProperty('asset') || params.asset === '') {
-                            params.asset = 'FLO'
+                            if (getRef('listed_assets').querySelector(`[href="#/exchange?asset=FLO"]`))
+                                getRef('listed_assets').querySelector(`[href="#/exchange?asset=FLO"]`).click()
                         }
                         if (params.hasOwnProperty('asset') && params.asset !== '') {
                             if (getRef('listed_assets').querySelector('.listed-asset--active'))
@@ -1226,6 +1239,7 @@
                     case 'wallet':
                         break;
                 }
+            }
             if (pagesData.lastPage !== pageId) {
                 document.querySelectorAll('.mobile-page').forEach(elem => elem.classList.add('hide'))
                 getRef(pageId).classList.remove('hide')
@@ -1529,14 +1543,14 @@
                 const { buyer, seller, type, other, asset, quantity, unitValue, time } = transactionDetails
                 const card = getRef('transaction_template').content.cloneNode(true).firstElementChild
                 card.dataset.type = type
-                card.querySelector('.transaction-card__type').textContent = type
-                card.querySelector('.transaction-card__quantity').textContent = `${quantity} ${asset}`
-                card.querySelector('.transaction-card__price').textContent = formatAmount(unitValue)
-                card.querySelector('.transaction-card__total').textContent = formatAmount(parseFloat(unitValue * quantity), true)
+                card.querySelector('.completed-trade__type').textContent = type
+                card.querySelector('.completed-trade__quantity').textContent = `${quantity} ${asset}`
+                card.querySelector('.completed-trade__time').textContent = getFormattedTime(time)
+                card.querySelector('.completed-trade__price').textContent = formatAmount(unitValue)
+                card.querySelector('.completed-trade__total').textContent = formatAmount(parseFloat(unitValue * quantity), true)
                 card.querySelector('.more-info').dataset.buyer = buyer
                 card.querySelector('.more-info').dataset.seller = seller
                 card.querySelector('.more-info').dataset.other = other
-                card.querySelector('.more-info').dataset.time = time
                 return card
             },
             marketOrderCard(orderDetails = {}) {
@@ -1557,10 +1571,10 @@
             marketTransactionCard(transactionDetails = {}) {
                 const { buyer, seller, asset, quantity, unitValue, time } = transactionDetails
                 const card = getRef('market_transaction_template').content.cloneNode(true).firstElementChild
-                card.querySelector('.transaction-card__quantity').textContent = `${quantity} ${asset}`
-                card.querySelector('.transaction-card__price').textContent = `₹${unitValue}`
-                card.querySelector('.transaction-card__total').textContent = formatAmount(parseFloat(unitValue * quantity), true)
-                card.querySelector('.more-info').dataset.time = time
+                card.querySelector('.completed-trade__quantity').textContent = `${quantity} ${asset}`
+                card.querySelector('.completed-trade__time').textContent = getFormattedTime(time)
+                card.querySelector('.completed-trade__price').textContent = `₹${unitValue}`
+                card.querySelector('.completed-trade__total').textContent = formatAmount(parseFloat(unitValue * quantity), true)
                 card.querySelector('.more-info').dataset.buyer = buyer
                 card.querySelector('.more-info').dataset.seller = seller
                 return card
@@ -1650,6 +1664,7 @@
             marketOrders() {
                 const frag = document.createDocumentFragment()
                 const ordersType = getRef('market_orders_category_selector').value
+                getRef('market_trades').innerHTML = '';
                 if (ordersType === 'open') {
                     getRef('market_orders__title').textContent = 'Market-wide orders';
                     showChild('market_orders_wrapper', 0)
@@ -1697,8 +1712,8 @@
                             frag.append(render.marketTransactionCard(transactionDetails))
                         })
                         getRef('market_trades').innerHTML = '';
-                        const marketTransactionList = getRef('market_transaction_list_template').content.cloneNode(true)
-                        getRef('market_trades').append(marketTransactionList)
+                        // const marketTransactionList = getRef('market_transaction_list_template').content.cloneNode(true)
+                        // getRef('market_trades').append(marketTransactionList)
                         getRef('market_trades').append(frag)
                     }).catch(err => {
                         console.log(err)
@@ -2147,8 +2162,13 @@
             } else {
                 getRef('transaction__seller_wrapper').classList.add('hide')
             }
-            getRef('transaction_time__label').textContent = target.dataset.pending === 'true' ? 'Placed on' : 'Completed on'
-            getRef('transaction_time').textContent = getFormattedTime(target.dataset.time)
+            if (target.dataset.time !== undefined) {
+                getRef('transaction_time__label').textContent = target.dataset.pending === 'true' ? 'Placed on' : 'Completed on'
+                getRef('transaction_time').textContent = getFormattedTime(target.dataset.time)
+                getRef('transaction_time').parentNode.classList.remove('hide')
+            } else {
+                getRef('transaction_time').parentNode.classList.add('hide')
+            }
         }
 
         getRef('orders_list').addEventListener('click', e => {
@@ -2487,7 +2507,6 @@
                 // save login time
                 localStorage.setItem(`${acc.floID}_last_login`, Date.now());
                 getRef("login_form").classList.add('hide')
-                getRef('user_popup_button').classList.remove('hide')
                 accountDetails = acc
                 console.debug(acc);
                 //Element display

From c1101cfe04bf997df48f7b16354e8b6f34f0501b Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Sun, 15 May 2022 17:54:34 +0530
Subject: [PATCH 089/168] Added total portfolio valuation

---
 docs/css/main.css     |  1 +
 docs/css/main.min.css |  2 +-
 docs/css/main.scss    |  1 +
 docs/index.html       | 96 +++++++++++++++++++++++++------------------
 4 files changed, 59 insertions(+), 41 deletions(-)

diff --git a/docs/css/main.css b/docs/css/main.css
index 5f1f651..3607890 100644
--- a/docs/css/main.css
+++ b/docs/css/main.css
@@ -955,6 +955,7 @@ sm-checkbox {
 .completed-trade .more-info,
 .transaction-card .more-info,
 .live-order .more-info {
+  flex-shrink: 0;
   padding: 0.3rem;
 }
 
diff --git a/docs/css/main.min.css b/docs/css/main.min.css
index 1a04c71..5cebb57 100644
--- a/docs/css/main.min.css
+++ b/docs/css/main.min.css
@@ -1 +1 @@
-*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #516beb;--text-color: 20, 20, 20;--foreground-color: 252, 253, 255;--background-color: 241, 243, 248;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a4b3ff;--text-color: 220, 220, 220;--foreground-color: 27, 28, 29;--background-color: 21, 22, 22;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{text-decoration:none;color:var(--accent-color)}a:focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a.button{padding:.4rem .6rem;border-radius:.3rem;font-size:.9rem;font-weight:500;color:inherit}button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:500;white-space:nowrap;padding:.8rem;border-radius:.3rem;justify-content:center}button:focus-visible{outline:var(--accent-color) solid medium}button:not(:disabled){cursor:pointer}.button{background-color:rgba(var(--text-color), 0.06)}.button--primary,.button--danger{color:rgba(var(--background-color), 1) !important}.button--primary .icon,.button--danger .icon{fill:rgba(var(--background-color), 1)}.button--primary{background-color:var(--accent-color)}.button--danger{background-color:var(--danger-color)}.button--small{padding:.4rem .6rem}.cta{text-transform:uppercase;font-size:.8rem;font-weight:700;letter-spacing:.05em;padding:.8rem 1rem}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}sm-copy{font-size:.9rem}ul{list-style:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wrap-around{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.direction-column{flex-direction:column}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.5rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem;align-items:center;justify-items:flex-start}.popup__header__close{padding:.5rem;margin-left:-0.5rem}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:auto}.logo h4{text-transform:capitalize;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details:not(:last-of-type){border-bottom:thin solid rgba(var(--text-color), 0.3)}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}details .icon{flex-shrink:0}details[open]{padding-bottom:1rem}details[open] summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.tooltip{position:relative;z-index:1;cursor:pointer}.tooltip .banner{position:absolute;right:0;width:min(20rem,100vw - 1rem);display:none;font-size:.9rem;background-color:rgba(var(--foreground-color), 1);padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.1);border:solid thin rgba(var(--text-color), 0.2)}.tooltip:hover .banner{display:block}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem;width:100%;align-items:center}#user_popup_button{background-color:rgba(var(--text-color), 0.06);border-radius:2rem;font-size:.8rem}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto;padding:0 1.5rem}#pages_container>*{min-width:min(26rem,100%)}.listed-asset{position:relative;gap:.5rem;padding:1rem 0;border-radius:.5rem;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;grid-template-columns:auto 1fr auto auto;grid-template-areas:"icon name rate right-arrow" "icon name countdown right-arrow"}.listed-asset__icon{grid-area:icon;padding:.5rem;border-radius:1rem;display:flex;background-color:var(--accent-color)}.listed-asset__icon .icon{height:1.2rem;width:1.2rem;fill:rgba(var(--background-color), 1)}.listed-asset__name{grid-area:name;margin-left:.3rem}.listed-asset__rate{grid-area:rate}.listed-asset__countdown{display:flex;align-items:center;grid-area:countdown;justify-self:flex-end;font-size:.8rem;color:var(--accent-color)}.listed-asset__countdown .icon{margin-left:.3rem;overflow:visible;stroke-width:3;fill:none}.listed-asset__countdown .icon .path-a{stroke:var(--accent-color);stroke-dashoffset:var(--path-length, 0);stroke-dasharray:63}.listed-asset__countdown .icon .path-b{stroke:rgba(var(--text-color), 0.2)}.listed-asset__right-arrow{grid-area:right-arrow;background-color:rgba(var(--text-color), 0.1);border-radius:1rem;padding:.1rem;margin-left:.3rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{display:flex;flex-direction:column;height:100%}#asset_page__nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}#asset_page__nav .icon-only{margin-left:-0.7rem}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(46rem,100%)}#my_orders{grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content;border-radius:.5rem}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{cursor:pointer;margin-right:.5rem}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.completed-trade,.transaction-card,.live-order{gap:0 1rem}.completed-trade__type,.transaction-card__type,.live-order__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.completed-trade[data-type=Bought] .completed-trade__type,.completed-trade--buy .completed-trade__type,.completed-trade[data-type=Bought] .transaction-card__type,.completed-trade--buy .transaction-card__type,.completed-trade[data-type=Bought] .live-order__type,.completed-trade--buy .live-order__type,.transaction-card[data-type=Bought] .completed-trade__type,.transaction-card--buy .completed-trade__type,.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type,.transaction-card[data-type=Bought] .live-order__type,.transaction-card--buy .live-order__type,.live-order[data-type=Bought] .completed-trade__type,.live-order--buy .completed-trade__type,.live-order[data-type=Bought] .transaction-card__type,.live-order--buy .transaction-card__type,.live-order[data-type=Bought] .live-order__type,.live-order--buy .live-order__type{color:var(--green)}.completed-trade[data-type=Sold] .completed-trade__type,.completed-trade--sell .completed-trade__type,.completed-trade[data-type=Sold] .transaction-card__type,.completed-trade--sell .transaction-card__type,.completed-trade[data-type=Sold] .live-order__type,.completed-trade--sell .live-order__type,.transaction-card[data-type=Sold] .completed-trade__type,.transaction-card--sell .completed-trade__type,.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type,.transaction-card[data-type=Sold] .live-order__type,.transaction-card--sell .live-order__type,.live-order[data-type=Sold] .completed-trade__type,.live-order--sell .completed-trade__type,.live-order[data-type=Sold] .transaction-card__type,.live-order--sell .transaction-card__type,.live-order[data-type=Sold] .live-order__type,.live-order--sell .live-order__type{color:var(--danger-color)}.completed-trade__total,.transaction-card__total,.live-order__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.completed-trade__quantity,.completed-trade__price,.transaction-card__quantity,.transaction-card__price,.live-order__quantity,.live-order__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.completed-trade__time,.transaction-card__time,.live-order__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.completed-trade .more-info,.transaction-card .more-info,.live-order .more-info{padding:.3rem}.transaction-card{content-visibility:auto;contain-intrinsic-size:2.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.completed-trade{display:grid;gap:.5rem;grid-template-columns:1fr 1fr;background-color:rgba(var(--text-color), 0.03);border-radius:.5rem;padding:1rem;margin-bottom:.5rem}#market_asset_rates{display:grid;gap:.5rem}#market_asset_rates .listed-asset{padding:1rem;background-color:rgba(var(--text-color), 0.03)}#market_orders_wrapper .list__header{font-size:.8rem;font-weight:500}#market_orders_wrapper .list__header div{padding:.5rem 0}#market_orders_wrapper .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.live-order{display:grid;gap:1rem;padding:1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.03)}.live-order:not(:last-of-type){margin-bottom:.5rem}.live-order[data-type=buy]{background-color:#00fa9a10}.live-order[data-type=sell]{background-color:#e2135110}#wallet{display:grid;width:auto;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem}.balance-card{display:grid;align-items:center;gap:0 .5rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1);padding:.5rem}.balance-card.is-locked{padding:1rem .5rem;grid-template-columns:auto 1fr auto;gap:.5rem}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:2/3;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#wallet_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}#help{width:min(60ch,100%);margin-bottom:3rem;align-content:flex-start}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}#main_header{padding:1.5rem}#user_popup_button{width:100%}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#price_chart_container{flex:1}.hide-on-mobile{display:none !important}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.popup__header{grid-column:1/-1;padding:1rem 1.5rem 0 1.5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#user_popup_button{justify-self:flex-end}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:17rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 52rem){body:not(.is-signed-in) #market{gap:2rem;width:100%;grid-template-columns:18rem 1fr}.completed-trade{grid-template-columns:1fr 1fr 1fr 8rem;grid-template-areas:"quantity price amount info"}.completed-trade .quantity-block{grid-area:quantity}.completed-trade .price-block{grid-area:price}.completed-trade .amount-block{grid-area:amount}.completed-trade .info-block{grid-area:info}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#asset_page__nav{grid-column:1/-1}#wallet{gap:1rem 2rem;grid-template-columns:20rem 24rem}#wallet__header{grid-column:1/3;padding-bottom:1rem}#wallet .balance-card{border:solid thin rgba(var(--text-color), 0.2)}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}}
\ No newline at end of file
+*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #516beb;--text-color: 20, 20, 20;--foreground-color: 252, 253, 255;--background-color: 241, 243, 248;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a4b3ff;--text-color: 220, 220, 220;--foreground-color: 27, 28, 29;--background-color: 21, 22, 22;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{text-decoration:none;color:var(--accent-color)}a:focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a.button{padding:.4rem .6rem;border-radius:.3rem;font-size:.9rem;font-weight:500;color:inherit}button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:500;white-space:nowrap;padding:.8rem;border-radius:.3rem;justify-content:center}button:focus-visible{outline:var(--accent-color) solid medium}button:not(:disabled){cursor:pointer}.button{background-color:rgba(var(--text-color), 0.06)}.button--primary,.button--danger{color:rgba(var(--background-color), 1) !important}.button--primary .icon,.button--danger .icon{fill:rgba(var(--background-color), 1)}.button--primary{background-color:var(--accent-color)}.button--danger{background-color:var(--danger-color)}.button--small{padding:.4rem .6rem}.cta{text-transform:uppercase;font-size:.8rem;font-weight:700;letter-spacing:.05em;padding:.8rem 1rem}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}sm-copy{font-size:.9rem}ul{list-style:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wrap-around{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.direction-column{flex-direction:column}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.5rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem;align-items:center;justify-items:flex-start}.popup__header__close{padding:.5rem;margin-left:-0.5rem}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:auto}.logo h4{text-transform:capitalize;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details:not(:last-of-type){border-bottom:thin solid rgba(var(--text-color), 0.3)}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}details .icon{flex-shrink:0}details[open]{padding-bottom:1rem}details[open] summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.tooltip{position:relative;z-index:1;cursor:pointer}.tooltip .banner{position:absolute;right:0;width:min(20rem,100vw - 1rem);display:none;font-size:.9rem;background-color:rgba(var(--foreground-color), 1);padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.1);border:solid thin rgba(var(--text-color), 0.2)}.tooltip:hover .banner{display:block}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem;width:100%;align-items:center}#user_popup_button{background-color:rgba(var(--text-color), 0.06);border-radius:2rem;font-size:.8rem}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto;padding:0 1.5rem}#pages_container>*{min-width:min(26rem,100%)}.listed-asset{position:relative;gap:.5rem;padding:1rem 0;border-radius:.5rem;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;grid-template-columns:auto 1fr auto auto;grid-template-areas:"icon name rate right-arrow" "icon name countdown right-arrow"}.listed-asset__icon{grid-area:icon;padding:.5rem;border-radius:1rem;display:flex;background-color:var(--accent-color)}.listed-asset__icon .icon{height:1.2rem;width:1.2rem;fill:rgba(var(--background-color), 1)}.listed-asset__name{grid-area:name;margin-left:.3rem}.listed-asset__rate{grid-area:rate}.listed-asset__countdown{display:flex;align-items:center;grid-area:countdown;justify-self:flex-end;font-size:.8rem;color:var(--accent-color)}.listed-asset__countdown .icon{margin-left:.3rem;overflow:visible;stroke-width:3;fill:none}.listed-asset__countdown .icon .path-a{stroke:var(--accent-color);stroke-dashoffset:var(--path-length, 0);stroke-dasharray:63}.listed-asset__countdown .icon .path-b{stroke:rgba(var(--text-color), 0.2)}.listed-asset__right-arrow{grid-area:right-arrow;background-color:rgba(var(--text-color), 0.1);border-radius:1rem;padding:.1rem;margin-left:.3rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{display:flex;flex-direction:column;height:100%}#asset_page__nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}#asset_page__nav .icon-only{margin-left:-0.7rem}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(46rem,100%)}#my_orders{grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content;border-radius:.5rem}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{cursor:pointer;margin-right:.5rem}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.completed-trade,.transaction-card,.live-order{gap:0 1rem}.completed-trade__type,.transaction-card__type,.live-order__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.completed-trade[data-type=Bought] .completed-trade__type,.completed-trade--buy .completed-trade__type,.completed-trade[data-type=Bought] .transaction-card__type,.completed-trade--buy .transaction-card__type,.completed-trade[data-type=Bought] .live-order__type,.completed-trade--buy .live-order__type,.transaction-card[data-type=Bought] .completed-trade__type,.transaction-card--buy .completed-trade__type,.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type,.transaction-card[data-type=Bought] .live-order__type,.transaction-card--buy .live-order__type,.live-order[data-type=Bought] .completed-trade__type,.live-order--buy .completed-trade__type,.live-order[data-type=Bought] .transaction-card__type,.live-order--buy .transaction-card__type,.live-order[data-type=Bought] .live-order__type,.live-order--buy .live-order__type{color:var(--green)}.completed-trade[data-type=Sold] .completed-trade__type,.completed-trade--sell .completed-trade__type,.completed-trade[data-type=Sold] .transaction-card__type,.completed-trade--sell .transaction-card__type,.completed-trade[data-type=Sold] .live-order__type,.completed-trade--sell .live-order__type,.transaction-card[data-type=Sold] .completed-trade__type,.transaction-card--sell .completed-trade__type,.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type,.transaction-card[data-type=Sold] .live-order__type,.transaction-card--sell .live-order__type,.live-order[data-type=Sold] .completed-trade__type,.live-order--sell .completed-trade__type,.live-order[data-type=Sold] .transaction-card__type,.live-order--sell .transaction-card__type,.live-order[data-type=Sold] .live-order__type,.live-order--sell .live-order__type{color:var(--danger-color)}.completed-trade__total,.transaction-card__total,.live-order__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.completed-trade__quantity,.completed-trade__price,.transaction-card__quantity,.transaction-card__price,.live-order__quantity,.live-order__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.completed-trade__time,.transaction-card__time,.live-order__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.completed-trade .more-info,.transaction-card .more-info,.live-order .more-info{flex-shrink:0;padding:.3rem}.transaction-card{content-visibility:auto;contain-intrinsic-size:2.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.completed-trade{display:grid;gap:.5rem;grid-template-columns:1fr 1fr;background-color:rgba(var(--text-color), 0.03);border-radius:.5rem;padding:1rem;margin-bottom:.5rem}#market_asset_rates{display:grid;gap:.5rem}#market_asset_rates .listed-asset{padding:1rem;background-color:rgba(var(--text-color), 0.03)}#market_orders_wrapper .list__header{font-size:.8rem;font-weight:500}#market_orders_wrapper .list__header div{padding:.5rem 0}#market_orders_wrapper .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.live-order{display:grid;gap:1rem;padding:1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.03)}.live-order:not(:last-of-type){margin-bottom:.5rem}.live-order[data-type=buy]{background-color:#00fa9a10}.live-order[data-type=sell]{background-color:#e2135110}#wallet{display:grid;width:auto;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem}.balance-card{display:grid;align-items:center;gap:0 .5rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1);padding:.5rem}.balance-card.is-locked{padding:1rem .5rem;grid-template-columns:auto 1fr auto;gap:.5rem}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:2/3;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#wallet_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}#help{width:min(60ch,100%);margin-bottom:3rem;align-content:flex-start}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}#main_header{padding:1.5rem}#user_popup_button{width:100%}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#price_chart_container{flex:1}.hide-on-mobile{display:none !important}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.popup__header{grid-column:1/-1;padding:1rem 1.5rem 0 1.5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#user_popup_button{justify-self:flex-end}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:17rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 52rem){body:not(.is-signed-in) #market{gap:2rem;width:100%;grid-template-columns:18rem 1fr}.completed-trade{grid-template-columns:1fr 1fr 1fr 8rem;grid-template-areas:"quantity price amount info"}.completed-trade .quantity-block{grid-area:quantity}.completed-trade .price-block{grid-area:price}.completed-trade .amount-block{grid-area:amount}.completed-trade .info-block{grid-area:info}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#asset_page__nav{grid-column:1/-1}#wallet{gap:1rem 2rem;grid-template-columns:20rem 24rem}#wallet__header{grid-column:1/3;padding-bottom:1rem}#wallet .balance-card{border:solid thin rgba(var(--text-color), 0.2)}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}}
\ No newline at end of file
diff --git a/docs/css/main.scss b/docs/css/main.scss
index 361c24f..abaee07 100644
--- a/docs/css/main.scss
+++ b/docs/css/main.scss
@@ -863,6 +863,7 @@ sm-checkbox {
     color: rgba(var(--text-color), 0.8);
   }
   .more-info {
+    flex-shrink: 0;
     padding: 0.3rem;
   }
 }
diff --git a/docs/index.html b/docs/index.html
index 5d6f86b..c87e852 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -302,39 +302,48 @@
             </section>
             <section id="wallet" class="grid mobile-page hide">
                 <h4 id="wallet__header" class="flex align-center">
-                    <svg xmlns="http://www.w3.org/2000/svg" class="icon margin-right-0-5" height="24px"
-                        viewBox="0 0 24 24" width="24px">
-                        <path d="M0 0h24v24H0V0z" fill="none" />
+                    <svg class="icon margin-right-0-5" xmlns="http://www.w3.org/2000/svg"
+                        enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000">
+                        <rect fill="none" height="24" width="24" />
                         <path
-                            d="M21 7.28V5c0-1.1-.9-2-2-2H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-2.28c.59-.35 1-.98 1-1.72V9c0-.74-.41-1.37-1-1.72zM20 9v6h-7V9h7zM5 19V5h14v2h-6c-1.1 0-2 .9-2 2v6c0 1.1.9 2 2 2h6v2H5z" />
-                        <circle cx="16" cy="12" r="1.5" />
+                            d="M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10h8c1.1,0,2-0.9,2-2v-8C22,6.48,17.52,2,12,2z M12,20c-2.89,0-5.43-1.54-6.83-3.84 l2.95-2.95L11.41,16L16,11.42V13h2V8h-5v2h1.58l-3.28,3.28L8,10.5l-3.69,3.7C4.11,13.5,4,12.76,4,12c0-4.41,3.59-8,8-8s8,3.59,8,8 S16.41,20,12,20z M19.5,20.5c-0.55,0-1-0.45-1-1s0.45-1,1-1s1,0.45,1,1S20.05,20.5,19.5,20.5z" />
                     </svg>
-                    My wallet
+                    My portfolio
                 </h4>
-                <div id="wallet_actions">
-                    <p class="label">Select asset</p>
-                    <sm-select id="wallet_asset_selector"></sm-select>
-                    <div class="flex wallet_actions__wrapper">
-                        <button class="button" value="deposit">
-                            Deposit
-                        </button>
-                        <button class="button" value="withdraw">
-                            Withdraw
-                        </button>
-                        <button class="button" value="transfer">
-                            Transfer
-                        </button>
+                <div class="grid gap-1-5">
+                    <div class="grid">
+                        <span class="label">Portfolio valuation</span>
+                        <h1 id="portfolio_value" style="font-size: 2.5rem;"></h1>
+                    </div>
+                    <div id="wallet_actions" class="w-100" style="z-index: 5;">
+                        <p class="label">Select asset</p>
+                        <sm-select id="wallet_asset_selector"></sm-select>
+                        <div class="flex wallet_actions__wrapper">
+                            <button class="button" value="deposit">
+                                Deposit
+                            </button>
+                            <button class="button" value="withdraw">
+                                Withdraw
+                            </button>
+                            <button class="button" value="transfer">
+                                Transfer
+                            </button>
+                        </div>
                     </div>
                 </div>
                 <div class="grid gap-0-5">
-                    <div class="flex align-center space-between">
-                        <h4>Balance</h4>
-                        <div class="multi-state-button">
-                            <button id="wallet_balance_refresh_button" class="button" onclick="refresh(false,this);"
-                                title="Refresh">
-                                Refresh
-                            </button>
+                    <div class="grid gap-0-3">
+                        <div class="flex align-center space-between">
+                            <h4>Balance</h4>
+                            <div class="multi-state-button">
+                                <button id="wallet_balance_refresh_button" class="button button--small"
+                                    onclick="refresh(false,this);" title="Refresh">
+                                    Refresh
+                                </button>
+                            </div>
                         </div>
+                        <p>
+                            Your assets on exchange remains separate until they are withdrawn to your FLO ID.</p>
                     </div>
                     <ul id="my_assets" class="grid"></ul>
                 </div>
@@ -515,14 +524,13 @@
                 <div class="item__title">Market</div>
             </a>
             <a href="#/wallet" class="main_navbar__item user-content hide interact">
-                <svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px"
-                    fill="#000000">
-                    <path d="M0 0h24v24H0V0z" fill="none" />
+                <svg class="icon" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px"
+                    viewBox="0 0 24 24" width="24px" fill="#000000">
+                    <rect fill="none" height="24" width="24" />
                     <path
-                        d="M21 7.28V5c0-1.1-.9-2-2-2H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-2.28c.59-.35 1-.98 1-1.72V9c0-.74-.41-1.37-1-1.72zM20 9v6h-7V9h7zM5 19V5h14v2h-6c-1.1 0-2 .9-2 2v6c0 1.1.9 2 2 2h6v2H5z" />
-                    <circle cx="16" cy="12" r="1.5" />
+                        d="M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10h8c1.1,0,2-0.9,2-2v-8C22,6.48,17.52,2,12,2z M12,20c-2.89,0-5.43-1.54-6.83-3.84 l2.95-2.95L11.41,16L16,11.42V13h2V8h-5v2h1.58l-3.28,3.28L8,10.5l-3.69,3.7C4.11,13.5,4,12.76,4,12c0-4.41,3.59-8,8-8s8,3.59,8,8 S16.41,20,12,20z M19.5,20.5c-0.55,0-1-0.45-1-1s0.45-1,1-1s1,0.45,1,1S20.05,20.5,19.5,20.5z" />
                 </svg>
-                <div class="item__title">Wallet</div>
+                <div class="item__title">Portfolio</div>
             </a>
             <a href="#/help" class="main_navbar__item interact">
                 <svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px"
@@ -638,8 +646,7 @@
                 <button class="button" value="1">100%</button>
             </div>
             <p id="withdraw_flo_tip" class="hide">*While withdrawing 100% of balance FLO, <b>0.1 FLO</b> is reserved for
-                transactions
-                on blockchain.
+                future transactions on blockchain.
             </p>
             <sm-input id="get_private_key" placeholder="FLO private key" type="password" required
                 error-text="Invalid private key" data-private-key="" animate>
@@ -2002,22 +2009,25 @@
             try {
                 showProcess('wallet_popup__cta_wrapper')
                 const proxySecret = await proxy.secret;
+                let response
                 switch (type) {
                     case 'deposit':
                         const privKey = getRef('get_private_key').value;
                         if (asset === 'FLO') {
-                            await floExchangeAPI.depositFLO(quantity, proxy.userID, proxy.sinkID, privKey, proxySecret)
+                            response = await floExchangeAPI.depositFLO(quantity, proxy.userID, proxy.sinkID, privKey, proxySecret)
                         } else {
-                            await floExchangeAPI.depositToken(asset, quantity, proxy.userID, proxy.sinkID, privKey, proxySecret)
+                            response = await floExchangeAPI.depositToken(asset, quantity, proxy.userID, proxy.sinkID, privKey, proxySecret)
                         }
+                        console.log(response)
                         showWalletResult('success', `Sent ${asset} deposit request`, 'This may take upto 30 mins to reflect in your wallet.')
                         break;
                     case 'withdraw':
                         if (asset === 'FLO') {
-                            await floExchangeAPI.withdrawFLO(quantity, proxy.userID, proxySecret)
+                            response = await floExchangeAPI.withdrawFLO(quantity, proxy.userID, proxySecret)
                         } else {
-                            await floExchangeAPI.withdrawToken(asset, quantity, proxy.userID, proxySecret)
+                            response = await floExchangeAPI.withdrawToken(asset, quantity, proxy.userID, proxySecret)
                         }
+                        console.log(response)
                         showWalletResult('success', `Sent ${asset} withdraw request`, 'This may take upto 30 mins to reflect in your wallet.')
                         break;
                     case 'transfer':
@@ -2025,7 +2035,8 @@
                         const receiver = {
                             [receiverID]: quantity
                         }
-                        await floExchangeAPI.transferToken(receiver, asset, proxy.userID, proxySecret)
+                        response = await floExchangeAPI.transferToken(receiver, asset, proxy.userID, proxySecret)
+                        console.log(response)
                         showWalletResult('success', `Sent ${quantity} ${asset} to ${receiverID}`, `This may take upto 30 mins to reflect in receiver's wallet.`)
                         break;
                 }
@@ -2545,12 +2556,17 @@
 
                 // render all assets in wallet
                 const frag = document.createDocumentFragment();
+                let totalPortfolio = 0;
                 Object.entries(allTokens).sort((a, b) => b[1].net - a[1].net).forEach(([asset]) => {
                     frag.append(render.assetBalanceCard(asset))
+                    if (asset !== floGlobals.currency)
+                        totalPortfolio += allTokens[asset].net * floGlobals.exchangeRates[asset]
+                    else
+                        totalPortfolio += allTokens[asset].net
                 })
                 getRef('my_assets').innerHTML = ''
                 getRef('my_assets').append(frag)
-
+                getRef('portfolio_value').textContent = formatAmount(toFixed(totalPortfolio, 2), true)
                 //My orders
                 render.userOrders();
                 proxy.secret.then(_ => null).catch(_ => null);

From 6d134ec22fb46e5cf74c5be169eccd8c2d09fb03 Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Mon, 16 May 2022 01:02:06 +0530
Subject: [PATCH 090/168] code refactoring

---
 docs/css/main.css     |  22 +++---
 docs/css/main.min.css |   2 +-
 docs/css/main.scss    |  12 ++--
 docs/index.html       | 158 +++++++++++++++++++-----------------------
 4 files changed, 89 insertions(+), 105 deletions(-)

diff --git a/docs/css/main.css b/docs/css/main.css
index 3607890..bf5ca39 100644
--- a/docs/css/main.css
+++ b/docs/css/main.css
@@ -763,7 +763,7 @@ sm-checkbox {
 }
 
 #quantity_type,
-#wallet_quantity_type {
+#portfolio_quantity_type {
   font-size: 0.8rem;
   padding-right: 0.5rem;
   border-right: thin solid rgba(var(--text-color), 0.3);
@@ -1013,7 +1013,7 @@ sm-checkbox {
   background-color: #e2135110;
 }
 
-#wallet {
+#portfolio {
   display: grid;
   width: auto;
   gap: 1.5rem;
@@ -1021,12 +1021,12 @@ sm-checkbox {
   align-content: flex-start;
 }
 
-.wallet_actions__wrapper {
+.portfolio_actions__wrapper {
   grid-column: span 3;
   gap: 0.5rem;
   margin-top: 0.5rem;
 }
-.wallet_actions__wrapper .button {
+.portfolio_actions__wrapper .button {
   flex: 1;
 }
 
@@ -1086,11 +1086,11 @@ sm-checkbox {
   text-align: right;
 }
 
-#wallet_result {
+#portfolio_result {
   justify-content: center;
   text-align: center;
 }
-#wallet_result__icon {
+#portfolio_result__icon {
   display: flex;
   padding: 1rem;
   border-radius: 50%;
@@ -1099,7 +1099,7 @@ sm-checkbox {
   -webkit-animation: pop-up 0.3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);
           animation: pop-up 0.3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);
 }
-#wallet_result__icon .icon {
+#portfolio_result__icon .icon {
   height: 2rem;
   width: 2rem;
 }
@@ -1134,7 +1134,7 @@ sm-checkbox {
     opacity: 1;
   }
 }
-#wallet_result__cta {
+#portfolio_result__cta {
   padding: 1.5rem 1rem;
   border-radius: 0.5rem;
   background-color: rgba(var(--text-color), 0.06);
@@ -1453,15 +1453,15 @@ sm-checkbox {
     grid-column: 1/-1;
   }
 
-  #wallet {
+  #portfolio {
     gap: 1rem 2rem;
     grid-template-columns: 20rem 24rem;
   }
-  #wallet__header {
+  #portfolio__header {
     grid-column: 1/3;
     padding-bottom: 1rem;
   }
-  #wallet .balance-card {
+  #portfolio .balance-card {
     border: solid thin rgba(var(--text-color), 0.2);
   }
 }
diff --git a/docs/css/main.min.css b/docs/css/main.min.css
index 5cebb57..73b00b2 100644
--- a/docs/css/main.min.css
+++ b/docs/css/main.min.css
@@ -1 +1 @@
-*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #516beb;--text-color: 20, 20, 20;--foreground-color: 252, 253, 255;--background-color: 241, 243, 248;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a4b3ff;--text-color: 220, 220, 220;--foreground-color: 27, 28, 29;--background-color: 21, 22, 22;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{text-decoration:none;color:var(--accent-color)}a:focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a.button{padding:.4rem .6rem;border-radius:.3rem;font-size:.9rem;font-weight:500;color:inherit}button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:500;white-space:nowrap;padding:.8rem;border-radius:.3rem;justify-content:center}button:focus-visible{outline:var(--accent-color) solid medium}button:not(:disabled){cursor:pointer}.button{background-color:rgba(var(--text-color), 0.06)}.button--primary,.button--danger{color:rgba(var(--background-color), 1) !important}.button--primary .icon,.button--danger .icon{fill:rgba(var(--background-color), 1)}.button--primary{background-color:var(--accent-color)}.button--danger{background-color:var(--danger-color)}.button--small{padding:.4rem .6rem}.cta{text-transform:uppercase;font-size:.8rem;font-weight:700;letter-spacing:.05em;padding:.8rem 1rem}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}sm-copy{font-size:.9rem}ul{list-style:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wrap-around{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.direction-column{flex-direction:column}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.5rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem;align-items:center;justify-items:flex-start}.popup__header__close{padding:.5rem;margin-left:-0.5rem}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:auto}.logo h4{text-transform:capitalize;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details:not(:last-of-type){border-bottom:thin solid rgba(var(--text-color), 0.3)}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}details .icon{flex-shrink:0}details[open]{padding-bottom:1rem}details[open] summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.tooltip{position:relative;z-index:1;cursor:pointer}.tooltip .banner{position:absolute;right:0;width:min(20rem,100vw - 1rem);display:none;font-size:.9rem;background-color:rgba(var(--foreground-color), 1);padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.1);border:solid thin rgba(var(--text-color), 0.2)}.tooltip:hover .banner{display:block}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem;width:100%;align-items:center}#user_popup_button{background-color:rgba(var(--text-color), 0.06);border-radius:2rem;font-size:.8rem}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto;padding:0 1.5rem}#pages_container>*{min-width:min(26rem,100%)}.listed-asset{position:relative;gap:.5rem;padding:1rem 0;border-radius:.5rem;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;grid-template-columns:auto 1fr auto auto;grid-template-areas:"icon name rate right-arrow" "icon name countdown right-arrow"}.listed-asset__icon{grid-area:icon;padding:.5rem;border-radius:1rem;display:flex;background-color:var(--accent-color)}.listed-asset__icon .icon{height:1.2rem;width:1.2rem;fill:rgba(var(--background-color), 1)}.listed-asset__name{grid-area:name;margin-left:.3rem}.listed-asset__rate{grid-area:rate}.listed-asset__countdown{display:flex;align-items:center;grid-area:countdown;justify-self:flex-end;font-size:.8rem;color:var(--accent-color)}.listed-asset__countdown .icon{margin-left:.3rem;overflow:visible;stroke-width:3;fill:none}.listed-asset__countdown .icon .path-a{stroke:var(--accent-color);stroke-dashoffset:var(--path-length, 0);stroke-dasharray:63}.listed-asset__countdown .icon .path-b{stroke:rgba(var(--text-color), 0.2)}.listed-asset__right-arrow{grid-area:right-arrow;background-color:rgba(var(--text-color), 0.1);border-radius:1rem;padding:.1rem;margin-left:.3rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#wallet_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{display:flex;flex-direction:column;height:100%}#asset_page__nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}#asset_page__nav .icon-only{margin-left:-0.7rem}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(46rem,100%)}#my_orders{grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content;border-radius:.5rem}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{cursor:pointer;margin-right:.5rem}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.completed-trade,.transaction-card,.live-order{gap:0 1rem}.completed-trade__type,.transaction-card__type,.live-order__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.completed-trade[data-type=Bought] .completed-trade__type,.completed-trade--buy .completed-trade__type,.completed-trade[data-type=Bought] .transaction-card__type,.completed-trade--buy .transaction-card__type,.completed-trade[data-type=Bought] .live-order__type,.completed-trade--buy .live-order__type,.transaction-card[data-type=Bought] .completed-trade__type,.transaction-card--buy .completed-trade__type,.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type,.transaction-card[data-type=Bought] .live-order__type,.transaction-card--buy .live-order__type,.live-order[data-type=Bought] .completed-trade__type,.live-order--buy .completed-trade__type,.live-order[data-type=Bought] .transaction-card__type,.live-order--buy .transaction-card__type,.live-order[data-type=Bought] .live-order__type,.live-order--buy .live-order__type{color:var(--green)}.completed-trade[data-type=Sold] .completed-trade__type,.completed-trade--sell .completed-trade__type,.completed-trade[data-type=Sold] .transaction-card__type,.completed-trade--sell .transaction-card__type,.completed-trade[data-type=Sold] .live-order__type,.completed-trade--sell .live-order__type,.transaction-card[data-type=Sold] .completed-trade__type,.transaction-card--sell .completed-trade__type,.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type,.transaction-card[data-type=Sold] .live-order__type,.transaction-card--sell .live-order__type,.live-order[data-type=Sold] .completed-trade__type,.live-order--sell .completed-trade__type,.live-order[data-type=Sold] .transaction-card__type,.live-order--sell .transaction-card__type,.live-order[data-type=Sold] .live-order__type,.live-order--sell .live-order__type{color:var(--danger-color)}.completed-trade__total,.transaction-card__total,.live-order__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.completed-trade__quantity,.completed-trade__price,.transaction-card__quantity,.transaction-card__price,.live-order__quantity,.live-order__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.completed-trade__time,.transaction-card__time,.live-order__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.completed-trade .more-info,.transaction-card .more-info,.live-order .more-info{flex-shrink:0;padding:.3rem}.transaction-card{content-visibility:auto;contain-intrinsic-size:2.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.completed-trade{display:grid;gap:.5rem;grid-template-columns:1fr 1fr;background-color:rgba(var(--text-color), 0.03);border-radius:.5rem;padding:1rem;margin-bottom:.5rem}#market_asset_rates{display:grid;gap:.5rem}#market_asset_rates .listed-asset{padding:1rem;background-color:rgba(var(--text-color), 0.03)}#market_orders_wrapper .list__header{font-size:.8rem;font-weight:500}#market_orders_wrapper .list__header div{padding:.5rem 0}#market_orders_wrapper .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.live-order{display:grid;gap:1rem;padding:1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.03)}.live-order:not(:last-of-type){margin-bottom:.5rem}.live-order[data-type=buy]{background-color:#00fa9a10}.live-order[data-type=sell]{background-color:#e2135110}#wallet{display:grid;width:auto;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start}.wallet_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.wallet_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem}.balance-card{display:grid;align-items:center;gap:0 .5rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1);padding:.5rem}.balance-card.is-locked{padding:1rem .5rem;grid-template-columns:auto 1fr auto;gap:.5rem}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:2/3;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#wallet_result{justify-content:center;text-align:center}#wallet_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#wallet_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#wallet_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}#help{width:min(60ch,100%);margin-bottom:3rem;align-content:flex-start}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}#main_header{padding:1.5rem}#user_popup_button{width:100%}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#price_chart_container{flex:1}.hide-on-mobile{display:none !important}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.popup__header{grid-column:1/-1;padding:1rem 1.5rem 0 1.5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#user_popup_button{justify-self:flex-end}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:17rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 52rem){body:not(.is-signed-in) #market{gap:2rem;width:100%;grid-template-columns:18rem 1fr}.completed-trade{grid-template-columns:1fr 1fr 1fr 8rem;grid-template-areas:"quantity price amount info"}.completed-trade .quantity-block{grid-area:quantity}.completed-trade .price-block{grid-area:price}.completed-trade .amount-block{grid-area:amount}.completed-trade .info-block{grid-area:info}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#asset_page__nav{grid-column:1/-1}#wallet{gap:1rem 2rem;grid-template-columns:20rem 24rem}#wallet__header{grid-column:1/3;padding-bottom:1rem}#wallet .balance-card{border:solid thin rgba(var(--text-color), 0.2)}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}}
\ No newline at end of file
+*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #516beb;--text-color: 20, 20, 20;--foreground-color: 252, 253, 255;--background-color: 241, 243, 248;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a4b3ff;--text-color: 220, 220, 220;--foreground-color: 27, 28, 29;--background-color: 21, 22, 22;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{text-decoration:none;color:var(--accent-color)}a:focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a.button{padding:.4rem .6rem;border-radius:.3rem;font-size:.9rem;font-weight:500;color:inherit}button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:500;white-space:nowrap;padding:.8rem;border-radius:.3rem;justify-content:center}button:focus-visible{outline:var(--accent-color) solid medium}button:not(:disabled){cursor:pointer}.button{background-color:rgba(var(--text-color), 0.06)}.button--primary,.button--danger{color:rgba(var(--background-color), 1) !important}.button--primary .icon,.button--danger .icon{fill:rgba(var(--background-color), 1)}.button--primary{background-color:var(--accent-color)}.button--danger{background-color:var(--danger-color)}.button--small{padding:.4rem .6rem}.cta{text-transform:uppercase;font-size:.8rem;font-weight:700;letter-spacing:.05em;padding:.8rem 1rem}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}sm-copy{font-size:.9rem}ul{list-style:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wrap-around{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.direction-column{flex-direction:column}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.5rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem;align-items:center;justify-items:flex-start}.popup__header__close{padding:.5rem;margin-left:-0.5rem}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:auto}.logo h4{text-transform:capitalize;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details:not(:last-of-type){border-bottom:thin solid rgba(var(--text-color), 0.3)}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}details .icon{flex-shrink:0}details[open]{padding-bottom:1rem}details[open] summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.tooltip{position:relative;z-index:1;cursor:pointer}.tooltip .banner{position:absolute;right:0;width:min(20rem,100vw - 1rem);display:none;font-size:.9rem;background-color:rgba(var(--foreground-color), 1);padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.1);border:solid thin rgba(var(--text-color), 0.2)}.tooltip:hover .banner{display:block}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem;width:100%;align-items:center}#user_popup_button{background-color:rgba(var(--text-color), 0.06);border-radius:2rem;font-size:.8rem}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto;padding:0 1.5rem}#pages_container>*{min-width:min(26rem,100%)}.listed-asset{position:relative;gap:.5rem;padding:1rem 0;border-radius:.5rem;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;grid-template-columns:auto 1fr auto auto;grid-template-areas:"icon name rate right-arrow" "icon name countdown right-arrow"}.listed-asset__icon{grid-area:icon;padding:.5rem;border-radius:1rem;display:flex;background-color:var(--accent-color)}.listed-asset__icon .icon{height:1.2rem;width:1.2rem;fill:rgba(var(--background-color), 1)}.listed-asset__name{grid-area:name;margin-left:.3rem}.listed-asset__rate{grid-area:rate}.listed-asset__countdown{display:flex;align-items:center;grid-area:countdown;justify-self:flex-end;font-size:.8rem;color:var(--accent-color)}.listed-asset__countdown .icon{margin-left:.3rem;overflow:visible;stroke-width:3;fill:none}.listed-asset__countdown .icon .path-a{stroke:var(--accent-color);stroke-dashoffset:var(--path-length, 0);stroke-dasharray:63}.listed-asset__countdown .icon .path-b{stroke:rgba(var(--text-color), 0.2)}.listed-asset__right-arrow{grid-area:right-arrow;background-color:rgba(var(--text-color), 0.1);border-radius:1rem;padding:.1rem;margin-left:.3rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#portfolio_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{display:flex;flex-direction:column;height:100%}#asset_page__nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}#asset_page__nav .icon-only{margin-left:-0.7rem}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(46rem,100%)}#my_orders{grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content;border-radius:.5rem}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{cursor:pointer;margin-right:.5rem}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.completed-trade,.transaction-card,.live-order{gap:0 1rem}.completed-trade__type,.transaction-card__type,.live-order__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.completed-trade[data-type=Bought] .completed-trade__type,.completed-trade--buy .completed-trade__type,.completed-trade[data-type=Bought] .transaction-card__type,.completed-trade--buy .transaction-card__type,.completed-trade[data-type=Bought] .live-order__type,.completed-trade--buy .live-order__type,.transaction-card[data-type=Bought] .completed-trade__type,.transaction-card--buy .completed-trade__type,.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type,.transaction-card[data-type=Bought] .live-order__type,.transaction-card--buy .live-order__type,.live-order[data-type=Bought] .completed-trade__type,.live-order--buy .completed-trade__type,.live-order[data-type=Bought] .transaction-card__type,.live-order--buy .transaction-card__type,.live-order[data-type=Bought] .live-order__type,.live-order--buy .live-order__type{color:var(--green)}.completed-trade[data-type=Sold] .completed-trade__type,.completed-trade--sell .completed-trade__type,.completed-trade[data-type=Sold] .transaction-card__type,.completed-trade--sell .transaction-card__type,.completed-trade[data-type=Sold] .live-order__type,.completed-trade--sell .live-order__type,.transaction-card[data-type=Sold] .completed-trade__type,.transaction-card--sell .completed-trade__type,.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type,.transaction-card[data-type=Sold] .live-order__type,.transaction-card--sell .live-order__type,.live-order[data-type=Sold] .completed-trade__type,.live-order--sell .completed-trade__type,.live-order[data-type=Sold] .transaction-card__type,.live-order--sell .transaction-card__type,.live-order[data-type=Sold] .live-order__type,.live-order--sell .live-order__type{color:var(--danger-color)}.completed-trade__total,.transaction-card__total,.live-order__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.completed-trade__quantity,.completed-trade__price,.transaction-card__quantity,.transaction-card__price,.live-order__quantity,.live-order__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.completed-trade__time,.transaction-card__time,.live-order__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.completed-trade .more-info,.transaction-card .more-info,.live-order .more-info{flex-shrink:0;padding:.3rem}.transaction-card{content-visibility:auto;contain-intrinsic-size:2.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.completed-trade{display:grid;gap:.5rem;grid-template-columns:1fr 1fr;background-color:rgba(var(--text-color), 0.03);border-radius:.5rem;padding:1rem;margin-bottom:.5rem}#market_asset_rates{display:grid;gap:.5rem}#market_asset_rates .listed-asset{padding:1rem;background-color:rgba(var(--text-color), 0.03)}#market_orders_wrapper .list__header{font-size:.8rem;font-weight:500}#market_orders_wrapper .list__header div{padding:.5rem 0}#market_orders_wrapper .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.live-order{display:grid;gap:1rem;padding:1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.03)}.live-order:not(:last-of-type){margin-bottom:.5rem}.live-order[data-type=buy]{background-color:#00fa9a10}.live-order[data-type=sell]{background-color:#e2135110}#portfolio{display:grid;width:auto;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start}.portfolio_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.portfolio_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem}.balance-card{display:grid;align-items:center;gap:0 .5rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1);padding:.5rem}.balance-card.is-locked{padding:1rem .5rem;grid-template-columns:auto 1fr auto;gap:.5rem}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:2/3;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#portfolio_result{justify-content:center;text-align:center}#portfolio_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#portfolio_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#portfolio_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}#help{width:min(60ch,100%);margin-bottom:3rem;align-content:flex-start}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}#main_header{padding:1.5rem}#user_popup_button{width:100%}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#price_chart_container{flex:1}.hide-on-mobile{display:none !important}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.popup__header{grid-column:1/-1;padding:1rem 1.5rem 0 1.5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#user_popup_button{justify-self:flex-end}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:17rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 52rem){body:not(.is-signed-in) #market{gap:2rem;width:100%;grid-template-columns:18rem 1fr}.completed-trade{grid-template-columns:1fr 1fr 1fr 8rem;grid-template-areas:"quantity price amount info"}.completed-trade .quantity-block{grid-area:quantity}.completed-trade .price-block{grid-area:price}.completed-trade .amount-block{grid-area:amount}.completed-trade .info-block{grid-area:info}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#asset_page__nav{grid-column:1/-1}#portfolio{gap:1rem 2rem;grid-template-columns:20rem 24rem}#portfolio__header{grid-column:1/3;padding-bottom:1rem}#portfolio .balance-card{border:solid thin rgba(var(--text-color), 0.2)}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}}
\ No newline at end of file
diff --git a/docs/css/main.scss b/docs/css/main.scss
index abaee07..1483176 100644
--- a/docs/css/main.scss
+++ b/docs/css/main.scss
@@ -722,7 +722,7 @@ sm-checkbox {
 }
 
 #quantity_type,
-#wallet_quantity_type {
+#portfolio_quantity_type {
   font-size: 0.8rem;
   padding-right: 0.5rem;
   border-right: thin solid rgba(var(--text-color), 0.3);
@@ -918,14 +918,14 @@ sm-checkbox {
     background-color: #e2135110;
   }
 }
-#wallet {
+#portfolio {
   display: grid;
   width: auto;
   gap: 1.5rem;
   grid-template-columns: minmax(0, 1fr);
   align-content: flex-start;
 }
-.wallet_actions__wrapper {
+.portfolio_actions__wrapper {
   grid-column: span 3;
   gap: 0.5rem;
   margin-top: 0.5rem;
@@ -986,7 +986,7 @@ sm-checkbox {
     }
   }
 }
-#wallet_result {
+#portfolio_result {
   justify-content: center;
   text-align: center;
   &__icon {
@@ -1019,7 +1019,7 @@ sm-checkbox {
     opacity: 1;
   }
 }
-#wallet_result__cta {
+#portfolio_result__cta {
   padding: 1.5rem 1rem;
   border-radius: 0.5rem;
   background-color: rgba(var(--text-color), 0.06);
@@ -1295,7 +1295,7 @@ sm-checkbox {
   #asset_page__nav {
     grid-column: 1/-1;
   }
-  #wallet {
+  #portfolio {
     gap: 1rem 2rem;
     grid-template-columns: 20rem 24rem;
     &__header {
diff --git a/docs/index.html b/docs/index.html
index c87e852..e57f335 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -85,7 +85,7 @@
             </button>
         </header>
         <section id="pages_container">
-            <section id="exchange" class="mobile-page hide">
+            <div id="exchange" class="mobile-page hide">
                 <sm-form id="login_form">
                     <div class="grid gap-0-5">
                         <h2>Login</h2>
@@ -99,13 +99,9 @@
                             Remember me
                         </span>
                     </sm-checkbox>
-                    <input type="text" id="sign_in_code" style="display: none;" hidden />
-                    <input type="text" id="sign_in_hash" style="display: none;" hidden />
                     <div id="login_button_wrapper" class="stateful-button-wrapper">
                         <sm-button variant="primary" onclick="UI_evt.login();">Log in</sm-button>
                     </div>
-                    <sm-button onclick="showPopup('registration_popup')" style="display: none;" disabled>Not registered?
-                        click here!</sm-button>
                     <div class="grid gap-0-5">
                         <p>Don't have FLO credentials?</p>
                         <sm-button onclick="showPopup('sign_up_popup')">Generate FLO credentials</sm-button>
@@ -200,8 +196,8 @@
                         </sm-form>
                     </div>
                 </section>
-            </section>
-            <section id="my_orders" class="grid gap-1 hide mobile-page">
+            </div>
+            <div id="my_orders" class="grid gap-1 hide mobile-page">
                 <div id="my_orders_section__header" class="orders_section__header flex">
                     <div id="orders_section__header--primary" class="flex w-100 align-center space-between">
                         <h4 id="my_orders__title">
@@ -242,8 +238,8 @@
                     </h4>
                     <p>My orders will only show completed orders</p>
                 </div>
-            </section>
-            <section id="market" class="grid gap-1-5 hide mobile-page">
+            </div>
+            <div id="market" class="grid gap-1-5 hide mobile-page">
                 <div class="grid gap-1 align-start">
                     <div class="flex align-center space-between">
                         <h5>ASSETS</h5>
@@ -299,15 +295,9 @@
                         </div>
                     </div>
                 </div>
-            </section>
-            <section id="wallet" class="grid mobile-page hide">
-                <h4 id="wallet__header" class="flex align-center">
-                    <svg class="icon margin-right-0-5" xmlns="http://www.w3.org/2000/svg"
-                        enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000">
-                        <rect fill="none" height="24" width="24" />
-                        <path
-                            d="M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10h8c1.1,0,2-0.9,2-2v-8C22,6.48,17.52,2,12,2z M12,20c-2.89,0-5.43-1.54-6.83-3.84 l2.95-2.95L11.41,16L16,11.42V13h2V8h-5v2h1.58l-3.28,3.28L8,10.5l-3.69,3.7C4.11,13.5,4,12.76,4,12c0-4.41,3.59-8,8-8s8,3.59,8,8 S16.41,20,12,20z M19.5,20.5c-0.55,0-1-0.45-1-1s0.45-1,1-1s1,0.45,1,1S20.05,20.5,19.5,20.5z" />
-                    </svg>
+            </div>
+            <div id="portfolio" class="grid mobile-page hide">
+                <h4 id="portfolio__header">
                     My portfolio
                 </h4>
                 <div class="grid gap-1-5">
@@ -315,10 +305,10 @@
                         <span class="label">Portfolio valuation</span>
                         <h1 id="portfolio_value" style="font-size: 2.5rem;"></h1>
                     </div>
-                    <div id="wallet_actions" class="w-100" style="z-index: 5;">
+                    <div id="portfolio_actions" class="w-100" style="z-index: 5;">
                         <p class="label">Select asset</p>
-                        <sm-select id="wallet_asset_selector"></sm-select>
-                        <div class="flex wallet_actions__wrapper">
+                        <sm-select id="portfolio_asset_selector"></sm-select>
+                        <div class="flex portfolio_actions__wrapper">
                             <button class="button" value="deposit">
                                 Deposit
                             </button>
@@ -336,7 +326,7 @@
                         <div class="flex align-center space-between">
                             <h4>Balance</h4>
                             <div class="multi-state-button">
-                                <button id="wallet_balance_refresh_button" class="button button--small"
+                                <button id="portfolio_balance_refresh_button" class="button button--small"
                                     onclick="refresh(false,this);" title="Refresh">
                                     Refresh
                                 </button>
@@ -347,7 +337,7 @@
                     </div>
                     <ul id="my_assets" class="grid"></ul>
                 </div>
-            </section>
+            </div>
             <div id="help" class="mobile-page hide grid gap-2">
                 <h1>Hey there! How can we help you today?</h1>
                 <div class="grid gap-0-5">
@@ -445,7 +435,7 @@
                         <details>
                             <summary class="interact">
                                 <h4>
-                                    I have rupee tokens in FLO ID, so why can't I see them in my wallet?
+                                    I have rupee tokens in FLO ID, so why can't I see them in my portfolio?
                                 </h4>
                                 <svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24"
                                     width="24px" fill="#000000">
@@ -523,7 +513,7 @@
                 </svg>
                 <div class="item__title">Market</div>
             </a>
-            <a href="#/wallet" class="main_navbar__item user-content hide interact">
+            <a href="#/portfolio" class="main_navbar__item user-content hide interact">
                 <svg class="icon" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px"
                     viewBox="0 0 24 24" width="24px" fill="#000000">
                     <rect fill="none" height="24" width="24" />
@@ -620,7 +610,7 @@
             </strong>
         </section>
     </sm-popup>
-    <sm-popup id="wallet_popup">
+    <sm-popup id="portfolio_popup">
         <header slot="header" class="popup__header">
             <button class="popup__header__close" onclick="hidePopup()">
                 <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
@@ -629,17 +619,17 @@
                         d="M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z" />
                 </svg>
             </button>
-            <h4 id="wallet_popup__title" class="capitalize"></h4>
+            <h4 id="portfolio_popup__title" class="capitalize"></h4>
         </header>
-        <sm-form id="wallet_form">
+        <sm-form id="portfolio_form">
             <input type="text" id="sink_id" style="display: none;" hidden />
             <sm-input id="get_receiver_id" placeholder="Receiver FLO ID" error-text="Invalid FLO ID" data-flo-id
                 required animate></sm-input>
             <sm-input id="get_user_amount" placeholder="Quantity" type="number" min="0.00000001" step="0.00000001"
                 required animate>
             </sm-input>
-            <div id="wallet_quantity_selector" class="flex align-center quantity-selector">
-                <span id="wallet_quantity_type">Rupee</span>
+            <div id="portfolio_quantity_selector" class="flex align-center quantity-selector">
+                <span id="portfolio_quantity_type">Rupee</span>
                 <button class="button" value="0.25">25%</button>
                 <button class="button" value="0.5">50%</button>
                 <button class="button" value="0.75">75%</button>
@@ -651,17 +641,17 @@
             <sm-input id="get_private_key" placeholder="FLO private key" type="password" required
                 error-text="Invalid private key" data-private-key="" animate>
             </sm-input>
-            <div id="wallet_popup__cta_wrapper" class="stateful-button-wrapper">
-                <sm-button id="wallet_popup__cta" class="uppercase" variant="primary"></sm-button>
+            <div id="portfolio_popup__cta_wrapper" class="stateful-button-wrapper">
+                <sm-button id="portfolio_popup__cta" class="uppercase" variant="primary"></sm-button>
             </div>
         </sm-form>
-        <div id="wallet_result" class="grid gap-2 hide">
-            <div id="wallet_result__icon"></div>
+        <div id="portfolio_result" class="grid gap-2 hide">
+            <div id="portfolio_result__icon"></div>
             <div class="grid gap-0-5">
-                <h4 id="wallet_result__title"></h4>
-                <p id="wallet_result__description"></p>
+                <h4 id="portfolio_result__title"></h4>
+                <p id="portfolio_result__description"></p>
             </div>
-            <div id="wallet_result__cta" class="hide grid gap-1-5">
+            <div id="portfolio_result__cta" class="hide grid gap-1-5">
                 <div class="grid gap-0-5">
                     <h4>Low on rupee balance?</h4>
                     <p>Visit RanchiMall Pay to deposit rupee in your FLO ID.</p>
@@ -1243,7 +1233,7 @@
                         break;
                     case 'market':
                         break;
-                    case 'wallet':
+                    case 'portfolio':
                         break;
                 }
             }
@@ -1845,7 +1835,7 @@
             catch (err) {
                 getRef('trade_button_wrapper').append(getRef('failure_template').content.cloneNode(true))
                 if (err.message === 'Insufficient rupee') {
-                    notify(`Insufficient balance to ${tradeType} ${asset}. Please deposit rupee to wallet first.`, 'error', { pinned: true })
+                    notify(`Insufficient balance to ${tradeType} ${asset}. Please deposit rupee to portfolio first.`, 'error', { pinned: true })
                 } else {
                     notify(err.message, 'error')
                 }
@@ -1902,22 +1892,22 @@
             getRef('get_quantity').value = toFixed(parseFloat(e.target.value) / unitValue)
         })
 
-        getRef('wallet_actions').addEventListener('click', e => {
+        getRef('portfolio_actions').addEventListener('click', e => {
             if (e.target.closest('.button')) {
                 const target = e.target.closest('.button')
                 const type = target.value
-                const asset = getRef('wallet_asset_selector').value
+                const asset = getRef('portfolio_asset_selector').value
 
-                getRef('wallet_quantity_type').textContent = getRef('quantity_type').textContent = asset === 'rupee' ? formatAmount(allTokens.rupee.net, true) : `${toFixed(allTokens[asset].net)} ${asset}`
-                getRef('wallet_popup__cta').textContent = `${type} ${asset}`
-                getRef('wallet_popup__cta').setAttribute('value', type)
-                getRef('wallet_popup__title').textContent = `${type} ${asset}`
+                getRef('portfolio_quantity_type').textContent = getRef('quantity_type').textContent = asset === 'rupee' ? formatAmount(allTokens.rupee.net, true) : `${toFixed(allTokens[asset].net)} ${asset}`
+                getRef('portfolio_popup__cta').textContent = `${type} ${asset}`
+                getRef('portfolio_popup__cta').setAttribute('value', type)
+                getRef('portfolio_popup__title').textContent = `${type} ${asset}`
                 // default form element state
                 getRef('get_receiver_id').removeAttribute('required')
                 getRef('get_receiver_id').classList.add('hide')
                 getRef('get_private_key').removeAttribute('required')
                 getRef('get_private_key').classList.add('hide')
-                getRef('wallet_quantity_selector').classList.remove('hide')
+                getRef('portfolio_quantity_selector').classList.remove('hide')
                 switch (type) {
                     case 'withdraw':
                         if (asset === 'FLO') {
@@ -1927,15 +1917,15 @@
                     case 'deposit':
                         getRef('get_private_key').setAttribute('required', '')
                         getRef('get_private_key').classList.remove('hide')
-                        getRef('wallet_quantity_selector').classList.add('hide')
+                        getRef('portfolio_quantity_selector').classList.add('hide')
                         break;
                     case 'transfer':
                         getRef('get_receiver_id').setAttribute('required', '')
                         getRef('get_receiver_id').classList.remove('hide')
                         break;
                 }
-                getRef('wallet_form').elementsChanged()
-                showPopup('wallet_popup')
+                getRef('portfolio_form').elementsChanged()
+                showPopup('portfolio_popup')
             }
         })
         function showWalletResult(status, title, description, cta = '') {
@@ -1958,19 +1948,19 @@
                         d="M11 15h2v2h-2v-2zm0-8h2v6h-2V7zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" />
                 </svg>`
             }
-            getRef('wallet_result__icon').innerHTML = icon
-            getRef('wallet_result__title').textContent = title
-            getRef('wallet_result__description').textContent = description
-            getRef('wallet_form').animate(slideOutLeft, animOptions)
+            getRef('portfolio_result__icon').innerHTML = icon
+            getRef('portfolio_result__title').textContent = title
+            getRef('portfolio_result__description').textContent = description
+            getRef('portfolio_form').animate(slideOutLeft, animOptions)
                 .onfinish = () => {
-                    getRef('wallet_form').classList.add('hide')
-                    getRef('wallet_result').classList.remove('hide')
-                    getRef('wallet_result').animate(slideInLeft, animOptions)
+                    getRef('portfolio_form').classList.add('hide')
+                    getRef('portfolio_result').classList.remove('hide')
+                    getRef('portfolio_result').animate(slideInLeft, animOptions)
                 }
-            getRef('wallet_result__cta').classList.add('hide')
+            getRef('portfolio_result__cta').classList.add('hide')
             switch (cta) {
                 case 'open-upi':
-                    getRef('wallet_result__cta').classList.remove('hide')
+                    getRef('portfolio_result__cta').classList.remove('hide')
                     break;
                 default:
                     break;
@@ -1982,18 +1972,18 @@
                 easing: 'ease',
                 fill: 'forwards'
             }
-            getRef('wallet_result').animate(slideOutRight, animOptions)
+            getRef('portfolio_result').animate(slideOutRight, animOptions)
                 .onfinish = () => {
-                    getRef('wallet_result').classList.add('hide')
-                    getRef('wallet_form').classList.remove('hide')
-                    getRef('wallet_form').animate(slideInRight, animOptions)
+                    getRef('portfolio_result').classList.add('hide')
+                    getRef('portfolio_form').classList.remove('hide')
+                    getRef('portfolio_form').animate(slideInRight, animOptions)
                 }
         }
-        getRef('wallet_quantity_selector').addEventListener('click', e => {
+        getRef('portfolio_quantity_selector').addEventListener('click', e => {
             // Get latest balance and exchange rate
             if (e.target.closest('button')) {
                 const target = e.target.closest('button')
-                const asset = getRef('wallet_asset_selector').value
+                const asset = getRef('portfolio_asset_selector').value
                 const fraction = parseFloat(target.value)
                 let total = toFixed(allTokens[asset].net * fraction);
                 if (asset == 'FLO' && fraction === 1 & total > 0.1) {
@@ -2002,12 +1992,12 @@
                 getRef('get_user_amount').value = total
             }
         })
-        getRef('wallet_popup__cta').addEventListener('click', async e => {
-            const asset = getRef('wallet_asset_selector').value
+        getRef('portfolio_popup__cta').addEventListener('click', async e => {
+            const asset = getRef('portfolio_asset_selector').value
             const type = e.target.getAttribute('value')
             const quantity = parseFloat(getRef('get_user_amount').value)
             try {
-                showProcess('wallet_popup__cta_wrapper')
+                showProcess('portfolio_popup__cta_wrapper')
                 const proxySecret = await proxy.secret;
                 let response
                 switch (type) {
@@ -2019,7 +2009,7 @@
                             response = await floExchangeAPI.depositToken(asset, quantity, proxy.userID, proxy.sinkID, privKey, proxySecret)
                         }
                         console.log(response)
-                        showWalletResult('success', `Sent ${asset} deposit request`, 'This may take upto 30 mins to reflect in your wallet.')
+                        showWalletResult('success', `Sent ${asset} deposit request`, 'This may take upto 30 mins to reflect in your portfolio.')
                         break;
                     case 'withdraw':
                         if (asset === 'FLO') {
@@ -2028,7 +2018,7 @@
                             response = await floExchangeAPI.withdrawToken(asset, quantity, proxy.userID, proxySecret)
                         }
                         console.log(response)
-                        showWalletResult('success', `Sent ${asset} withdraw request`, 'This may take upto 30 mins to reflect in your wallet.')
+                        showWalletResult('success', `Sent ${asset} withdraw request`, 'This may take upto 30 mins to reflect in your portfolio.')
                         break;
                     case 'transfer':
                         const receiverID = getRef('get_receiver_id').value.trim();
@@ -2037,7 +2027,7 @@
                         }
                         response = await floExchangeAPI.transferToken(receiver, asset, proxy.userID, proxySecret)
                         console.log(response)
-                        showWalletResult('success', `Sent ${quantity} ${asset} to ${receiverID}`, `This may take upto 30 mins to reflect in receiver's wallet.`)
+                        showWalletResult('success', `Sent ${quantity} ${asset} to ${receiverID}`, `This may take upto 30 mins to reflect in receiver's portfolio.`)
                         break;
                 }
             }
@@ -2049,7 +2039,7 @@
                 }
             }
             finally {
-                hideProcess('wallet_popup__cta_wrapper')
+                hideProcess('portfolio_popup__cta_wrapper')
                 refresh()
             }
         })
@@ -2269,9 +2259,6 @@
 
         document.addEventListener('popupopened', e => {
             switch (e.target.id) {
-                case 'registration_popup':
-                    getRef('get_registration_key').focusIn()
-                    break;
                 case 'sign_up_popup':
                     const { floID, privKey } = floCrypto.generateNewID()
                     getRef('generated_flo_id').value = floID
@@ -2311,7 +2298,7 @@
         })
         document.addEventListener('popupclosed', e => {
             switch (e.target.id) {
-                case 'wallet_popup':
+                case 'portfolio_popup':
                     hideWalletResult()
                     getRef('withdraw_flo_tip').classList.add('hide')
                     break;
@@ -2417,7 +2404,7 @@
                 console.debug(rates);
                 if (init) {
                     floGlobals.exchangeRates = rates
-                    getRef('wallet_asset_selector').append(
+                    getRef('portfolio_asset_selector').append(
                         createElement('sm-option', {
                             textContent: floGlobals.currency,
                             attributes: { value: floGlobals.currency },
@@ -2433,7 +2420,7 @@
                         }
                         // dynamically render listed assets if not already rendered
                         getRef('listed_assets').append(render.listedAsset(asset, formatAmount(parseFloat(rate)), countDown[asset]));
-                        getRef('wallet_asset_selector').append(createElement('sm-option', {
+                        getRef('portfolio_asset_selector').append(createElement('sm-option', {
                             textContent: asset,
                             attributes: { value: asset },
                         }));
@@ -2479,15 +2466,14 @@
 
         async function refresh(init = false, refreshButton) {
             if (refreshButton)
-                buttonLoader('wallet_balance_refresh_button', true);
+                buttonLoader('portfolio_balance_refresh_button', true);
             if (init) {
                 console.info("init");
                 if (!proxy.userID) {
-                    floExchangeAPI.getLoginCode().then(response => {
+                    floExchangeAPI.getLoginCode().then(({ code, hash }) => {
                         getRef("login_form").classList.remove('hide');
                         document.querySelectorAll(".user-content").forEach(elem => elem.classList.add('hide'))
-                        getRef('sign_in_code').value = response.code;
-                        getRef('sign_in_hash').value = response.hash;
+                        floGlobals.loginDetails = { code, hash }
                         proxy.clear();
                         setTimeout(() => {
                             getRef('login_form__priv_key').focusIn()
@@ -2505,7 +2491,7 @@
             if (proxy.userID) {
                 await account();
                 if (refreshButton)
-                    buttonLoader('wallet_balance_refresh_button', false);
+                    buttonLoader('portfolio_balance_refresh_button', false);
             }
         }
 
@@ -2554,7 +2540,7 @@
 
                 console.debug("RUPEE", allTokens['rupee']);
 
-                // render all assets in wallet
+                // render all assets in portfolio
                 const frag = document.createDocumentFragment();
                 let totalPortfolio = 0;
                 Object.entries(allTokens).sort((a, b) => b[1].net - a[1].net).forEach(([asset]) => {
@@ -2603,16 +2589,14 @@
             login() {
                 showProcess('login_button_wrapper')
                 let privKey = getRef('login_form__priv_key').value;
-                let code = getRef('sign_in_code').value,
-                    hash = getRef('sign_in_hash').value;
+                const { code, hash } = floGlobals.loginDetails;
                 let rememberMe = getRef('remember_me').checked;
                 let tmpKey = floCrypto.generateNewID();
                 floExchangeAPI.login(privKey, tmpKey.pubKey, code, hash).then(result => {
                     console.log(result);
                     proxy.secret = tmpKey.privKey;
                     proxy.userID = floCrypto.getFloID(privKey);
-                    getRef('sign_in_code').value = null;
-                    getRef('sign_in_hash').value = null;
+                    delete floGlobals.loginDetails
                     account();
                 }).catch(error => {
                     notify(error.message, 'error')

From 744c30167c6ab3e2090b0daac352dcf351e94d1c Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Mon, 16 May 2022 10:57:06 +0530
Subject: [PATCH 091/168] minor bug fix

---
 docs/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/index.html b/docs/index.html
index e57f335..5cb31af 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -1744,7 +1744,7 @@
         function getChartTheme() {
             const theme = getRef('theme_toggle').value
             const textColor = window.getComputedStyle(document.body).getPropertyValue('--text-color')
-            const accentColor = window.getComputedStyle(document.body).getPropertyValue('--accent-color')
+            const accentColor = theme === 'dark' ? '#a4b3ff' : '#516beb'
             return {
                 chart: {
                     layout: {

From e8943f73c02b780ac67a20fd0730dd7272331701 Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Mon, 16 May 2022 11:08:16 +0530
Subject: [PATCH 092/168] removed some comments

---
 docs/index.html | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/docs/index.html b/docs/index.html
index 5cb31af..831e8ba 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -1453,7 +1453,6 @@
         // Convert milliseconds to time left in HH:MM:SS format
         function getTimeLeft(milliseconds) {
             const diff = milliseconds - Date.now()
-            // const hours = Math.floor(diff / 3600000)
             const minutes = Math.floor((diff % 3600000) / 60000)
             const seconds = Math.floor(((diff % 3600000) % 60000) / 1000)
             return [`${minutes < 10 ? '0' : ''}${minutes}:${seconds < 10 ? '0' : ''}${seconds}`, ((diff % 3600000) / 60000).toFixed(2)]
@@ -1709,8 +1708,6 @@
                             frag.append(render.marketTransactionCard(transactionDetails))
                         })
                         getRef('market_trades').innerHTML = '';
-                        // const marketTransactionList = getRef('market_transaction_list_template').content.cloneNode(true)
-                        // getRef('market_trades').append(marketTransactionList)
                         getRef('market_trades').append(frag)
                     }).catch(err => {
                         console.log(err)

From 7f8334caa50bd615a499fb7dae74d0cb4216017c Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Mon, 16 May 2022 17:19:47 +0530
Subject: [PATCH 093/168] New layout and UX for trading view on mobile

---
 docs/css/main.css     | 73 ++++++++++++++++++++++++++++---------
 docs/css/main.min.css |  2 +-
 docs/css/main.scss    | 65 +++++++++++++++++++++++++--------
 docs/index.html       | 84 ++++++++++++++++++++++++++++++-------------
 4 files changed, 168 insertions(+), 56 deletions(-)

diff --git a/docs/css/main.css b/docs/css/main.css
index bf5ca39..7860d5e 100644
--- a/docs/css/main.css
+++ b/docs/css/main.css
@@ -682,9 +682,9 @@ sm-checkbox {
   width: 100%;
   justify-content: center;
   overflow-y: auto;
-  padding: 0 1.5rem;
 }
 #pages_container > * {
+  padding: 0 1.5rem;
   min-width: min(26rem, 100%);
 }
 
@@ -781,21 +781,12 @@ sm-checkbox {
 }
 
 #asset_page {
+  position: relative;
   display: flex;
   flex-direction: column;
   height: 100%;
 }
 
-#asset_page__nav {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 1rem 0;
-}
-#asset_page__nav .icon-only {
-  margin-left: -0.7rem;
-}
-
 #trade_form {
   height: 100%;
 }
@@ -1280,11 +1271,61 @@ sm-checkbox {
     transform: translateY(50%) scale(1.2);
   }
 
+  #asset_list_wrapper {
+    padding: 0 1.5rem;
+  }
+
   .listed-asset {
     border-radius: 0;
     border-bottom: solid thin rgba(var(--text-color), 0.1);
   }
 
+  #exchange {
+    margin: 0;
+    padding: 0;
+  }
+
+  #chart_header {
+    padding: 1rem 1.5rem 0.5rem 1.5rem;
+    margin-left: -0.7rem;
+  }
+
+  #trade_panel_backdrop {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    height: 100%;
+    background-color: rgba(var(--text-color), 0.16);
+    -webkit-backdrop-filter: blur(0.5rem);
+            backdrop-filter: blur(0.5rem);
+    z-index: 3;
+  }
+
+  #show_trade_panel {
+    position: absolute;
+    border-radius: 2rem;
+    bottom: 0;
+    align-self: center;
+    margin-bottom: 1rem;
+    z-index: 5;
+  }
+
+  #trade_form {
+    position: fixed;
+    height: auto;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    margin-top: auto;
+    width: auto;
+    z-index: 10;
+    padding: 1.5rem 1.5rem 0 1.5rem;
+    border-radius: 1rem 1rem 0 0;
+    background-color: rgba(var(--foreground-color), 1);
+    box-shadow: 0 -0.5rem 1rem rgba(0, 0, 0, 0.1);
+  }
+
   #price_chart_container {
     flex: 1;
   }
@@ -1365,6 +1406,10 @@ sm-checkbox {
   #pages_container {
     grid-area: pages;
   }
+  #pages_container > * {
+    margin: 0 1.5rem;
+    padding: 2rem;
+  }
 
   .is-signed-in #exchange {
     display: flex;
@@ -1399,7 +1444,7 @@ sm-checkbox {
     position: absolute;
     width: 0.25rem;
     border-radius: 0 0.2rem 0.2rem 0;
-    height: 50%;
+    height: 2rem;
     background-color: var(--accent-color);
   }
 }
@@ -1449,10 +1494,6 @@ sm-checkbox {
     grid-template-columns: minmax(0, 1fr) 20rem;
   }
 
-  #asset_page__nav {
-    grid-column: 1/-1;
-  }
-
   #portfolio {
     gap: 1rem 2rem;
     grid-template-columns: 20rem 24rem;
diff --git a/docs/css/main.min.css b/docs/css/main.min.css
index 73b00b2..672f9a0 100644
--- a/docs/css/main.min.css
+++ b/docs/css/main.min.css
@@ -1 +1 @@
-*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #516beb;--text-color: 20, 20, 20;--foreground-color: 252, 253, 255;--background-color: 241, 243, 248;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a4b3ff;--text-color: 220, 220, 220;--foreground-color: 27, 28, 29;--background-color: 21, 22, 22;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{text-decoration:none;color:var(--accent-color)}a:focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a.button{padding:.4rem .6rem;border-radius:.3rem;font-size:.9rem;font-weight:500;color:inherit}button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:500;white-space:nowrap;padding:.8rem;border-radius:.3rem;justify-content:center}button:focus-visible{outline:var(--accent-color) solid medium}button:not(:disabled){cursor:pointer}.button{background-color:rgba(var(--text-color), 0.06)}.button--primary,.button--danger{color:rgba(var(--background-color), 1) !important}.button--primary .icon,.button--danger .icon{fill:rgba(var(--background-color), 1)}.button--primary{background-color:var(--accent-color)}.button--danger{background-color:var(--danger-color)}.button--small{padding:.4rem .6rem}.cta{text-transform:uppercase;font-size:.8rem;font-weight:700;letter-spacing:.05em;padding:.8rem 1rem}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}sm-copy{font-size:.9rem}ul{list-style:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wrap-around{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.direction-column{flex-direction:column}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.5rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem;align-items:center;justify-items:flex-start}.popup__header__close{padding:.5rem;margin-left:-0.5rem}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:auto}.logo h4{text-transform:capitalize;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details:not(:last-of-type){border-bottom:thin solid rgba(var(--text-color), 0.3)}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}details .icon{flex-shrink:0}details[open]{padding-bottom:1rem}details[open] summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.tooltip{position:relative;z-index:1;cursor:pointer}.tooltip .banner{position:absolute;right:0;width:min(20rem,100vw - 1rem);display:none;font-size:.9rem;background-color:rgba(var(--foreground-color), 1);padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.1);border:solid thin rgba(var(--text-color), 0.2)}.tooltip:hover .banner{display:block}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem;width:100%;align-items:center}#user_popup_button{background-color:rgba(var(--text-color), 0.06);border-radius:2rem;font-size:.8rem}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto;padding:0 1.5rem}#pages_container>*{min-width:min(26rem,100%)}.listed-asset{position:relative;gap:.5rem;padding:1rem 0;border-radius:.5rem;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;grid-template-columns:auto 1fr auto auto;grid-template-areas:"icon name rate right-arrow" "icon name countdown right-arrow"}.listed-asset__icon{grid-area:icon;padding:.5rem;border-radius:1rem;display:flex;background-color:var(--accent-color)}.listed-asset__icon .icon{height:1.2rem;width:1.2rem;fill:rgba(var(--background-color), 1)}.listed-asset__name{grid-area:name;margin-left:.3rem}.listed-asset__rate{grid-area:rate}.listed-asset__countdown{display:flex;align-items:center;grid-area:countdown;justify-self:flex-end;font-size:.8rem;color:var(--accent-color)}.listed-asset__countdown .icon{margin-left:.3rem;overflow:visible;stroke-width:3;fill:none}.listed-asset__countdown .icon .path-a{stroke:var(--accent-color);stroke-dashoffset:var(--path-length, 0);stroke-dasharray:63}.listed-asset__countdown .icon .path-b{stroke:rgba(var(--text-color), 0.2)}.listed-asset__right-arrow{grid-area:right-arrow;background-color:rgba(var(--text-color), 0.1);border-radius:1rem;padding:.1rem;margin-left:.3rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#portfolio_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{display:flex;flex-direction:column;height:100%}#asset_page__nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}#asset_page__nav .icon-only{margin-left:-0.7rem}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(46rem,100%)}#my_orders{grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content;border-radius:.5rem}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{cursor:pointer;margin-right:.5rem}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.completed-trade,.transaction-card,.live-order{gap:0 1rem}.completed-trade__type,.transaction-card__type,.live-order__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.completed-trade[data-type=Bought] .completed-trade__type,.completed-trade--buy .completed-trade__type,.completed-trade[data-type=Bought] .transaction-card__type,.completed-trade--buy .transaction-card__type,.completed-trade[data-type=Bought] .live-order__type,.completed-trade--buy .live-order__type,.transaction-card[data-type=Bought] .completed-trade__type,.transaction-card--buy .completed-trade__type,.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type,.transaction-card[data-type=Bought] .live-order__type,.transaction-card--buy .live-order__type,.live-order[data-type=Bought] .completed-trade__type,.live-order--buy .completed-trade__type,.live-order[data-type=Bought] .transaction-card__type,.live-order--buy .transaction-card__type,.live-order[data-type=Bought] .live-order__type,.live-order--buy .live-order__type{color:var(--green)}.completed-trade[data-type=Sold] .completed-trade__type,.completed-trade--sell .completed-trade__type,.completed-trade[data-type=Sold] .transaction-card__type,.completed-trade--sell .transaction-card__type,.completed-trade[data-type=Sold] .live-order__type,.completed-trade--sell .live-order__type,.transaction-card[data-type=Sold] .completed-trade__type,.transaction-card--sell .completed-trade__type,.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type,.transaction-card[data-type=Sold] .live-order__type,.transaction-card--sell .live-order__type,.live-order[data-type=Sold] .completed-trade__type,.live-order--sell .completed-trade__type,.live-order[data-type=Sold] .transaction-card__type,.live-order--sell .transaction-card__type,.live-order[data-type=Sold] .live-order__type,.live-order--sell .live-order__type{color:var(--danger-color)}.completed-trade__total,.transaction-card__total,.live-order__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.completed-trade__quantity,.completed-trade__price,.transaction-card__quantity,.transaction-card__price,.live-order__quantity,.live-order__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.completed-trade__time,.transaction-card__time,.live-order__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.completed-trade .more-info,.transaction-card .more-info,.live-order .more-info{flex-shrink:0;padding:.3rem}.transaction-card{content-visibility:auto;contain-intrinsic-size:2.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.completed-trade{display:grid;gap:.5rem;grid-template-columns:1fr 1fr;background-color:rgba(var(--text-color), 0.03);border-radius:.5rem;padding:1rem;margin-bottom:.5rem}#market_asset_rates{display:grid;gap:.5rem}#market_asset_rates .listed-asset{padding:1rem;background-color:rgba(var(--text-color), 0.03)}#market_orders_wrapper .list__header{font-size:.8rem;font-weight:500}#market_orders_wrapper .list__header div{padding:.5rem 0}#market_orders_wrapper .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.live-order{display:grid;gap:1rem;padding:1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.03)}.live-order:not(:last-of-type){margin-bottom:.5rem}.live-order[data-type=buy]{background-color:#00fa9a10}.live-order[data-type=sell]{background-color:#e2135110}#portfolio{display:grid;width:auto;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start}.portfolio_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.portfolio_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem}.balance-card{display:grid;align-items:center;gap:0 .5rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1);padding:.5rem}.balance-card.is-locked{padding:1rem .5rem;grid-template-columns:auto 1fr auto;gap:.5rem}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:2/3;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#portfolio_result{justify-content:center;text-align:center}#portfolio_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#portfolio_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#portfolio_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}#help{width:min(60ch,100%);margin-bottom:3rem;align-content:flex-start}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}#main_header{padding:1.5rem}#user_popup_button{width:100%}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#price_chart_container{flex:1}.hide-on-mobile{display:none !important}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.popup__header{grid-column:1/-1;padding:1rem 1.5rem 0 1.5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#user_popup_button{justify-self:flex-end}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:17rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:50%;background-color:var(--accent-color)}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 52rem){body:not(.is-signed-in) #market{gap:2rem;width:100%;grid-template-columns:18rem 1fr}.completed-trade{grid-template-columns:1fr 1fr 1fr 8rem;grid-template-areas:"quantity price amount info"}.completed-trade .quantity-block{grid-area:quantity}.completed-trade .price-block{grid-area:price}.completed-trade .amount-block{grid-area:amount}.completed-trade .info-block{grid-area:info}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#asset_page__nav{grid-column:1/-1}#portfolio{gap:1rem 2rem;grid-template-columns:20rem 24rem}#portfolio__header{grid-column:1/3;padding-bottom:1rem}#portfolio .balance-card{border:solid thin rgba(var(--text-color), 0.2)}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}}
\ No newline at end of file
+*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #516beb;--text-color: 20, 20, 20;--foreground-color: 252, 253, 255;--background-color: 241, 243, 248;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a4b3ff;--text-color: 220, 220, 220;--foreground-color: 27, 28, 29;--background-color: 21, 22, 22;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{text-decoration:none;color:var(--accent-color)}a:focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a.button{padding:.4rem .6rem;border-radius:.3rem;font-size:.9rem;font-weight:500;color:inherit}button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:500;white-space:nowrap;padding:.8rem;border-radius:.3rem;justify-content:center}button:focus-visible{outline:var(--accent-color) solid medium}button:not(:disabled){cursor:pointer}.button{background-color:rgba(var(--text-color), 0.06)}.button--primary,.button--danger{color:rgba(var(--background-color), 1) !important}.button--primary .icon,.button--danger .icon{fill:rgba(var(--background-color), 1)}.button--primary{background-color:var(--accent-color)}.button--danger{background-color:var(--danger-color)}.button--small{padding:.4rem .6rem}.cta{text-transform:uppercase;font-size:.8rem;font-weight:700;letter-spacing:.05em;padding:.8rem 1rem}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}sm-copy{font-size:.9rem}ul{list-style:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wrap-around{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.direction-column{flex-direction:column}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.5rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem;align-items:center;justify-items:flex-start}.popup__header__close{padding:.5rem;margin-left:-0.5rem}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:auto}.logo h4{text-transform:capitalize;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details:not(:last-of-type){border-bottom:thin solid rgba(var(--text-color), 0.3)}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}details .icon{flex-shrink:0}details[open]{padding-bottom:1rem}details[open] summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.tooltip{position:relative;z-index:1;cursor:pointer}.tooltip .banner{position:absolute;right:0;width:min(20rem,100vw - 1rem);display:none;font-size:.9rem;background-color:rgba(var(--foreground-color), 1);padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.1);border:solid thin rgba(var(--text-color), 0.2)}.tooltip:hover .banner{display:block}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem;width:100%;align-items:center}#user_popup_button{background-color:rgba(var(--text-color), 0.06);border-radius:2rem;font-size:.8rem}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto}#pages_container>*{padding:0 1.5rem;min-width:min(26rem,100%)}.listed-asset{position:relative;gap:.5rem;padding:1rem 0;border-radius:.5rem;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;grid-template-columns:auto 1fr auto auto;grid-template-areas:"icon name rate right-arrow" "icon name countdown right-arrow"}.listed-asset__icon{grid-area:icon;padding:.5rem;border-radius:1rem;display:flex;background-color:var(--accent-color)}.listed-asset__icon .icon{height:1.2rem;width:1.2rem;fill:rgba(var(--background-color), 1)}.listed-asset__name{grid-area:name;margin-left:.3rem}.listed-asset__rate{grid-area:rate}.listed-asset__countdown{display:flex;align-items:center;grid-area:countdown;justify-self:flex-end;font-size:.8rem;color:var(--accent-color)}.listed-asset__countdown .icon{margin-left:.3rem;overflow:visible;stroke-width:3;fill:none}.listed-asset__countdown .icon .path-a{stroke:var(--accent-color);stroke-dashoffset:var(--path-length, 0);stroke-dasharray:63}.listed-asset__countdown .icon .path-b{stroke:rgba(var(--text-color), 0.2)}.listed-asset__right-arrow{grid-area:right-arrow;background-color:rgba(var(--text-color), 0.1);border-radius:1rem;padding:.1rem;margin-left:.3rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#portfolio_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{position:relative;display:flex;flex-direction:column;height:100%}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(46rem,100%)}#my_orders{grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content;border-radius:.5rem}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{cursor:pointer;margin-right:.5rem}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.completed-trade,.transaction-card,.live-order{gap:0 1rem}.completed-trade__type,.transaction-card__type,.live-order__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.completed-trade[data-type=Bought] .completed-trade__type,.completed-trade--buy .completed-trade__type,.completed-trade[data-type=Bought] .transaction-card__type,.completed-trade--buy .transaction-card__type,.completed-trade[data-type=Bought] .live-order__type,.completed-trade--buy .live-order__type,.transaction-card[data-type=Bought] .completed-trade__type,.transaction-card--buy .completed-trade__type,.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type,.transaction-card[data-type=Bought] .live-order__type,.transaction-card--buy .live-order__type,.live-order[data-type=Bought] .completed-trade__type,.live-order--buy .completed-trade__type,.live-order[data-type=Bought] .transaction-card__type,.live-order--buy .transaction-card__type,.live-order[data-type=Bought] .live-order__type,.live-order--buy .live-order__type{color:var(--green)}.completed-trade[data-type=Sold] .completed-trade__type,.completed-trade--sell .completed-trade__type,.completed-trade[data-type=Sold] .transaction-card__type,.completed-trade--sell .transaction-card__type,.completed-trade[data-type=Sold] .live-order__type,.completed-trade--sell .live-order__type,.transaction-card[data-type=Sold] .completed-trade__type,.transaction-card--sell .completed-trade__type,.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type,.transaction-card[data-type=Sold] .live-order__type,.transaction-card--sell .live-order__type,.live-order[data-type=Sold] .completed-trade__type,.live-order--sell .completed-trade__type,.live-order[data-type=Sold] .transaction-card__type,.live-order--sell .transaction-card__type,.live-order[data-type=Sold] .live-order__type,.live-order--sell .live-order__type{color:var(--danger-color)}.completed-trade__total,.transaction-card__total,.live-order__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.completed-trade__quantity,.completed-trade__price,.transaction-card__quantity,.transaction-card__price,.live-order__quantity,.live-order__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.completed-trade__time,.transaction-card__time,.live-order__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.completed-trade .more-info,.transaction-card .more-info,.live-order .more-info{flex-shrink:0;padding:.3rem}.transaction-card{content-visibility:auto;contain-intrinsic-size:2.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.completed-trade{display:grid;gap:.5rem;grid-template-columns:1fr 1fr;background-color:rgba(var(--text-color), 0.03);border-radius:.5rem;padding:1rem;margin-bottom:.5rem}#market_asset_rates{display:grid;gap:.5rem}#market_asset_rates .listed-asset{padding:1rem;background-color:rgba(var(--text-color), 0.03)}#market_orders_wrapper .list__header{font-size:.8rem;font-weight:500}#market_orders_wrapper .list__header div{padding:.5rem 0}#market_orders_wrapper .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.live-order{display:grid;gap:1rem;padding:1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.03)}.live-order:not(:last-of-type){margin-bottom:.5rem}.live-order[data-type=buy]{background-color:#00fa9a10}.live-order[data-type=sell]{background-color:#e2135110}#portfolio{display:grid;width:auto;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start}.portfolio_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.portfolio_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem}.balance-card{display:grid;align-items:center;gap:0 .5rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1);padding:.5rem}.balance-card.is-locked{padding:1rem .5rem;grid-template-columns:auto 1fr auto;gap:.5rem}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:2/3;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#portfolio_result{justify-content:center;text-align:center}#portfolio_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#portfolio_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#portfolio_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}#help{width:min(60ch,100%);margin-bottom:3rem;align-content:flex-start}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}#main_header{padding:1.5rem}#user_popup_button{width:100%}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}#asset_list_wrapper{padding:0 1.5rem}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#exchange{margin:0;padding:0}#chart_header{padding:1rem 1.5rem .5rem 1.5rem;margin-left:-0.7rem}#trade_panel_backdrop{position:fixed;top:0;left:0;right:0;height:100%;background-color:rgba(var(--text-color), 0.16);-webkit-backdrop-filter:blur(0.5rem);backdrop-filter:blur(0.5rem);z-index:3}#show_trade_panel{position:absolute;border-radius:2rem;bottom:0;align-self:center;margin-bottom:1rem;z-index:5}#trade_form{position:fixed;height:auto;bottom:0;left:0;right:0;margin-top:auto;width:auto;z-index:10;padding:1.5rem 1.5rem 0 1.5rem;border-radius:1rem 1rem 0 0;background-color:rgba(var(--foreground-color), 1);box-shadow:0 -0.5rem 1rem rgba(0,0,0,.1)}#price_chart_container{flex:1}.hide-on-mobile{display:none !important}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.popup__header{grid-column:1/-1;padding:1rem 1.5rem 0 1.5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#user_popup_button{justify-self:flex-end}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}#pages_container>*{margin:0 1.5rem;padding:2rem}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:17rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:2rem;background-color:var(--accent-color)}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 52rem){body:not(.is-signed-in) #market{gap:2rem;width:100%;grid-template-columns:18rem 1fr}.completed-trade{grid-template-columns:1fr 1fr 1fr 8rem;grid-template-areas:"quantity price amount info"}.completed-trade .quantity-block{grid-area:quantity}.completed-trade .price-block{grid-area:price}.completed-trade .amount-block{grid-area:amount}.completed-trade .info-block{grid-area:info}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#portfolio{gap:1rem 2rem;grid-template-columns:20rem 24rem}#portfolio__header{grid-column:1/3;padding-bottom:1rem}#portfolio .balance-card{border:solid thin rgba(var(--text-color), 0.2)}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}}
\ No newline at end of file
diff --git a/docs/css/main.scss b/docs/css/main.scss
index 1483176..9db47d2 100644
--- a/docs/css/main.scss
+++ b/docs/css/main.scss
@@ -643,8 +643,8 @@ sm-checkbox {
   width: 100%;
   justify-content: center;
   overflow-y: auto;
-  padding: 0 1.5rem;
   & > * {
+    padding: 0 1.5rem;
     min-width: min(26rem, 100%);
   }
 }
@@ -738,19 +738,11 @@ sm-checkbox {
   height: 100%;
 }
 #asset_page {
+  position: relative;
   display: flex;
   flex-direction: column;
   height: 100%;
 }
-#asset_page__nav {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 1rem 0;
-  .icon-only {
-    margin-left: -0.7rem;
-  }
-}
 #trade_form {
   height: 100%;
   &::part(form) {
@@ -765,7 +757,6 @@ sm-checkbox {
     margin-top: auto;
   }
 }
-
 #my_orders,
 #market {
   width: min(46rem, 100%);
@@ -1139,10 +1130,53 @@ sm-checkbox {
       transform: translateY(50%) scale(1.2);
     }
   }
+  #asset_list_wrapper {
+    padding: 0 1.5rem;
+  }
   .listed-asset {
     border-radius: 0;
     border-bottom: solid thin rgba(var(--text-color), 0.1);
   }
+  #exchange {
+    margin: 0;
+    padding: 0;
+  }
+  #chart_header {
+    padding: 1rem 1.5rem 0.5rem 1.5rem;
+    margin-left: -0.7rem;
+  }
+  #trade_panel_backdrop {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    height: 100%;
+    background-color: rgba(var(--text-color), 0.16);
+    backdrop-filter: blur(0.5rem);
+    z-index: 3;
+  }
+  #show_trade_panel {
+    position: absolute;
+    border-radius: 2rem;
+    bottom: 0;
+    align-self: center;
+    margin-bottom: 1rem;
+    z-index: 5;
+  }
+  #trade_form {
+    position: fixed;
+    height: auto;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    margin-top: auto;
+    width: auto;
+    z-index: 10;
+    padding: 1.5rem 1.5rem 0 1.5rem;
+    border-radius: 1rem 1rem 0 0;
+    background-color: rgba(var(--foreground-color), 1);
+    box-shadow: 0 -0.5rem 1rem rgba(0, 0, 0, 0.1);
+  }
   #price_chart_container {
     flex: 1;
   }
@@ -1210,6 +1244,10 @@ sm-checkbox {
   }
   #pages_container {
     grid-area: pages;
+    & > * {
+      margin: 0 1.5rem;
+      padding: 2rem;
+    }
   }
   .is-signed-in {
     #exchange {
@@ -1241,7 +1279,7 @@ sm-checkbox {
         position: absolute;
         width: 0.25rem;
         border-radius: 0 0.2rem 0.2rem 0;
-        height: 50%;
+        height: 2rem;
         background-color: var(--accent-color);
       }
     }
@@ -1292,9 +1330,6 @@ sm-checkbox {
     gap: 1.5rem;
     grid-template-columns: minmax(0, 1fr) 20rem;
   }
-  #asset_page__nav {
-    grid-column: 1/-1;
-  }
   #portfolio {
     gap: 1rem 2rem;
     grid-template-columns: 20rem 24rem;
diff --git a/docs/index.html b/docs/index.html
index 831e8ba..bfc1fdd 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -120,22 +120,18 @@
                         <ul id="listed_assets" class="user-content hide"></ul>
                     </div>
                     <div id="asset_page" class="hide-on-mobile">
-                        <nav id="asset_page__nav" class="hide-on-desktop">
-                            <a href="#/exchange" class="button icon-only">
-                                <svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24"
-                                    width="24px" fill="#000000">
-                                    <path d="M0 0h24v24H0V0z" fill="none" />
-                                    <path d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z" />
-                                </svg>
-                            </a>
-                            <strip-select id="trading_view_switcher">
-                                <strip-option value="trade" selected>Trade</strip-option>
-                                <strip-option value="chart">Chart</strip-option>
-                            </strip-select>
-                        </nav>
-                        <div id="price_chart_container" class="flex direction-column gap-0-5 hide-on-mobile">
+                        <div id="price_chart_container" class="flex direction-column gap-0-5">
                             <div id="chart_header" class="flex align-center space-between">
-                                <H4 id="chart_asset"></H4>
+                                <div class="flex align-center">
+                                    <a href="#/exchange" class="button icon-only hide-on-desktop flex align-center">
+                                        <svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px"
+                                            viewBox="0 0 24 24" width="24px" fill="#000000">
+                                            <path d="M0 0h24v24H0V0z" fill="none" />
+                                            <path d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z" />
+                                        </svg>
+                                    </a>
+                                    <H4 id="chart_asset"></H4>
+                                </div>
                                 <strip-select id="price_duration_selector">
                                     <strip-option value="hour" title="1 Hour price interval" selected>Hour
                                     </strip-option>
@@ -146,7 +142,16 @@
                                 <div id="price_history_chart"></div>
                             </div>
                         </div>
-                        <sm-form id="trade_form">
+                        <sm-form id="trade_form" class="hide-on-mobile">
+                            <button class="popup__header__close hide-on-desktop" style="margin-right: auto;"
+                                onclick="hideTradePanel()">
+                                <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24"
+                                    height="24">
+                                    <path fill="none" d="M0 0h24v24H0z" />
+                                    <path
+                                        d="M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z" />
+                                </svg>
+                            </button>
                             <div class="flex space-between align-center">
                                 <h4 id="traded_asset">Trade FLO</h4>
                                 <strip-select id="trade_type_selector" class="tab">
@@ -194,6 +199,9 @@
                                 </sm-button>
                             </div>
                         </sm-form>
+                        <div id="trade_panel_backdrop" onclick="hideTradePanel()" class="hide-on-mobile"></div>
+                        <button id="show_trade_panel" class="button button--primary hide-on-desktop cta"
+                            onclick="showTradePanel()">Buy / Sell</button>
                     </div>
                 </section>
             </div>
@@ -1778,16 +1786,44 @@
         }
 
         document.addEventListener('themechange', setChartTheme)
-
-        getRef('trading_view_switcher').addEventListener('change', e => {
-            if (e.target.value === 'trade') {
-                getRef('price_chart_container').classList.add('hide-on-mobile')
-                getRef('trade_form').classList.remove('hide-on-mobile')
-            } else {
+        function showTradePanel() {
+            getRef('trade_form').classList.remove('hide-on-mobile')
+            getRef('trade_form').animate([
+                { transform: 'translateY(100%)' },
+                { transform: 'translateY(0)' },
+            ], {
+                duration: 150,
+                easing: 'ease'
+            })
+            getRef('trade_panel_backdrop').classList.remove('hide-on-mobile')
+            getRef('trade_panel_backdrop').animate([
+                { opacity: 0 },
+                { opacity: 1 },
+            ], {
+                duration: 150,
+                easing: 'ease'
+            })
+        }
+        function hideTradePanel() {
+            getRef('trade_form').animate([
+                { transform: 'translateY(0)' },
+                { transform: 'translateY(100%)' },
+            ], {
+                duration: 150,
+                easing: 'ease'
+            }).onfinish = () => {
                 getRef('trade_form').classList.add('hide-on-mobile')
-                getRef('price_chart_container').classList.remove('hide-on-mobile')
             }
-        })
+            getRef('trade_panel_backdrop').animate([
+                { opacity: 1 },
+                { opacity: 0 },
+            ], {
+                duration: 150,
+                easing: 'ease'
+            }).onfinish = () => {
+                getRef('trade_panel_backdrop').classList.add('hide-on-mobile')
+            }
+        }
 
         function updateTooltip(asset, tradeType) {
             getRef('quantity_selector').querySelectorAll('.button').forEach(button => {

From 81f5100ed9b0b614200e00ce167c3a5a0c3d89d5 Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Mon, 16 May 2022 17:21:54 +0530
Subject: [PATCH 094/168] minor UI fix

---
 docs/css/main.css     | 2 +-
 docs/css/main.min.css | 2 +-
 docs/css/main.scss    | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/docs/css/main.css b/docs/css/main.css
index 7860d5e..7fc6e50 100644
--- a/docs/css/main.css
+++ b/docs/css/main.css
@@ -1296,7 +1296,7 @@ sm-checkbox {
     left: 0;
     right: 0;
     height: 100%;
-    background-color: rgba(var(--text-color), 0.16);
+    background-color: rgba(0, 0, 0, 0.3);
     -webkit-backdrop-filter: blur(0.5rem);
             backdrop-filter: blur(0.5rem);
     z-index: 3;
diff --git a/docs/css/main.min.css b/docs/css/main.min.css
index 672f9a0..df90cd1 100644
--- a/docs/css/main.min.css
+++ b/docs/css/main.min.css
@@ -1 +1 @@
-*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #516beb;--text-color: 20, 20, 20;--foreground-color: 252, 253, 255;--background-color: 241, 243, 248;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a4b3ff;--text-color: 220, 220, 220;--foreground-color: 27, 28, 29;--background-color: 21, 22, 22;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{text-decoration:none;color:var(--accent-color)}a:focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a.button{padding:.4rem .6rem;border-radius:.3rem;font-size:.9rem;font-weight:500;color:inherit}button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:500;white-space:nowrap;padding:.8rem;border-radius:.3rem;justify-content:center}button:focus-visible{outline:var(--accent-color) solid medium}button:not(:disabled){cursor:pointer}.button{background-color:rgba(var(--text-color), 0.06)}.button--primary,.button--danger{color:rgba(var(--background-color), 1) !important}.button--primary .icon,.button--danger .icon{fill:rgba(var(--background-color), 1)}.button--primary{background-color:var(--accent-color)}.button--danger{background-color:var(--danger-color)}.button--small{padding:.4rem .6rem}.cta{text-transform:uppercase;font-size:.8rem;font-weight:700;letter-spacing:.05em;padding:.8rem 1rem}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}sm-copy{font-size:.9rem}ul{list-style:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wrap-around{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.direction-column{flex-direction:column}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.5rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem;align-items:center;justify-items:flex-start}.popup__header__close{padding:.5rem;margin-left:-0.5rem}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:auto}.logo h4{text-transform:capitalize;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details:not(:last-of-type){border-bottom:thin solid rgba(var(--text-color), 0.3)}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}details .icon{flex-shrink:0}details[open]{padding-bottom:1rem}details[open] summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.tooltip{position:relative;z-index:1;cursor:pointer}.tooltip .banner{position:absolute;right:0;width:min(20rem,100vw - 1rem);display:none;font-size:.9rem;background-color:rgba(var(--foreground-color), 1);padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.1);border:solid thin rgba(var(--text-color), 0.2)}.tooltip:hover .banner{display:block}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem;width:100%;align-items:center}#user_popup_button{background-color:rgba(var(--text-color), 0.06);border-radius:2rem;font-size:.8rem}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto}#pages_container>*{padding:0 1.5rem;min-width:min(26rem,100%)}.listed-asset{position:relative;gap:.5rem;padding:1rem 0;border-radius:.5rem;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;grid-template-columns:auto 1fr auto auto;grid-template-areas:"icon name rate right-arrow" "icon name countdown right-arrow"}.listed-asset__icon{grid-area:icon;padding:.5rem;border-radius:1rem;display:flex;background-color:var(--accent-color)}.listed-asset__icon .icon{height:1.2rem;width:1.2rem;fill:rgba(var(--background-color), 1)}.listed-asset__name{grid-area:name;margin-left:.3rem}.listed-asset__rate{grid-area:rate}.listed-asset__countdown{display:flex;align-items:center;grid-area:countdown;justify-self:flex-end;font-size:.8rem;color:var(--accent-color)}.listed-asset__countdown .icon{margin-left:.3rem;overflow:visible;stroke-width:3;fill:none}.listed-asset__countdown .icon .path-a{stroke:var(--accent-color);stroke-dashoffset:var(--path-length, 0);stroke-dasharray:63}.listed-asset__countdown .icon .path-b{stroke:rgba(var(--text-color), 0.2)}.listed-asset__right-arrow{grid-area:right-arrow;background-color:rgba(var(--text-color), 0.1);border-radius:1rem;padding:.1rem;margin-left:.3rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#portfolio_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{position:relative;display:flex;flex-direction:column;height:100%}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(46rem,100%)}#my_orders{grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content;border-radius:.5rem}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{cursor:pointer;margin-right:.5rem}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.completed-trade,.transaction-card,.live-order{gap:0 1rem}.completed-trade__type,.transaction-card__type,.live-order__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.completed-trade[data-type=Bought] .completed-trade__type,.completed-trade--buy .completed-trade__type,.completed-trade[data-type=Bought] .transaction-card__type,.completed-trade--buy .transaction-card__type,.completed-trade[data-type=Bought] .live-order__type,.completed-trade--buy .live-order__type,.transaction-card[data-type=Bought] .completed-trade__type,.transaction-card--buy .completed-trade__type,.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type,.transaction-card[data-type=Bought] .live-order__type,.transaction-card--buy .live-order__type,.live-order[data-type=Bought] .completed-trade__type,.live-order--buy .completed-trade__type,.live-order[data-type=Bought] .transaction-card__type,.live-order--buy .transaction-card__type,.live-order[data-type=Bought] .live-order__type,.live-order--buy .live-order__type{color:var(--green)}.completed-trade[data-type=Sold] .completed-trade__type,.completed-trade--sell .completed-trade__type,.completed-trade[data-type=Sold] .transaction-card__type,.completed-trade--sell .transaction-card__type,.completed-trade[data-type=Sold] .live-order__type,.completed-trade--sell .live-order__type,.transaction-card[data-type=Sold] .completed-trade__type,.transaction-card--sell .completed-trade__type,.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type,.transaction-card[data-type=Sold] .live-order__type,.transaction-card--sell .live-order__type,.live-order[data-type=Sold] .completed-trade__type,.live-order--sell .completed-trade__type,.live-order[data-type=Sold] .transaction-card__type,.live-order--sell .transaction-card__type,.live-order[data-type=Sold] .live-order__type,.live-order--sell .live-order__type{color:var(--danger-color)}.completed-trade__total,.transaction-card__total,.live-order__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.completed-trade__quantity,.completed-trade__price,.transaction-card__quantity,.transaction-card__price,.live-order__quantity,.live-order__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.completed-trade__time,.transaction-card__time,.live-order__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.completed-trade .more-info,.transaction-card .more-info,.live-order .more-info{flex-shrink:0;padding:.3rem}.transaction-card{content-visibility:auto;contain-intrinsic-size:2.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.completed-trade{display:grid;gap:.5rem;grid-template-columns:1fr 1fr;background-color:rgba(var(--text-color), 0.03);border-radius:.5rem;padding:1rem;margin-bottom:.5rem}#market_asset_rates{display:grid;gap:.5rem}#market_asset_rates .listed-asset{padding:1rem;background-color:rgba(var(--text-color), 0.03)}#market_orders_wrapper .list__header{font-size:.8rem;font-weight:500}#market_orders_wrapper .list__header div{padding:.5rem 0}#market_orders_wrapper .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.live-order{display:grid;gap:1rem;padding:1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.03)}.live-order:not(:last-of-type){margin-bottom:.5rem}.live-order[data-type=buy]{background-color:#00fa9a10}.live-order[data-type=sell]{background-color:#e2135110}#portfolio{display:grid;width:auto;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start}.portfolio_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.portfolio_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem}.balance-card{display:grid;align-items:center;gap:0 .5rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1);padding:.5rem}.balance-card.is-locked{padding:1rem .5rem;grid-template-columns:auto 1fr auto;gap:.5rem}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:2/3;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#portfolio_result{justify-content:center;text-align:center}#portfolio_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#portfolio_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#portfolio_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}#help{width:min(60ch,100%);margin-bottom:3rem;align-content:flex-start}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}#main_header{padding:1.5rem}#user_popup_button{width:100%}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}#asset_list_wrapper{padding:0 1.5rem}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#exchange{margin:0;padding:0}#chart_header{padding:1rem 1.5rem .5rem 1.5rem;margin-left:-0.7rem}#trade_panel_backdrop{position:fixed;top:0;left:0;right:0;height:100%;background-color:rgba(var(--text-color), 0.16);-webkit-backdrop-filter:blur(0.5rem);backdrop-filter:blur(0.5rem);z-index:3}#show_trade_panel{position:absolute;border-radius:2rem;bottom:0;align-self:center;margin-bottom:1rem;z-index:5}#trade_form{position:fixed;height:auto;bottom:0;left:0;right:0;margin-top:auto;width:auto;z-index:10;padding:1.5rem 1.5rem 0 1.5rem;border-radius:1rem 1rem 0 0;background-color:rgba(var(--foreground-color), 1);box-shadow:0 -0.5rem 1rem rgba(0,0,0,.1)}#price_chart_container{flex:1}.hide-on-mobile{display:none !important}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.popup__header{grid-column:1/-1;padding:1rem 1.5rem 0 1.5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#user_popup_button{justify-self:flex-end}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}#pages_container>*{margin:0 1.5rem;padding:2rem}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:17rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:2rem;background-color:var(--accent-color)}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 52rem){body:not(.is-signed-in) #market{gap:2rem;width:100%;grid-template-columns:18rem 1fr}.completed-trade{grid-template-columns:1fr 1fr 1fr 8rem;grid-template-areas:"quantity price amount info"}.completed-trade .quantity-block{grid-area:quantity}.completed-trade .price-block{grid-area:price}.completed-trade .amount-block{grid-area:amount}.completed-trade .info-block{grid-area:info}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#portfolio{gap:1rem 2rem;grid-template-columns:20rem 24rem}#portfolio__header{grid-column:1/3;padding-bottom:1rem}#portfolio .balance-card{border:solid thin rgba(var(--text-color), 0.2)}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}}
\ No newline at end of file
+*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #516beb;--text-color: 20, 20, 20;--foreground-color: 252, 253, 255;--background-color: 241, 243, 248;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a4b3ff;--text-color: 220, 220, 220;--foreground-color: 27, 28, 29;--background-color: 21, 22, 22;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{text-decoration:none;color:var(--accent-color)}a:focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a.button{padding:.4rem .6rem;border-radius:.3rem;font-size:.9rem;font-weight:500;color:inherit}button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:500;white-space:nowrap;padding:.8rem;border-radius:.3rem;justify-content:center}button:focus-visible{outline:var(--accent-color) solid medium}button:not(:disabled){cursor:pointer}.button{background-color:rgba(var(--text-color), 0.06)}.button--primary,.button--danger{color:rgba(var(--background-color), 1) !important}.button--primary .icon,.button--danger .icon{fill:rgba(var(--background-color), 1)}.button--primary{background-color:var(--accent-color)}.button--danger{background-color:var(--danger-color)}.button--small{padding:.4rem .6rem}.cta{text-transform:uppercase;font-size:.8rem;font-weight:700;letter-spacing:.05em;padding:.8rem 1rem}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}sm-copy{font-size:.9rem}ul{list-style:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wrap-around{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.direction-column{flex-direction:column}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.5rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem;align-items:center;justify-items:flex-start}.popup__header__close{padding:.5rem;margin-left:-0.5rem}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:auto}.logo h4{text-transform:capitalize;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details:not(:last-of-type){border-bottom:thin solid rgba(var(--text-color), 0.3)}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}details .icon{flex-shrink:0}details[open]{padding-bottom:1rem}details[open] summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.tooltip{position:relative;z-index:1;cursor:pointer}.tooltip .banner{position:absolute;right:0;width:min(20rem,100vw - 1rem);display:none;font-size:.9rem;background-color:rgba(var(--foreground-color), 1);padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.1);border:solid thin rgba(var(--text-color), 0.2)}.tooltip:hover .banner{display:block}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem;width:100%;align-items:center}#user_popup_button{background-color:rgba(var(--text-color), 0.06);border-radius:2rem;font-size:.8rem}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto}#pages_container>*{padding:0 1.5rem;min-width:min(26rem,100%)}.listed-asset{position:relative;gap:.5rem;padding:1rem 0;border-radius:.5rem;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;grid-template-columns:auto 1fr auto auto;grid-template-areas:"icon name rate right-arrow" "icon name countdown right-arrow"}.listed-asset__icon{grid-area:icon;padding:.5rem;border-radius:1rem;display:flex;background-color:var(--accent-color)}.listed-asset__icon .icon{height:1.2rem;width:1.2rem;fill:rgba(var(--background-color), 1)}.listed-asset__name{grid-area:name;margin-left:.3rem}.listed-asset__rate{grid-area:rate}.listed-asset__countdown{display:flex;align-items:center;grid-area:countdown;justify-self:flex-end;font-size:.8rem;color:var(--accent-color)}.listed-asset__countdown .icon{margin-left:.3rem;overflow:visible;stroke-width:3;fill:none}.listed-asset__countdown .icon .path-a{stroke:var(--accent-color);stroke-dashoffset:var(--path-length, 0);stroke-dasharray:63}.listed-asset__countdown .icon .path-b{stroke:rgba(var(--text-color), 0.2)}.listed-asset__right-arrow{grid-area:right-arrow;background-color:rgba(var(--text-color), 0.1);border-radius:1rem;padding:.1rem;margin-left:.3rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#portfolio_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{position:relative;display:flex;flex-direction:column;height:100%}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(46rem,100%)}#my_orders{grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content;border-radius:.5rem}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{cursor:pointer;margin-right:.5rem}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.completed-trade,.transaction-card,.live-order{gap:0 1rem}.completed-trade__type,.transaction-card__type,.live-order__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.completed-trade[data-type=Bought] .completed-trade__type,.completed-trade--buy .completed-trade__type,.completed-trade[data-type=Bought] .transaction-card__type,.completed-trade--buy .transaction-card__type,.completed-trade[data-type=Bought] .live-order__type,.completed-trade--buy .live-order__type,.transaction-card[data-type=Bought] .completed-trade__type,.transaction-card--buy .completed-trade__type,.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type,.transaction-card[data-type=Bought] .live-order__type,.transaction-card--buy .live-order__type,.live-order[data-type=Bought] .completed-trade__type,.live-order--buy .completed-trade__type,.live-order[data-type=Bought] .transaction-card__type,.live-order--buy .transaction-card__type,.live-order[data-type=Bought] .live-order__type,.live-order--buy .live-order__type{color:var(--green)}.completed-trade[data-type=Sold] .completed-trade__type,.completed-trade--sell .completed-trade__type,.completed-trade[data-type=Sold] .transaction-card__type,.completed-trade--sell .transaction-card__type,.completed-trade[data-type=Sold] .live-order__type,.completed-trade--sell .live-order__type,.transaction-card[data-type=Sold] .completed-trade__type,.transaction-card--sell .completed-trade__type,.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type,.transaction-card[data-type=Sold] .live-order__type,.transaction-card--sell .live-order__type,.live-order[data-type=Sold] .completed-trade__type,.live-order--sell .completed-trade__type,.live-order[data-type=Sold] .transaction-card__type,.live-order--sell .transaction-card__type,.live-order[data-type=Sold] .live-order__type,.live-order--sell .live-order__type{color:var(--danger-color)}.completed-trade__total,.transaction-card__total,.live-order__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.completed-trade__quantity,.completed-trade__price,.transaction-card__quantity,.transaction-card__price,.live-order__quantity,.live-order__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.completed-trade__time,.transaction-card__time,.live-order__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.completed-trade .more-info,.transaction-card .more-info,.live-order .more-info{flex-shrink:0;padding:.3rem}.transaction-card{content-visibility:auto;contain-intrinsic-size:2.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.completed-trade{display:grid;gap:.5rem;grid-template-columns:1fr 1fr;background-color:rgba(var(--text-color), 0.03);border-radius:.5rem;padding:1rem;margin-bottom:.5rem}#market_asset_rates{display:grid;gap:.5rem}#market_asset_rates .listed-asset{padding:1rem;background-color:rgba(var(--text-color), 0.03)}#market_orders_wrapper .list__header{font-size:.8rem;font-weight:500}#market_orders_wrapper .list__header div{padding:.5rem 0}#market_orders_wrapper .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.live-order{display:grid;gap:1rem;padding:1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.03)}.live-order:not(:last-of-type){margin-bottom:.5rem}.live-order[data-type=buy]{background-color:#00fa9a10}.live-order[data-type=sell]{background-color:#e2135110}#portfolio{display:grid;width:auto;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start}.portfolio_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.portfolio_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem}.balance-card{display:grid;align-items:center;gap:0 .5rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1);padding:.5rem}.balance-card.is-locked{padding:1rem .5rem;grid-template-columns:auto 1fr auto;gap:.5rem}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:2/3;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#portfolio_result{justify-content:center;text-align:center}#portfolio_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#portfolio_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#portfolio_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}#help{width:min(60ch,100%);margin-bottom:3rem;align-content:flex-start}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}#main_header{padding:1.5rem}#user_popup_button{width:100%}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}#asset_list_wrapper{padding:0 1.5rem}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#exchange{margin:0;padding:0}#chart_header{padding:1rem 1.5rem .5rem 1.5rem;margin-left:-0.7rem}#trade_panel_backdrop{position:fixed;top:0;left:0;right:0;height:100%;background-color:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(0.5rem);backdrop-filter:blur(0.5rem);z-index:3}#show_trade_panel{position:absolute;border-radius:2rem;bottom:0;align-self:center;margin-bottom:1rem;z-index:5}#trade_form{position:fixed;height:auto;bottom:0;left:0;right:0;margin-top:auto;width:auto;z-index:10;padding:1.5rem 1.5rem 0 1.5rem;border-radius:1rem 1rem 0 0;background-color:rgba(var(--foreground-color), 1);box-shadow:0 -0.5rem 1rem rgba(0,0,0,.1)}#price_chart_container{flex:1}.hide-on-mobile{display:none !important}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.popup__header{grid-column:1/-1;padding:1rem 1.5rem 0 1.5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#user_popup_button{justify-self:flex-end}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}#pages_container>*{margin:0 1.5rem;padding:2rem}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:17rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:2rem;background-color:var(--accent-color)}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 52rem){body:not(.is-signed-in) #market{gap:2rem;width:100%;grid-template-columns:18rem 1fr}.completed-trade{grid-template-columns:1fr 1fr 1fr 8rem;grid-template-areas:"quantity price amount info"}.completed-trade .quantity-block{grid-area:quantity}.completed-trade .price-block{grid-area:price}.completed-trade .amount-block{grid-area:amount}.completed-trade .info-block{grid-area:info}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#portfolio{gap:1rem 2rem;grid-template-columns:20rem 24rem}#portfolio__header{grid-column:1/3;padding-bottom:1rem}#portfolio .balance-card{border:solid thin rgba(var(--text-color), 0.2)}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}}
\ No newline at end of file
diff --git a/docs/css/main.scss b/docs/css/main.scss
index 9db47d2..419848d 100644
--- a/docs/css/main.scss
+++ b/docs/css/main.scss
@@ -1151,7 +1151,7 @@ sm-checkbox {
     left: 0;
     right: 0;
     height: 100%;
-    background-color: rgba(var(--text-color), 0.16);
+    background-color: rgba(0 0 0/ 0.3);
     backdrop-filter: blur(0.5rem);
     z-index: 3;
   }

From c9d0ff23c2af4822c9b84f379a8acee88b27c845 Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Mon, 16 May 2022 17:27:09 +0530
Subject: [PATCH 095/168] minor UI fix

---
 docs/css/main.css     | 7 ++++++-
 docs/css/main.min.css | 2 +-
 docs/css/main.scss    | 6 +++++-
 3 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/docs/css/main.css b/docs/css/main.css
index 7fc6e50..56e573f 100644
--- a/docs/css/main.css
+++ b/docs/css/main.css
@@ -487,7 +487,7 @@ strip-select {
 
 strip-option {
   font-weight: 500;
-  font-size: 0.8rem;
+  font-size: 0.9rem;
   --border-radius: 0;
   --active-option-color: rgba(var(--background-color), 1);
   --active-option-background-color: var(--accent-color);
@@ -1285,6 +1285,10 @@ sm-checkbox {
     padding: 0;
   }
 
+  #login_form {
+    padding: 0 1.5rem;
+  }
+
   #chart_header {
     padding: 1rem 1.5rem 0.5rem 1.5rem;
     margin-left: -0.7rem;
@@ -1309,6 +1313,7 @@ sm-checkbox {
     align-self: center;
     margin-bottom: 1rem;
     z-index: 5;
+    font-size: 1rem;
   }
 
   #trade_form {
diff --git a/docs/css/main.min.css b/docs/css/main.min.css
index df90cd1..7201f17 100644
--- a/docs/css/main.min.css
+++ b/docs/css/main.min.css
@@ -1 +1 @@
-*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #516beb;--text-color: 20, 20, 20;--foreground-color: 252, 253, 255;--background-color: 241, 243, 248;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a4b3ff;--text-color: 220, 220, 220;--foreground-color: 27, 28, 29;--background-color: 21, 22, 22;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{text-decoration:none;color:var(--accent-color)}a:focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a.button{padding:.4rem .6rem;border-radius:.3rem;font-size:.9rem;font-weight:500;color:inherit}button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:500;white-space:nowrap;padding:.8rem;border-radius:.3rem;justify-content:center}button:focus-visible{outline:var(--accent-color) solid medium}button:not(:disabled){cursor:pointer}.button{background-color:rgba(var(--text-color), 0.06)}.button--primary,.button--danger{color:rgba(var(--background-color), 1) !important}.button--primary .icon,.button--danger .icon{fill:rgba(var(--background-color), 1)}.button--primary{background-color:var(--accent-color)}.button--danger{background-color:var(--danger-color)}.button--small{padding:.4rem .6rem}.cta{text-transform:uppercase;font-size:.8rem;font-weight:700;letter-spacing:.05em;padding:.8rem 1rem}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}sm-copy{font-size:.9rem}ul{list-style:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wrap-around{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.direction-column{flex-direction:column}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.5rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem;align-items:center;justify-items:flex-start}.popup__header__close{padding:.5rem;margin-left:-0.5rem}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:auto}.logo h4{text-transform:capitalize;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details:not(:last-of-type){border-bottom:thin solid rgba(var(--text-color), 0.3)}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}details .icon{flex-shrink:0}details[open]{padding-bottom:1rem}details[open] summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.8rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.tooltip{position:relative;z-index:1;cursor:pointer}.tooltip .banner{position:absolute;right:0;width:min(20rem,100vw - 1rem);display:none;font-size:.9rem;background-color:rgba(var(--foreground-color), 1);padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.1);border:solid thin rgba(var(--text-color), 0.2)}.tooltip:hover .banner{display:block}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem;width:100%;align-items:center}#user_popup_button{background-color:rgba(var(--text-color), 0.06);border-radius:2rem;font-size:.8rem}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto}#pages_container>*{padding:0 1.5rem;min-width:min(26rem,100%)}.listed-asset{position:relative;gap:.5rem;padding:1rem 0;border-radius:.5rem;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;grid-template-columns:auto 1fr auto auto;grid-template-areas:"icon name rate right-arrow" "icon name countdown right-arrow"}.listed-asset__icon{grid-area:icon;padding:.5rem;border-radius:1rem;display:flex;background-color:var(--accent-color)}.listed-asset__icon .icon{height:1.2rem;width:1.2rem;fill:rgba(var(--background-color), 1)}.listed-asset__name{grid-area:name;margin-left:.3rem}.listed-asset__rate{grid-area:rate}.listed-asset__countdown{display:flex;align-items:center;grid-area:countdown;justify-self:flex-end;font-size:.8rem;color:var(--accent-color)}.listed-asset__countdown .icon{margin-left:.3rem;overflow:visible;stroke-width:3;fill:none}.listed-asset__countdown .icon .path-a{stroke:var(--accent-color);stroke-dashoffset:var(--path-length, 0);stroke-dasharray:63}.listed-asset__countdown .icon .path-b{stroke:rgba(var(--text-color), 0.2)}.listed-asset__right-arrow{grid-area:right-arrow;background-color:rgba(var(--text-color), 0.1);border-radius:1rem;padding:.1rem;margin-left:.3rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#portfolio_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{position:relative;display:flex;flex-direction:column;height:100%}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(46rem,100%)}#my_orders{grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content;border-radius:.5rem}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{cursor:pointer;margin-right:.5rem}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.completed-trade,.transaction-card,.live-order{gap:0 1rem}.completed-trade__type,.transaction-card__type,.live-order__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.completed-trade[data-type=Bought] .completed-trade__type,.completed-trade--buy .completed-trade__type,.completed-trade[data-type=Bought] .transaction-card__type,.completed-trade--buy .transaction-card__type,.completed-trade[data-type=Bought] .live-order__type,.completed-trade--buy .live-order__type,.transaction-card[data-type=Bought] .completed-trade__type,.transaction-card--buy .completed-trade__type,.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type,.transaction-card[data-type=Bought] .live-order__type,.transaction-card--buy .live-order__type,.live-order[data-type=Bought] .completed-trade__type,.live-order--buy .completed-trade__type,.live-order[data-type=Bought] .transaction-card__type,.live-order--buy .transaction-card__type,.live-order[data-type=Bought] .live-order__type,.live-order--buy .live-order__type{color:var(--green)}.completed-trade[data-type=Sold] .completed-trade__type,.completed-trade--sell .completed-trade__type,.completed-trade[data-type=Sold] .transaction-card__type,.completed-trade--sell .transaction-card__type,.completed-trade[data-type=Sold] .live-order__type,.completed-trade--sell .live-order__type,.transaction-card[data-type=Sold] .completed-trade__type,.transaction-card--sell .completed-trade__type,.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type,.transaction-card[data-type=Sold] .live-order__type,.transaction-card--sell .live-order__type,.live-order[data-type=Sold] .completed-trade__type,.live-order--sell .completed-trade__type,.live-order[data-type=Sold] .transaction-card__type,.live-order--sell .transaction-card__type,.live-order[data-type=Sold] .live-order__type,.live-order--sell .live-order__type{color:var(--danger-color)}.completed-trade__total,.transaction-card__total,.live-order__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.completed-trade__quantity,.completed-trade__price,.transaction-card__quantity,.transaction-card__price,.live-order__quantity,.live-order__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.completed-trade__time,.transaction-card__time,.live-order__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.completed-trade .more-info,.transaction-card .more-info,.live-order .more-info{flex-shrink:0;padding:.3rem}.transaction-card{content-visibility:auto;contain-intrinsic-size:2.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.completed-trade{display:grid;gap:.5rem;grid-template-columns:1fr 1fr;background-color:rgba(var(--text-color), 0.03);border-radius:.5rem;padding:1rem;margin-bottom:.5rem}#market_asset_rates{display:grid;gap:.5rem}#market_asset_rates .listed-asset{padding:1rem;background-color:rgba(var(--text-color), 0.03)}#market_orders_wrapper .list__header{font-size:.8rem;font-weight:500}#market_orders_wrapper .list__header div{padding:.5rem 0}#market_orders_wrapper .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.live-order{display:grid;gap:1rem;padding:1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.03)}.live-order:not(:last-of-type){margin-bottom:.5rem}.live-order[data-type=buy]{background-color:#00fa9a10}.live-order[data-type=sell]{background-color:#e2135110}#portfolio{display:grid;width:auto;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start}.portfolio_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.portfolio_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem}.balance-card{display:grid;align-items:center;gap:0 .5rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1);padding:.5rem}.balance-card.is-locked{padding:1rem .5rem;grid-template-columns:auto 1fr auto;gap:.5rem}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:2/3;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#portfolio_result{justify-content:center;text-align:center}#portfolio_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#portfolio_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#portfolio_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}#help{width:min(60ch,100%);margin-bottom:3rem;align-content:flex-start}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}#main_header{padding:1.5rem}#user_popup_button{width:100%}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}#asset_list_wrapper{padding:0 1.5rem}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#exchange{margin:0;padding:0}#chart_header{padding:1rem 1.5rem .5rem 1.5rem;margin-left:-0.7rem}#trade_panel_backdrop{position:fixed;top:0;left:0;right:0;height:100%;background-color:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(0.5rem);backdrop-filter:blur(0.5rem);z-index:3}#show_trade_panel{position:absolute;border-radius:2rem;bottom:0;align-self:center;margin-bottom:1rem;z-index:5}#trade_form{position:fixed;height:auto;bottom:0;left:0;right:0;margin-top:auto;width:auto;z-index:10;padding:1.5rem 1.5rem 0 1.5rem;border-radius:1rem 1rem 0 0;background-color:rgba(var(--foreground-color), 1);box-shadow:0 -0.5rem 1rem rgba(0,0,0,.1)}#price_chart_container{flex:1}.hide-on-mobile{display:none !important}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.popup__header{grid-column:1/-1;padding:1rem 1.5rem 0 1.5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#user_popup_button{justify-self:flex-end}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}#pages_container>*{margin:0 1.5rem;padding:2rem}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:17rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:2rem;background-color:var(--accent-color)}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 52rem){body:not(.is-signed-in) #market{gap:2rem;width:100%;grid-template-columns:18rem 1fr}.completed-trade{grid-template-columns:1fr 1fr 1fr 8rem;grid-template-areas:"quantity price amount info"}.completed-trade .quantity-block{grid-area:quantity}.completed-trade .price-block{grid-area:price}.completed-trade .amount-block{grid-area:amount}.completed-trade .info-block{grid-area:info}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#portfolio{gap:1rem 2rem;grid-template-columns:20rem 24rem}#portfolio__header{grid-column:1/3;padding-bottom:1rem}#portfolio .balance-card{border:solid thin rgba(var(--text-color), 0.2)}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}}
\ No newline at end of file
+*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #516beb;--text-color: 20, 20, 20;--foreground-color: 252, 253, 255;--background-color: 241, 243, 248;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a4b3ff;--text-color: 220, 220, 220;--foreground-color: 27, 28, 29;--background-color: 21, 22, 22;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{text-decoration:none;color:var(--accent-color)}a:focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a.button{padding:.4rem .6rem;border-radius:.3rem;font-size:.9rem;font-weight:500;color:inherit}button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:500;white-space:nowrap;padding:.8rem;border-radius:.3rem;justify-content:center}button:focus-visible{outline:var(--accent-color) solid medium}button:not(:disabled){cursor:pointer}.button{background-color:rgba(var(--text-color), 0.06)}.button--primary,.button--danger{color:rgba(var(--background-color), 1) !important}.button--primary .icon,.button--danger .icon{fill:rgba(var(--background-color), 1)}.button--primary{background-color:var(--accent-color)}.button--danger{background-color:var(--danger-color)}.button--small{padding:.4rem .6rem}.cta{text-transform:uppercase;font-size:.8rem;font-weight:700;letter-spacing:.05em;padding:.8rem 1rem}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}sm-copy{font-size:.9rem}ul{list-style:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wrap-around{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.direction-column{flex-direction:column}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.5rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem;align-items:center;justify-items:flex-start}.popup__header__close{padding:.5rem;margin-left:-0.5rem}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:auto}.logo h4{text-transform:capitalize;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details:not(:last-of-type){border-bottom:thin solid rgba(var(--text-color), 0.3)}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}details .icon{flex-shrink:0}details[open]{padding-bottom:1rem}details[open] summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.9rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.tooltip{position:relative;z-index:1;cursor:pointer}.tooltip .banner{position:absolute;right:0;width:min(20rem,100vw - 1rem);display:none;font-size:.9rem;background-color:rgba(var(--foreground-color), 1);padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.1);border:solid thin rgba(var(--text-color), 0.2)}.tooltip:hover .banner{display:block}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem;width:100%;align-items:center}#user_popup_button{background-color:rgba(var(--text-color), 0.06);border-radius:2rem;font-size:.8rem}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto}#pages_container>*{padding:0 1.5rem;min-width:min(26rem,100%)}.listed-asset{position:relative;gap:.5rem;padding:1rem 0;border-radius:.5rem;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;grid-template-columns:auto 1fr auto auto;grid-template-areas:"icon name rate right-arrow" "icon name countdown right-arrow"}.listed-asset__icon{grid-area:icon;padding:.5rem;border-radius:1rem;display:flex;background-color:var(--accent-color)}.listed-asset__icon .icon{height:1.2rem;width:1.2rem;fill:rgba(var(--background-color), 1)}.listed-asset__name{grid-area:name;margin-left:.3rem}.listed-asset__rate{grid-area:rate}.listed-asset__countdown{display:flex;align-items:center;grid-area:countdown;justify-self:flex-end;font-size:.8rem;color:var(--accent-color)}.listed-asset__countdown .icon{margin-left:.3rem;overflow:visible;stroke-width:3;fill:none}.listed-asset__countdown .icon .path-a{stroke:var(--accent-color);stroke-dashoffset:var(--path-length, 0);stroke-dasharray:63}.listed-asset__countdown .icon .path-b{stroke:rgba(var(--text-color), 0.2)}.listed-asset__right-arrow{grid-area:right-arrow;background-color:rgba(var(--text-color), 0.1);border-radius:1rem;padding:.1rem;margin-left:.3rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#portfolio_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{position:relative;display:flex;flex-direction:column;height:100%}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(46rem,100%)}#my_orders{grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content;border-radius:.5rem}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{cursor:pointer;margin-right:.5rem}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.completed-trade,.transaction-card,.live-order{gap:0 1rem}.completed-trade__type,.transaction-card__type,.live-order__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.completed-trade[data-type=Bought] .completed-trade__type,.completed-trade--buy .completed-trade__type,.completed-trade[data-type=Bought] .transaction-card__type,.completed-trade--buy .transaction-card__type,.completed-trade[data-type=Bought] .live-order__type,.completed-trade--buy .live-order__type,.transaction-card[data-type=Bought] .completed-trade__type,.transaction-card--buy .completed-trade__type,.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type,.transaction-card[data-type=Bought] .live-order__type,.transaction-card--buy .live-order__type,.live-order[data-type=Bought] .completed-trade__type,.live-order--buy .completed-trade__type,.live-order[data-type=Bought] .transaction-card__type,.live-order--buy .transaction-card__type,.live-order[data-type=Bought] .live-order__type,.live-order--buy .live-order__type{color:var(--green)}.completed-trade[data-type=Sold] .completed-trade__type,.completed-trade--sell .completed-trade__type,.completed-trade[data-type=Sold] .transaction-card__type,.completed-trade--sell .transaction-card__type,.completed-trade[data-type=Sold] .live-order__type,.completed-trade--sell .live-order__type,.transaction-card[data-type=Sold] .completed-trade__type,.transaction-card--sell .completed-trade__type,.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type,.transaction-card[data-type=Sold] .live-order__type,.transaction-card--sell .live-order__type,.live-order[data-type=Sold] .completed-trade__type,.live-order--sell .completed-trade__type,.live-order[data-type=Sold] .transaction-card__type,.live-order--sell .transaction-card__type,.live-order[data-type=Sold] .live-order__type,.live-order--sell .live-order__type{color:var(--danger-color)}.completed-trade__total,.transaction-card__total,.live-order__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.completed-trade__quantity,.completed-trade__price,.transaction-card__quantity,.transaction-card__price,.live-order__quantity,.live-order__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.completed-trade__time,.transaction-card__time,.live-order__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.completed-trade .more-info,.transaction-card .more-info,.live-order .more-info{flex-shrink:0;padding:.3rem}.transaction-card{content-visibility:auto;contain-intrinsic-size:2.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.completed-trade{display:grid;gap:.5rem;grid-template-columns:1fr 1fr;background-color:rgba(var(--text-color), 0.03);border-radius:.5rem;padding:1rem;margin-bottom:.5rem}#market_asset_rates{display:grid;gap:.5rem}#market_asset_rates .listed-asset{padding:1rem;background-color:rgba(var(--text-color), 0.03)}#market_orders_wrapper .list__header{font-size:.8rem;font-weight:500}#market_orders_wrapper .list__header div{padding:.5rem 0}#market_orders_wrapper .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.live-order{display:grid;gap:1rem;padding:1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.03)}.live-order:not(:last-of-type){margin-bottom:.5rem}.live-order[data-type=buy]{background-color:#00fa9a10}.live-order[data-type=sell]{background-color:#e2135110}#portfolio{display:grid;width:auto;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start}.portfolio_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.portfolio_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem}.balance-card{display:grid;align-items:center;gap:0 .5rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1);padding:.5rem}.balance-card.is-locked{padding:1rem .5rem;grid-template-columns:auto 1fr auto;gap:.5rem}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:2/3;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#portfolio_result{justify-content:center;text-align:center}#portfolio_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#portfolio_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#portfolio_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}#help{width:min(60ch,100%);margin-bottom:3rem;align-content:flex-start}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}#main_header{padding:1.5rem}#user_popup_button{width:100%}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}#asset_list_wrapper{padding:0 1.5rem}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#exchange{margin:0;padding:0}#login_form{padding:0 1.5rem}#chart_header{padding:1rem 1.5rem .5rem 1.5rem;margin-left:-0.7rem}#trade_panel_backdrop{position:fixed;top:0;left:0;right:0;height:100%;background-color:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(0.5rem);backdrop-filter:blur(0.5rem);z-index:3}#show_trade_panel{position:absolute;border-radius:2rem;bottom:0;align-self:center;margin-bottom:1rem;z-index:5;font-size:1rem}#trade_form{position:fixed;height:auto;bottom:0;left:0;right:0;margin-top:auto;width:auto;z-index:10;padding:1.5rem 1.5rem 0 1.5rem;border-radius:1rem 1rem 0 0;background-color:rgba(var(--foreground-color), 1);box-shadow:0 -0.5rem 1rem rgba(0,0,0,.1)}#price_chart_container{flex:1}.hide-on-mobile{display:none !important}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.popup__header{grid-column:1/-1;padding:1rem 1.5rem 0 1.5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#user_popup_button{justify-self:flex-end}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}#pages_container>*{margin:0 1.5rem;padding:2rem}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:17rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:2rem;background-color:var(--accent-color)}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 52rem){body:not(.is-signed-in) #market{gap:2rem;width:100%;grid-template-columns:18rem 1fr}.completed-trade{grid-template-columns:1fr 1fr 1fr 8rem;grid-template-areas:"quantity price amount info"}.completed-trade .quantity-block{grid-area:quantity}.completed-trade .price-block{grid-area:price}.completed-trade .amount-block{grid-area:amount}.completed-trade .info-block{grid-area:info}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#portfolio{gap:1rem 2rem;grid-template-columns:20rem 24rem}#portfolio__header{grid-column:1/3;padding-bottom:1rem}#portfolio .balance-card{border:solid thin rgba(var(--text-color), 0.2)}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}}
\ No newline at end of file
diff --git a/docs/css/main.scss b/docs/css/main.scss
index 419848d..2ca4d46 100644
--- a/docs/css/main.scss
+++ b/docs/css/main.scss
@@ -462,7 +462,7 @@ strip-select {
 }
 strip-option {
   font-weight: 500;
-  font-size: 0.8rem;
+  font-size: 0.9rem;
   --border-radius: 0;
   --active-option-color: rgba(var(--background-color), 1);
   --active-option-background-color: var(--accent-color);
@@ -1141,6 +1141,9 @@ sm-checkbox {
     margin: 0;
     padding: 0;
   }
+  #login_form {
+    padding: 0 1.5rem;
+  }
   #chart_header {
     padding: 1rem 1.5rem 0.5rem 1.5rem;
     margin-left: -0.7rem;
@@ -1162,6 +1165,7 @@ sm-checkbox {
     align-self: center;
     margin-bottom: 1rem;
     z-index: 5;
+    font-size: 1rem;
   }
   #trade_form {
     position: fixed;

From 819708a5785a71249f285f279fe9fb534fdc3692 Mon Sep 17 00:00:00 2001
From: tripathyr <rohit.tripathy@gmail.com>
Date: Mon, 16 May 2022 20:31:37 +0530
Subject: [PATCH 096/168] Update index.html

---
 docs/index.html | 24 +++++++++++++++++++++++-
 1 file changed, 23 insertions(+), 1 deletion(-)

diff --git a/docs/index.html b/docs/index.html
index bfc1fdd..7d35f71 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -351,6 +351,28 @@
                 <div class="grid gap-0-5">
                     <h5>F.A.Qs</h5>
                     <div class="grid gap-0-5">
+                        <details>
+                            <summary class="interact">
+                                <h4>
+                                    What are the rules of the exchange that you must know?
+                                </h4>
+                                <svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24"
+                                    width="24px" fill="#000000">
+                                    <path d="M0 0h24v24H0V0z" fill="none" />
+                                    <path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z" />
+                                </svg>
+                            </summary>
+                            <p>
+                                <ul>
+                                  <li>Only the buyers of a token are permitted to sell that token</li>
+                                  <li>The maximum quantity of a token that can be sold is capped by the number of tokens purchased for each token </li>
+                                  <li>You need sell chips in order to sell. Sell chips are given against each purchase when curren token prices are at least 10% higher</li>
+                                  <li>Sell side priority: The first to buy gets the first priority to sell no matter when that person enters the order</li>
+                                  <li>Buy side priority: the first to order gets the first priority to buy</li>
+                                  <li>Launch sellers can sell without sell chips in order to provide initial inventory </li>
+                                </ul>
+                             </p>
+                        </details>
                         <details>
                             <summary class="interact">
                                 <h4>
@@ -2647,4 +2669,4 @@
     </script>
 </body>
 
-</html>
\ No newline at end of file
+</html>

From 483dcc47d6acbbb3e30ea15b9c6d973030eead0a Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Tue, 17 May 2022 01:43:49 +0530
Subject: [PATCH 097/168] Added FLO ID assets balance in portfolio

---
 docs/css/back.svg     |   1 +
 docs/css/bg-art2.svg  |  33 +++++++++++
 docs/css/main.css     |  86 +++++++++++++++++++++++++++-
 docs/css/main.min.css |   2 +-
 docs/css/main.scss    |  82 ++++++++++++++++++++++++++-
 docs/index.html       | 126 ++++++++++++++++++++++++++++++++++++------
 6 files changed, 305 insertions(+), 25 deletions(-)
 create mode 100644 docs/css/back.svg
 create mode 100644 docs/css/bg-art2.svg

diff --git a/docs/css/back.svg b/docs/css/back.svg
new file mode 100644
index 0000000..175f8ee
--- /dev/null
+++ b/docs/css/back.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1920" height="1080" viewBox="0 0 1920 1080"><defs><style>.a{fill:#ffcdab;}.b{fill:#fff4c5;}</style></defs><title>back</title><path class="a" d="M1343.5-.5c33.54,48.75,50.34,166,277.18,193.18C1808.39,215.21,1899.21,313.38,1920,364c-.33-146.23-.17-218.31-.5-364.54Z"/><path class="b" d="M1343.5-.5a288.26,288.26,0,0,0,159,88.78c48.38,9.32,76.65,13.77,132.58,22.68,93.5,14.9,141.37,56.9,170.42,80.54a466.36,466.36,0,0,1,115,139q-.49-165.49-1-331Z"/></svg>
\ No newline at end of file
diff --git a/docs/css/bg-art2.svg b/docs/css/bg-art2.svg
new file mode 100644
index 0000000..24a7f74
--- /dev/null
+++ b/docs/css/bg-art2.svg
@@ -0,0 +1,33 @@
+<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<g filter="url(#filter0_d)">
+<rect x="312" y="323" width="240" height="140" rx="18" transform="rotate(30 312 323)" fill="#1C783B"/>
+</g>
+<g filter="url(#filter1_d)">
+<rect x="431.283" y="302" width="240" height="140" rx="18" transform="rotate(50.0235 431.283 302)" fill="#2DBD5E"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_d" x="225" y="320" width="301.846" height="265.244" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+<feOffset dx="-5" dy="9"/>
+<feGaussianBlur stdDeviation="6"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
+</filter>
+<filter id="filter1_d" x="307" y="299" width="285.477" height="297.86" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+<feOffset dx="-5" dy="9"/>
+<feGaussianBlur stdDeviation="6"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
+</filter>
+<clipPath id="clip0">
+<rect width="512" height="512" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/docs/css/main.css b/docs/css/main.css
index 56e573f..2a232a0 100644
--- a/docs/css/main.css
+++ b/docs/css/main.css
@@ -531,7 +531,7 @@ sm-checkbox {
 
 .tooltip {
   position: relative;
-  z-index: 1;
+  z-index: 20;
   cursor: pointer;
 }
 .tooltip .banner {
@@ -1006,10 +1006,77 @@ sm-checkbox {
 
 #portfolio {
   display: grid;
-  width: auto;
   gap: 1.5rem;
   grid-template-columns: minmax(0, 1fr);
   align-content: flex-start;
+  width: min(60rem, 100%);
+}
+
+.personal-asset-balance {
+  align-content: flex-start;
+  padding: 1rem;
+  border-radius: 0.5rem;
+  color: rgba(0, 0, 0, 0.8);
+  width: 100%;
+}
+.personal-asset-balance:not(:last-of-type) {
+  margin-right: 0.5rem;
+}
+.personal-asset-balance:nth-of-type(1) {
+  background: url("bg-art2.svg") no-repeat bottom right, #c2ffd7;
+  background-size: contain;
+}
+.personal-asset-balance:nth-of-type(1) .icon {
+  background-color: rgba(102, 255, 156, 0.5);
+}
+.personal-asset-balance:nth-of-type(1) .button {
+  border: solid thin rgba(102, 255, 156, 0.5);
+}
+.personal-asset-balance:nth-of-type(2) {
+  background: url("back.svg") no-repeat top right, #fcffa8;
+  background-size: contain;
+}
+.personal-asset-balance:nth-of-type(2) .icon {
+  background-color: rgba(255, 234, 0, 0.5);
+}
+.personal-asset-balance > .flex {
+  margin-bottom: 0.3rem;
+}
+.personal-asset-balance > .flex .icon {
+  height: 2rem;
+  width: 2rem;
+  padding: 0.4rem;
+  border-radius: 0.3rem;
+  fill: rgba(0, 0, 0, 0.8);
+  margin-right: 0.5rem;
+}
+.personal-asset-balance .button {
+  display: flex;
+  align-items: center;
+  margin-top: 0.5rem;
+  padding-right: 0.8rem;
+  justify-self: flex-start;
+  border-radius: 1rem;
+  background-color: rgba(var(--foreground-color), 1);
+  color: rgba(var(--text-color), 1);
+  transition: box-shadow 0.3s;
+}
+.personal-asset-balance .button .icon {
+  height: 1rem;
+  background-color: transparent;
+  margin-right: 0.3rem;
+}
+.personal-asset-balance .button:hover {
+  box-shadow: 0 0.3rem 0.5rem rgba(0, 0, 0, 0.16);
+}
+
+#personal_rupee_balance span:first-of-type,
+#personal_flo_balance span:first-of-type {
+  font-size: 1.5rem;
+}
+#personal_rupee_balance span:last-of-type,
+#personal_flo_balance span:last-of-type {
+  font-size: 0.9rem;
 }
 
 .portfolio_actions__wrapper {
@@ -1030,6 +1097,7 @@ sm-checkbox {
 #my_assets {
   gap: 0.5rem;
   margin-top: 0.5rem;
+  padding-bottom: 1.5rem;
 }
 
 .balance-card {
@@ -1335,6 +1403,18 @@ sm-checkbox {
     flex: 1;
   }
 
+  #portfolio_cards_wrapper {
+    overflow-x: auto;
+    -ms-scroll-snap-type: x proximity;
+        scroll-snap-type: x proximity;
+  }
+
+  .personal-asset-balance {
+    scroll-snap-align: start;
+    width: min(16rem, 90%);
+    flex-shrink: 0;
+  }
+
   .hide-on-mobile {
     display: none !important;
   }
@@ -1501,7 +1581,7 @@ sm-checkbox {
 
   #portfolio {
     gap: 1rem 2rem;
-    grid-template-columns: 20rem 24rem;
+    grid-template-columns: 1.2fr 1fr;
   }
   #portfolio__header {
     grid-column: 1/3;
diff --git a/docs/css/main.min.css b/docs/css/main.min.css
index 7201f17..8e4e9f1 100644
--- a/docs/css/main.min.css
+++ b/docs/css/main.min.css
@@ -1 +1 @@
-*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #516beb;--text-color: 20, 20, 20;--foreground-color: 252, 253, 255;--background-color: 241, 243, 248;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a4b3ff;--text-color: 220, 220, 220;--foreground-color: 27, 28, 29;--background-color: 21, 22, 22;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{text-decoration:none;color:var(--accent-color)}a:focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a.button{padding:.4rem .6rem;border-radius:.3rem;font-size:.9rem;font-weight:500;color:inherit}button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:500;white-space:nowrap;padding:.8rem;border-radius:.3rem;justify-content:center}button:focus-visible{outline:var(--accent-color) solid medium}button:not(:disabled){cursor:pointer}.button{background-color:rgba(var(--text-color), 0.06)}.button--primary,.button--danger{color:rgba(var(--background-color), 1) !important}.button--primary .icon,.button--danger .icon{fill:rgba(var(--background-color), 1)}.button--primary{background-color:var(--accent-color)}.button--danger{background-color:var(--danger-color)}.button--small{padding:.4rem .6rem}.cta{text-transform:uppercase;font-size:.8rem;font-weight:700;letter-spacing:.05em;padding:.8rem 1rem}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}sm-copy{font-size:.9rem}ul{list-style:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wrap-around{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.direction-column{flex-direction:column}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.5rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem;align-items:center;justify-items:flex-start}.popup__header__close{padding:.5rem;margin-left:-0.5rem}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:auto}.logo h4{text-transform:capitalize;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details:not(:last-of-type){border-bottom:thin solid rgba(var(--text-color), 0.3)}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}details .icon{flex-shrink:0}details[open]{padding-bottom:1rem}details[open] summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.9rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.tooltip{position:relative;z-index:1;cursor:pointer}.tooltip .banner{position:absolute;right:0;width:min(20rem,100vw - 1rem);display:none;font-size:.9rem;background-color:rgba(var(--foreground-color), 1);padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.1);border:solid thin rgba(var(--text-color), 0.2)}.tooltip:hover .banner{display:block}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem;width:100%;align-items:center}#user_popup_button{background-color:rgba(var(--text-color), 0.06);border-radius:2rem;font-size:.8rem}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto}#pages_container>*{padding:0 1.5rem;min-width:min(26rem,100%)}.listed-asset{position:relative;gap:.5rem;padding:1rem 0;border-radius:.5rem;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;grid-template-columns:auto 1fr auto auto;grid-template-areas:"icon name rate right-arrow" "icon name countdown right-arrow"}.listed-asset__icon{grid-area:icon;padding:.5rem;border-radius:1rem;display:flex;background-color:var(--accent-color)}.listed-asset__icon .icon{height:1.2rem;width:1.2rem;fill:rgba(var(--background-color), 1)}.listed-asset__name{grid-area:name;margin-left:.3rem}.listed-asset__rate{grid-area:rate}.listed-asset__countdown{display:flex;align-items:center;grid-area:countdown;justify-self:flex-end;font-size:.8rem;color:var(--accent-color)}.listed-asset__countdown .icon{margin-left:.3rem;overflow:visible;stroke-width:3;fill:none}.listed-asset__countdown .icon .path-a{stroke:var(--accent-color);stroke-dashoffset:var(--path-length, 0);stroke-dasharray:63}.listed-asset__countdown .icon .path-b{stroke:rgba(var(--text-color), 0.2)}.listed-asset__right-arrow{grid-area:right-arrow;background-color:rgba(var(--text-color), 0.1);border-radius:1rem;padding:.1rem;margin-left:.3rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#portfolio_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{position:relative;display:flex;flex-direction:column;height:100%}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(46rem,100%)}#my_orders{grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content;border-radius:.5rem}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{cursor:pointer;margin-right:.5rem}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.completed-trade,.transaction-card,.live-order{gap:0 1rem}.completed-trade__type,.transaction-card__type,.live-order__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.completed-trade[data-type=Bought] .completed-trade__type,.completed-trade--buy .completed-trade__type,.completed-trade[data-type=Bought] .transaction-card__type,.completed-trade--buy .transaction-card__type,.completed-trade[data-type=Bought] .live-order__type,.completed-trade--buy .live-order__type,.transaction-card[data-type=Bought] .completed-trade__type,.transaction-card--buy .completed-trade__type,.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type,.transaction-card[data-type=Bought] .live-order__type,.transaction-card--buy .live-order__type,.live-order[data-type=Bought] .completed-trade__type,.live-order--buy .completed-trade__type,.live-order[data-type=Bought] .transaction-card__type,.live-order--buy .transaction-card__type,.live-order[data-type=Bought] .live-order__type,.live-order--buy .live-order__type{color:var(--green)}.completed-trade[data-type=Sold] .completed-trade__type,.completed-trade--sell .completed-trade__type,.completed-trade[data-type=Sold] .transaction-card__type,.completed-trade--sell .transaction-card__type,.completed-trade[data-type=Sold] .live-order__type,.completed-trade--sell .live-order__type,.transaction-card[data-type=Sold] .completed-trade__type,.transaction-card--sell .completed-trade__type,.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type,.transaction-card[data-type=Sold] .live-order__type,.transaction-card--sell .live-order__type,.live-order[data-type=Sold] .completed-trade__type,.live-order--sell .completed-trade__type,.live-order[data-type=Sold] .transaction-card__type,.live-order--sell .transaction-card__type,.live-order[data-type=Sold] .live-order__type,.live-order--sell .live-order__type{color:var(--danger-color)}.completed-trade__total,.transaction-card__total,.live-order__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.completed-trade__quantity,.completed-trade__price,.transaction-card__quantity,.transaction-card__price,.live-order__quantity,.live-order__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.completed-trade__time,.transaction-card__time,.live-order__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.completed-trade .more-info,.transaction-card .more-info,.live-order .more-info{flex-shrink:0;padding:.3rem}.transaction-card{content-visibility:auto;contain-intrinsic-size:2.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.completed-trade{display:grid;gap:.5rem;grid-template-columns:1fr 1fr;background-color:rgba(var(--text-color), 0.03);border-radius:.5rem;padding:1rem;margin-bottom:.5rem}#market_asset_rates{display:grid;gap:.5rem}#market_asset_rates .listed-asset{padding:1rem;background-color:rgba(var(--text-color), 0.03)}#market_orders_wrapper .list__header{font-size:.8rem;font-weight:500}#market_orders_wrapper .list__header div{padding:.5rem 0}#market_orders_wrapper .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.live-order{display:grid;gap:1rem;padding:1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.03)}.live-order:not(:last-of-type){margin-bottom:.5rem}.live-order[data-type=buy]{background-color:#00fa9a10}.live-order[data-type=sell]{background-color:#e2135110}#portfolio{display:grid;width:auto;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start}.portfolio_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.portfolio_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem}.balance-card{display:grid;align-items:center;gap:0 .5rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1);padding:.5rem}.balance-card.is-locked{padding:1rem .5rem;grid-template-columns:auto 1fr auto;gap:.5rem}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:2/3;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#portfolio_result{justify-content:center;text-align:center}#portfolio_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#portfolio_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#portfolio_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}#help{width:min(60ch,100%);margin-bottom:3rem;align-content:flex-start}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}#main_header{padding:1.5rem}#user_popup_button{width:100%}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}#asset_list_wrapper{padding:0 1.5rem}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#exchange{margin:0;padding:0}#login_form{padding:0 1.5rem}#chart_header{padding:1rem 1.5rem .5rem 1.5rem;margin-left:-0.7rem}#trade_panel_backdrop{position:fixed;top:0;left:0;right:0;height:100%;background-color:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(0.5rem);backdrop-filter:blur(0.5rem);z-index:3}#show_trade_panel{position:absolute;border-radius:2rem;bottom:0;align-self:center;margin-bottom:1rem;z-index:5;font-size:1rem}#trade_form{position:fixed;height:auto;bottom:0;left:0;right:0;margin-top:auto;width:auto;z-index:10;padding:1.5rem 1.5rem 0 1.5rem;border-radius:1rem 1rem 0 0;background-color:rgba(var(--foreground-color), 1);box-shadow:0 -0.5rem 1rem rgba(0,0,0,.1)}#price_chart_container{flex:1}.hide-on-mobile{display:none !important}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.popup__header{grid-column:1/-1;padding:1rem 1.5rem 0 1.5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#user_popup_button{justify-self:flex-end}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}#pages_container>*{margin:0 1.5rem;padding:2rem}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:17rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:2rem;background-color:var(--accent-color)}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 52rem){body:not(.is-signed-in) #market{gap:2rem;width:100%;grid-template-columns:18rem 1fr}.completed-trade{grid-template-columns:1fr 1fr 1fr 8rem;grid-template-areas:"quantity price amount info"}.completed-trade .quantity-block{grid-area:quantity}.completed-trade .price-block{grid-area:price}.completed-trade .amount-block{grid-area:amount}.completed-trade .info-block{grid-area:info}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#portfolio{gap:1rem 2rem;grid-template-columns:20rem 24rem}#portfolio__header{grid-column:1/3;padding-bottom:1rem}#portfolio .balance-card{border:solid thin rgba(var(--text-color), 0.2)}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}}
\ No newline at end of file
+*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #516beb;--text-color: 20, 20, 20;--foreground-color: 252, 253, 255;--background-color: 241, 243, 248;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a4b3ff;--text-color: 220, 220, 220;--foreground-color: 27, 28, 29;--background-color: 21, 22, 22;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{text-decoration:none;color:var(--accent-color)}a:focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a.button{padding:.4rem .6rem;border-radius:.3rem;font-size:.9rem;font-weight:500;color:inherit}button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:500;white-space:nowrap;padding:.8rem;border-radius:.3rem;justify-content:center}button:focus-visible{outline:var(--accent-color) solid medium}button:not(:disabled){cursor:pointer}.button{background-color:rgba(var(--text-color), 0.06)}.button--primary,.button--danger{color:rgba(var(--background-color), 1) !important}.button--primary .icon,.button--danger .icon{fill:rgba(var(--background-color), 1)}.button--primary{background-color:var(--accent-color)}.button--danger{background-color:var(--danger-color)}.button--small{padding:.4rem .6rem}.cta{text-transform:uppercase;font-size:.8rem;font-weight:700;letter-spacing:.05em;padding:.8rem 1rem}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}sm-copy{font-size:.9rem}ul{list-style:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wrap-around{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.direction-column{flex-direction:column}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.5rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem;align-items:center;justify-items:flex-start}.popup__header__close{padding:.5rem;margin-left:-0.5rem}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:auto}.logo h4{text-transform:capitalize;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details:not(:last-of-type){border-bottom:thin solid rgba(var(--text-color), 0.3)}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}details .icon{flex-shrink:0}details[open]{padding-bottom:1rem}details[open] summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.9rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.tooltip{position:relative;z-index:20;cursor:pointer}.tooltip .banner{position:absolute;right:0;width:min(20rem,100vw - 1rem);display:none;font-size:.9rem;background-color:rgba(var(--foreground-color), 1);padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.1);border:solid thin rgba(var(--text-color), 0.2)}.tooltip:hover .banner{display:block}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem;width:100%;align-items:center}#user_popup_button{background-color:rgba(var(--text-color), 0.06);border-radius:2rem;font-size:.8rem}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto}#pages_container>*{padding:0 1.5rem;min-width:min(26rem,100%)}.listed-asset{position:relative;gap:.5rem;padding:1rem 0;border-radius:.5rem;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;grid-template-columns:auto 1fr auto auto;grid-template-areas:"icon name rate right-arrow" "icon name countdown right-arrow"}.listed-asset__icon{grid-area:icon;padding:.5rem;border-radius:1rem;display:flex;background-color:var(--accent-color)}.listed-asset__icon .icon{height:1.2rem;width:1.2rem;fill:rgba(var(--background-color), 1)}.listed-asset__name{grid-area:name;margin-left:.3rem}.listed-asset__rate{grid-area:rate}.listed-asset__countdown{display:flex;align-items:center;grid-area:countdown;justify-self:flex-end;font-size:.8rem;color:var(--accent-color)}.listed-asset__countdown .icon{margin-left:.3rem;overflow:visible;stroke-width:3;fill:none}.listed-asset__countdown .icon .path-a{stroke:var(--accent-color);stroke-dashoffset:var(--path-length, 0);stroke-dasharray:63}.listed-asset__countdown .icon .path-b{stroke:rgba(var(--text-color), 0.2)}.listed-asset__right-arrow{grid-area:right-arrow;background-color:rgba(var(--text-color), 0.1);border-radius:1rem;padding:.1rem;margin-left:.3rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#portfolio_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{position:relative;display:flex;flex-direction:column;height:100%}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(46rem,100%)}#my_orders{grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content;border-radius:.5rem}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{cursor:pointer;margin-right:.5rem}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.completed-trade,.transaction-card,.live-order{gap:0 1rem}.completed-trade__type,.transaction-card__type,.live-order__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.completed-trade[data-type=Bought] .completed-trade__type,.completed-trade--buy .completed-trade__type,.completed-trade[data-type=Bought] .transaction-card__type,.completed-trade--buy .transaction-card__type,.completed-trade[data-type=Bought] .live-order__type,.completed-trade--buy .live-order__type,.transaction-card[data-type=Bought] .completed-trade__type,.transaction-card--buy .completed-trade__type,.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type,.transaction-card[data-type=Bought] .live-order__type,.transaction-card--buy .live-order__type,.live-order[data-type=Bought] .completed-trade__type,.live-order--buy .completed-trade__type,.live-order[data-type=Bought] .transaction-card__type,.live-order--buy .transaction-card__type,.live-order[data-type=Bought] .live-order__type,.live-order--buy .live-order__type{color:var(--green)}.completed-trade[data-type=Sold] .completed-trade__type,.completed-trade--sell .completed-trade__type,.completed-trade[data-type=Sold] .transaction-card__type,.completed-trade--sell .transaction-card__type,.completed-trade[data-type=Sold] .live-order__type,.completed-trade--sell .live-order__type,.transaction-card[data-type=Sold] .completed-trade__type,.transaction-card--sell .completed-trade__type,.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type,.transaction-card[data-type=Sold] .live-order__type,.transaction-card--sell .live-order__type,.live-order[data-type=Sold] .completed-trade__type,.live-order--sell .completed-trade__type,.live-order[data-type=Sold] .transaction-card__type,.live-order--sell .transaction-card__type,.live-order[data-type=Sold] .live-order__type,.live-order--sell .live-order__type{color:var(--danger-color)}.completed-trade__total,.transaction-card__total,.live-order__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.completed-trade__quantity,.completed-trade__price,.transaction-card__quantity,.transaction-card__price,.live-order__quantity,.live-order__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.completed-trade__time,.transaction-card__time,.live-order__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.completed-trade .more-info,.transaction-card .more-info,.live-order .more-info{flex-shrink:0;padding:.3rem}.transaction-card{content-visibility:auto;contain-intrinsic-size:2.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.completed-trade{display:grid;gap:.5rem;grid-template-columns:1fr 1fr;background-color:rgba(var(--text-color), 0.03);border-radius:.5rem;padding:1rem;margin-bottom:.5rem}#market_asset_rates{display:grid;gap:.5rem}#market_asset_rates .listed-asset{padding:1rem;background-color:rgba(var(--text-color), 0.03)}#market_orders_wrapper .list__header{font-size:.8rem;font-weight:500}#market_orders_wrapper .list__header div{padding:.5rem 0}#market_orders_wrapper .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.live-order{display:grid;gap:1rem;padding:1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.03)}.live-order:not(:last-of-type){margin-bottom:.5rem}.live-order[data-type=buy]{background-color:#00fa9a10}.live-order[data-type=sell]{background-color:#e2135110}#portfolio{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start;width:min(60rem,100%)}.personal-asset-balance{align-content:flex-start;padding:1rem;border-radius:.5rem;color:rgba(0,0,0,.8);width:100%}.personal-asset-balance:not(:last-of-type){margin-right:.5rem}.personal-asset-balance:nth-of-type(1){background:url("bg-art2.svg") no-repeat bottom right,#c2ffd7;background-size:contain}.personal-asset-balance:nth-of-type(1) .icon{background-color:rgba(102,255,156,.5)}.personal-asset-balance:nth-of-type(1) .button{border:solid thin rgba(102,255,156,.5)}.personal-asset-balance:nth-of-type(2){background:url("back.svg") no-repeat top right,#fcffa8;background-size:contain}.personal-asset-balance:nth-of-type(2) .icon{background-color:rgba(255,234,0,.5)}.personal-asset-balance>.flex{margin-bottom:.3rem}.personal-asset-balance>.flex .icon{height:2rem;width:2rem;padding:.4rem;border-radius:.3rem;fill:rgba(0,0,0,.8);margin-right:.5rem}.personal-asset-balance .button{display:flex;align-items:center;margin-top:.5rem;padding-right:.8rem;justify-self:flex-start;border-radius:1rem;background-color:rgba(var(--foreground-color), 1);color:rgba(var(--text-color), 1);transition:box-shadow .3s}.personal-asset-balance .button .icon{height:1rem;background-color:transparent;margin-right:.3rem}.personal-asset-balance .button:hover{box-shadow:0 .3rem .5rem rgba(0,0,0,.16)}#personal_rupee_balance span:first-of-type,#personal_flo_balance span:first-of-type{font-size:1.5rem}#personal_rupee_balance span:last-of-type,#personal_flo_balance span:last-of-type{font-size:.9rem}.portfolio_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.portfolio_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem;padding-bottom:1.5rem}.balance-card{display:grid;align-items:center;gap:0 .5rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1);padding:.5rem}.balance-card.is-locked{padding:1rem .5rem;grid-template-columns:auto 1fr auto;gap:.5rem}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:2/3;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#portfolio_result{justify-content:center;text-align:center}#portfolio_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#portfolio_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#portfolio_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}#help{width:min(60ch,100%);margin-bottom:3rem;align-content:flex-start}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}#main_header{padding:1.5rem}#user_popup_button{width:100%}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}#asset_list_wrapper{padding:0 1.5rem}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#exchange{margin:0;padding:0}#login_form{padding:0 1.5rem}#chart_header{padding:1rem 1.5rem .5rem 1.5rem;margin-left:-0.7rem}#trade_panel_backdrop{position:fixed;top:0;left:0;right:0;height:100%;background-color:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(0.5rem);backdrop-filter:blur(0.5rem);z-index:3}#show_trade_panel{position:absolute;border-radius:2rem;bottom:0;align-self:center;margin-bottom:1rem;z-index:5;font-size:1rem}#trade_form{position:fixed;height:auto;bottom:0;left:0;right:0;margin-top:auto;width:auto;z-index:10;padding:1.5rem 1.5rem 0 1.5rem;border-radius:1rem 1rem 0 0;background-color:rgba(var(--foreground-color), 1);box-shadow:0 -0.5rem 1rem rgba(0,0,0,.1)}#price_chart_container{flex:1}#portfolio_cards_wrapper{overflow-x:auto;-ms-scroll-snap-type:x proximity;scroll-snap-type:x proximity}.personal-asset-balance{scroll-snap-align:start;width:min(16rem,90%);flex-shrink:0}.hide-on-mobile{display:none !important}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.popup__header{grid-column:1/-1;padding:1rem 1.5rem 0 1.5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#user_popup_button{justify-self:flex-end}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}#pages_container>*{margin:0 1.5rem;padding:2rem}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:17rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:2rem;background-color:var(--accent-color)}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 52rem){body:not(.is-signed-in) #market{gap:2rem;width:100%;grid-template-columns:18rem 1fr}.completed-trade{grid-template-columns:1fr 1fr 1fr 8rem;grid-template-areas:"quantity price amount info"}.completed-trade .quantity-block{grid-area:quantity}.completed-trade .price-block{grid-area:price}.completed-trade .amount-block{grid-area:amount}.completed-trade .info-block{grid-area:info}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#portfolio{gap:1rem 2rem;grid-template-columns:1.2fr 1fr}#portfolio__header{grid-column:1/3;padding-bottom:1rem}#portfolio .balance-card{border:solid thin rgba(var(--text-color), 0.2)}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}}
\ No newline at end of file
diff --git a/docs/css/main.scss b/docs/css/main.scss
index 2ca4d46..bb09a1e 100644
--- a/docs/css/main.scss
+++ b/docs/css/main.scss
@@ -501,7 +501,7 @@ sm-checkbox {
 }
 .tooltip {
   position: relative;
-  z-index: 1;
+  z-index: 20;
   cursor: pointer;
   .banner {
     position: absolute;
@@ -911,10 +911,76 @@ sm-checkbox {
 }
 #portfolio {
   display: grid;
-  width: auto;
   gap: 1.5rem;
   grid-template-columns: minmax(0, 1fr);
   align-content: flex-start;
+  width: min(60rem, 100%);
+}
+.personal-asset-balance {
+  align-content: flex-start;
+  padding: 1rem;
+  border-radius: 0.5rem;
+  color: rgba(0, 0, 0, 0.8);
+  width: 100%;
+  &:not(:last-of-type) {
+    margin-right: 0.5rem;
+  }
+  &:nth-of-type(1) {
+    background: url("bg-art2.svg") no-repeat bottom right, hsl(141, 100%, 88%);
+    background-size: contain;
+    .icon {
+      background-color: hsla(141, 100%, 70%, 0.5);
+    }
+    .button {
+      border: solid thin hsla(141, 100%, 70%, 0.5);
+    }
+  }
+  &:nth-of-type(2) {
+    background: url("back.svg") no-repeat top right, hsl(62, 100%, 83%);
+    background-size: contain;
+    .icon {
+      background-color: hsla(55, 100%, 50%, 0.5);
+    }
+  }
+  & > .flex {
+    margin-bottom: 0.3rem;
+    .icon {
+      height: 2rem;
+      width: 2rem;
+      padding: 0.4rem;
+      border-radius: 0.3rem;
+      fill: rgba(0, 0, 0, 0.8);
+      margin-right: 0.5rem;
+    }
+  }
+  .button {
+    display: flex;
+    align-items: center;
+    margin-top: 0.5rem;
+    padding-right: 0.8rem;
+    justify-self: flex-start;
+    border-radius: 1rem;
+    background-color: rgba(var(--foreground-color), 1);
+    color: rgba(var(--text-color), 1);
+    transition: box-shadow 0.3s;
+    .icon {
+      height: 1rem;
+      background-color: transparent;
+      margin-right: 0.3rem;
+    }
+    &:hover {
+      box-shadow: 0 0.3rem 0.5rem rgba(0 0 0/ 0.16);
+    }
+  }
+}
+#personal_rupee_balance,
+#personal_flo_balance {
+  span:first-of-type {
+    font-size: 1.5rem;
+  }
+  span:last-of-type {
+    font-size: 0.9rem;
+  }
 }
 .portfolio_actions__wrapper {
   grid-column: span 3;
@@ -932,6 +998,7 @@ sm-checkbox {
 #my_assets {
   gap: 0.5rem;
   margin-top: 0.5rem;
+  padding-bottom: 1.5rem;
 }
 .balance-card {
   display: grid;
@@ -1184,6 +1251,15 @@ sm-checkbox {
   #price_chart_container {
     flex: 1;
   }
+  #portfolio_cards_wrapper {
+    overflow-x: auto;
+    scroll-snap-type: x proximity;
+  }
+  .personal-asset-balance {
+    scroll-snap-align: start;
+    width: min(16rem, 90%);
+    flex-shrink: 0;
+  }
   .hide-on-mobile {
     display: none !important;
   }
@@ -1336,7 +1412,7 @@ sm-checkbox {
   }
   #portfolio {
     gap: 1rem 2rem;
-    grid-template-columns: 20rem 24rem;
+    grid-template-columns: 1.2fr 1fr;
     &__header {
       grid-column: 1/3;
       padding-bottom: 1rem;
diff --git a/docs/index.html b/docs/index.html
index 7d35f71..2a656ec 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -305,14 +305,109 @@
                 </div>
             </div>
             <div id="portfolio" class="grid mobile-page hide">
-                <h4 id="portfolio__header">
-                    My portfolio
-                </h4>
+                <div id="portfolio__header" class="flex align-center space-between">
+                    <h4>
+                        My portfolio
+                    </h4>
+                    <div class="multi-state-button">
+                        <button id="portfolio_balance_refresh_button" class="button button--small"
+                            onclick="refresh(false,this);" title="Refresh">
+                            Refresh
+                        </button>
+                    </div>
+                </div>
                 <div class="grid gap-1-5">
                     <div class="grid">
                         <span class="label">Portfolio valuation</span>
                         <h1 id="portfolio_value" style="font-size: 2.5rem;"></h1>
                     </div>
+                    <div class="grid gap-1">
+                        <div class="flex align-center space-between">
+                            <h4>Assets on FLO ID</h4>
+                            <div class="tooltip">
+                                <svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24"
+                                    width="24px" fill="#000000">
+                                    <path d="M0 0h24v24H0V0z" fill="none" />
+                                    <path
+                                        d="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z" />
+                                </svg>
+                                <p class="banner">
+                                    You need to have rupee tokens in your FLO ID to purchase assets, which then can be
+                                    deposited
+                                    to your exchange account.
+                                </p>
+                            </div>
+                        </div>
+                        <div id="portfolio_cards_wrapper" class="flex">
+                            <div class="grid gap-0-5 personal-asset-balance">
+                                <div class="flex align-center">
+                                    <svg class="icon" xmlns="http://www.w3.org/2000/svg"
+                                        enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px"
+                                        fill="#000000">
+                                        <g>
+                                            <rect fill="none" height="24" width="24" />
+                                        </g>
+                                        <g>
+                                            <g>
+                                                <path
+                                                    d="M13.66,7C13.1,5.82,11.9,5,10.5,5L6,5V3h12v2l-3.26,0c0.48,0.58,0.84,1.26,1.05,2L18,7v2l-2.02,0c-0.25,2.8-2.61,5-5.48,5 H9.77l6.73,7h-2.77L7,14v-2h3.5c1.76,0,3.22-1.3,3.46-3L6,9V7L13.66,7z" />
+                                            </g>
+                                        </g>
+                                    </svg>
+                                    <h5>Rupee token</h5>
+                                </div>
+                                <h1 class="h1" id="personal_rupee_balance"></h1>
+                                <a href="https://ranchimall.github.io/flopay/#/home" target="_blank"
+                                    class="button interact">
+                                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px"
+                                        viewBox="0 0 24 24" width="24px" fill="#000000">
+                                        <path d="M0 0h24v24H0z" fill="none"></path>
+                                        <path
+                                            d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z">
+                                        </path>
+                                    </svg>
+                                    Top-up
+                                </a>
+                            </div>
+                            <div class="grid gap-0-5 personal-asset-balance">
+                                <div class="flex align-center">
+                                    <svg class="icon flo-icon" width="64" height="64" viewBox="0 0 64 64" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg">
+                                        <mask id="path-1-outside-1_16_6" maskUnits="userSpaceOnUse" x="3" y="3"
+                                            width="58" height="58">
+                                            <rect fill="white" x="3" y="3" width="58" height="58" />
+                                            <path fill-rule="evenodd" clip-rule="evenodd"
+                                                d="M31.946 43.6019C28.8545 47.1308 28.7789 51.9719 31.9811 55.1957C35.0078 52.2797 35.0105 46.8446 31.946 43.6019ZM31.9487 10.6835C24.6452 19.1291 24.9206 29.1137 31.9433 37.4108C39.0929 28.9436 39.1118 19.0076 31.9487 10.6808V10.6835ZM37.1111 35.051C43.1861 28.841 50.5976 27.4208 59 28.7654C56.2919 34.9754 52.4714 39.9353 45.7214 42.53C47.2118 41.3609 48.5699 40.4051 49.7984 39.3089C51.8504 37.481 53.303 35.267 54.0293 32.6075C54.2588 31.7678 53.9618 31.5302 53.1896 31.406C50.3627 30.9524 47.7086 31.5464 45.1733 32.702C40.9073 34.646 37.4324 37.6403 34.1735 40.8938C34.1168 40.9532 34.0925 41.0396 33.9899 41.2259C40.3754 41.4689 45.2381 44.0177 48.119 49.9064C44.3768 50.738 40.9532 50.5625 37.778 48.5213C40.1702 49.2557 42.557 49.7903 45.176 48.5483C44.852 48.0083 44.663 47.3765 44.231 47.0228C43.0511 46.0589 41.8415 45.0842 40.505 44.3498C38.4395 43.2212 36.131 42.692 33.5768 42.1682C37.0247 48.2081 36.1607 53.6918 31.946 59C29.9858 56.5295 28.6142 53.9456 28.2389 50.8946C27.8609 47.8328 28.7222 45.0518 30.1991 42.3896C26.9321 41.8658 19.8824 45.6485 18.7916 48.5645C21.3215 49.8443 23.7893 49.2611 26.33 48.3161C24.5048 50.1953 19.2425 50.9648 15.8108 49.8335C18.6593 44.0285 23.4977 41.4716 30.0263 41.2286C29.5457 40.7426 29.1893 40.3673 28.8167 40.0082C26.1005 37.3892 23.2142 34.9862 19.823 33.2366C17.0501 31.8056 14.1422 30.9092 10.9481 31.3871C10.5701 31.4438 10.1948 31.5356 9.6656 31.6436C10.6376 36.6386 13.9856 39.7355 18.1274 42.3464C13.775 41.8199 6.431 34.214 5 28.7546C13.397 27.3938 20.849 28.8842 26.897 35.2319C21.8939 24.089 24.5561 14.2259 31.946 5C39.2765 14.153 41.9657 23.9459 37.1111 35.051" />
+                                        </mask>
+                                        <path fill-rule="evenodd" clip-rule="evenodd"
+                                            d="M31.946 43.6019C28.8545 47.1308 28.7789 51.9719 31.9811 55.1957C35.0078 52.2797 35.0105 46.8446 31.946 43.6019ZM31.9487 10.6835C24.6452 19.1291 24.9206 29.1137 31.9433 37.4108C39.0929 28.9436 39.1118 19.0076 31.9487 10.6808V10.6835ZM37.1111 35.051C43.1861 28.841 50.5976 27.4208 59 28.7654C56.2919 34.9754 52.4714 39.9353 45.7214 42.53C47.2118 41.3609 48.5699 40.4051 49.7984 39.3089C51.8504 37.481 53.303 35.267 54.0293 32.6075C54.2588 31.7678 53.9618 31.5302 53.1896 31.406C50.3627 30.9524 47.7086 31.5464 45.1733 32.702C40.9073 34.646 37.4324 37.6403 34.1735 40.8938C34.1168 40.9532 34.0925 41.0396 33.9899 41.2259C40.3754 41.4689 45.2381 44.0177 48.119 49.9064C44.3768 50.738 40.9532 50.5625 37.778 48.5213C40.1702 49.2557 42.557 49.7903 45.176 48.5483C44.852 48.0083 44.663 47.3765 44.231 47.0228C43.0511 46.0589 41.8415 45.0842 40.505 44.3498C38.4395 43.2212 36.131 42.692 33.5768 42.1682C37.0247 48.2081 36.1607 53.6918 31.946 59C29.9858 56.5295 28.6142 53.9456 28.2389 50.8946C27.8609 47.8328 28.7222 45.0518 30.1991 42.3896C26.9321 41.8658 19.8824 45.6485 18.7916 48.5645C21.3215 49.8443 23.7893 49.2611 26.33 48.3161C24.5048 50.1953 19.2425 50.9648 15.8108 49.8335C18.6593 44.0285 23.4977 41.4716 30.0263 41.2286C29.5457 40.7426 29.1893 40.3673 28.8167 40.0082C26.1005 37.3892 23.2142 34.9862 19.823 33.2366C17.0501 31.8056 14.1422 30.9092 10.9481 31.3871C10.5701 31.4438 10.1948 31.5356 9.6656 31.6436C10.6376 36.6386 13.9856 39.7355 18.1274 42.3464C13.775 41.8199 6.431 34.214 5 28.7546C13.397 27.3938 20.849 28.8842 26.897 35.2319C21.8939 24.089 24.5561 14.2259 31.946 5C39.2765 14.153 41.9657 23.9459 37.1111 35.051" />
+                                        <path
+                                            d="M31.946 43.6019L32.6728 42.915L31.918 42.1163L31.1938 42.943L31.946 43.6019ZM31.9811 55.1957L31.2716 55.9004L31.9657 56.5992L32.6749 55.9159L31.9811 55.1957ZM31.9487 10.6835L32.7051 11.3376L32.9487 11.0559V10.6835H31.9487ZM31.9433 37.4108L31.18 38.0569L31.9442 38.9597L32.7074 38.056L31.9433 37.4108ZM31.9487 10.6808L32.7068 10.0287L30.9487 7.98495V10.6808H31.9487ZM59 28.7654L59.9166 29.1651L60.4326 27.9819L59.158 27.778L59 28.7654ZM45.7214 42.53L45.1042 41.7432L46.0802 43.4634L45.7214 42.53ZM49.7984 39.3089L49.1332 38.5622L49.1326 38.5628L49.7984 39.3089ZM54.0293 32.6075L53.0647 32.3439L53.0646 32.3441L54.0293 32.6075ZM53.1896 31.406L53.3484 30.4187L53.348 30.4186L53.1896 31.406ZM45.1733 32.702L45.588 33.612L45.5881 33.6119L45.1733 32.702ZM34.1735 40.8938L33.467 40.1861L33.4585 40.1946L33.4501 40.2033L34.1735 40.8938ZM33.9899 41.2259L33.114 40.7435L32.3319 42.1635L33.9519 42.2252L33.9899 41.2259ZM48.119 49.9064L48.3359 50.8826L49.5751 50.6072L49.0173 49.4669L48.119 49.9064ZM37.778 48.5213L38.0715 47.5653L37.2372 49.3625L37.778 48.5213ZM45.176 48.5483L45.6045 49.4518L46.6008 48.9794L46.0335 48.0338L45.176 48.5483ZM44.231 47.0228L44.8645 46.2491L44.8637 46.2484L44.231 47.0228ZM40.505 44.3498L40.9866 43.4734L40.9845 43.4723L40.505 44.3498ZM33.5768 42.1682L33.7777 41.1886L31.6127 40.7446L32.7083 42.664L33.5768 42.1682ZM31.946 59L31.1626 59.6216L31.9457 60.6085L32.7292 59.6218L31.946 59ZM28.2389 50.8946L29.2314 50.7725L29.2314 50.7721L28.2389 50.8946ZM30.1991 42.3896L31.0736 42.8747L31.7652 41.6279L30.3574 41.4022L30.1991 42.3896ZM18.7916 48.5645L17.855 48.2141L17.5413 49.0527L18.3402 49.4568L18.7916 48.5645ZM26.33 48.3161L27.0473 49.0128L25.9814 47.3788L26.33 48.3161ZM15.8108 49.8335L14.9131 49.393L14.4073 50.4237L15.4977 50.7832L15.8108 49.8335ZM30.0263 41.2286L30.0635 42.2279L32.3372 42.1433L30.7373 40.5255L30.0263 41.2286ZM28.8167 40.0082L28.1226 40.7281L28.1228 40.7282L28.8167 40.0082ZM19.823 33.2366L19.3644 34.1252L19.3645 34.1253L19.823 33.2366ZM10.9481 31.3871L10.8001 30.3981L10.7998 30.3982L10.9481 31.3871ZM9.6656 31.6436L9.46564 30.6638L8.49474 30.8619L8.68401 31.8346L9.6656 31.6436ZM18.1274 42.3464L18.0073 43.3392L18.6607 41.5005L18.1274 42.3464ZM5 28.7546L4.84003 27.7675L3.75363 27.9435L4.03268 29.0082L5 28.7546ZM26.897 35.2319L26.173 35.9217L27.8093 34.8223L26.897 35.2319ZM31.946 5L32.7265 4.37488L31.9461 3.40036L31.1655 4.37483L31.946 5ZM31.1938 42.943C27.7974 46.8199 27.6566 52.261 31.2716 55.9004L32.6906 54.491C29.9012 51.6828 29.9116 47.4417 32.6982 44.2609L31.1938 42.943ZM32.6749 55.9159C36.1304 52.5867 36.081 46.5214 32.6728 42.915L31.2192 44.2888C33.94 47.1678 33.8852 51.9727 31.2873 54.4755L32.6749 55.9159ZM31.1923 10.0294C27.4048 14.4092 25.5379 19.2455 25.5737 24.1102C25.6095 28.971 27.5438 33.7608 31.18 38.0569L32.7066 36.7647C29.3201 32.7637 27.6054 28.4127 27.5736 24.0955C27.5419 19.7822 29.1891 15.4034 32.7051 11.3376L31.1923 10.0294ZM32.7074 38.056C36.4083 33.6729 38.31 28.8504 38.3133 23.9938C38.3165 19.1359 36.42 14.3451 32.7068 10.0287L31.1906 11.3329C34.6405 15.3433 36.3161 19.6839 36.3133 23.9925C36.3104 28.3024 34.6279 32.6815 31.1792 36.7656L32.7074 38.056ZM30.9487 10.6808V10.6835H32.9487V10.6808H30.9487ZM37.8259 35.7503C43.6131 29.8345 50.6632 28.444 58.842 29.7528L59.158 27.778C50.532 26.3976 42.7591 27.8475 36.3963 34.3517L37.8259 35.7503ZM58.0834 28.3657C55.4402 34.4268 51.7791 39.1301 45.3626 41.5966L46.0802 43.4634C53.1637 40.7405 57.1436 35.524 59.9166 29.1651L58.0834 28.3657ZM46.3386 43.3168C47.7733 42.1914 49.2057 41.178 50.4642 40.055L49.1326 38.5628C47.9341 39.6322 46.6503 40.5304 45.1042 41.7432L46.3386 43.3168ZM50.4636 40.0556C52.6466 38.111 54.2121 35.7338 54.994 32.871L53.0646 32.3441C52.3939 34.8002 51.0542 36.851 49.1332 38.5622L50.4636 40.0556ZM54.9939 32.8711C55.1262 32.3872 55.2248 31.6946 54.7698 31.1186C54.3643 30.6053 53.7257 30.4794 53.3484 30.4187L53.0308 32.3933C53.1086 32.4058 53.17 32.4181 53.2184 32.43C53.2671 32.442 53.2955 32.4518 53.3091 32.4572C53.3227 32.4626 53.3139 32.4606 53.2926 32.4461C53.2699 32.4307 53.2353 32.4025 53.2004 32.3583C53.1832 32.3366 53.1677 32.3132 53.1543 32.2886C53.1409 32.264 53.1307 32.2402 53.1231 32.2182C53.1079 32.1742 53.1053 32.144 53.1049 32.1366C53.1046 32.1302 53.1059 32.1427 53.1007 32.1797C53.0955 32.2165 53.0849 32.27 53.0647 32.3439L54.9939 32.8711ZM53.348 30.4186C50.274 29.9254 47.4176 30.5801 44.7585 31.7921L45.5881 33.6119C47.9996 32.5127 50.4514 31.9794 53.0312 32.3934L53.348 30.4186ZM44.7586 31.792C40.3293 33.8104 36.7535 36.9051 33.467 40.1861L34.88 41.6015C38.1113 38.3755 41.4853 35.4816 45.588 33.612L44.7586 31.792ZM33.4501 40.2033C33.3063 40.354 33.2291 40.5156 33.2033 40.5674C33.1672 40.64 33.1517 40.6749 33.114 40.7435L34.8658 41.7083C34.9307 41.5906 34.9786 41.4891 34.9945 41.4572C35.0049 41.4363 35.0004 41.4467 34.9882 41.4667C34.9731 41.4914 34.9435 41.5355 34.8969 41.5843L33.4501 40.2033ZM33.9519 42.2252C37.0233 42.3421 39.6629 43.0109 41.8597 44.3098C44.0485 45.6039 45.857 47.5582 47.2207 50.3459L49.0173 49.4669C47.5001 46.3659 45.4368 44.1014 42.8776 42.5882C40.3265 41.0798 37.342 40.3527 34.0279 40.2266L33.9519 42.2252ZM47.9021 48.9302C44.3241 49.7253 41.1983 49.5313 38.3188 47.6801L37.2372 49.3625C40.7081 51.5937 44.4295 51.7507 48.3359 50.8826L47.9021 48.9302ZM37.4845 49.4773C39.9089 50.2215 42.6205 50.8669 45.6045 49.4518L44.7475 47.6448C42.4935 48.7137 40.4315 48.2899 38.0715 47.5653L37.4845 49.4773ZM46.0335 48.0338C45.8849 47.7862 45.8212 47.6158 45.6292 47.2504C45.4736 46.9544 45.2423 46.5584 44.8645 46.2491L43.5975 47.7965C43.6517 47.8409 43.7309 47.9377 43.8588 48.181C43.9503 48.3549 44.1431 48.7704 44.3185 49.0628L46.0335 48.0338ZM44.8637 46.2484C43.6913 45.2906 42.4149 44.2582 40.9866 43.4734L40.0234 45.2262C41.2681 45.9102 42.4109 46.8272 43.5983 47.7972L44.8637 46.2484ZM40.9845 43.4723C38.7711 42.2628 36.3236 41.7107 33.7777 41.1886L33.3759 43.1478C35.9384 43.6733 38.1079 44.1796 40.0255 45.2273L40.9845 43.4723ZM32.7083 42.664C34.346 45.5328 34.9255 48.203 34.6411 50.7474C34.3555 53.3015 33.1882 55.8274 31.1628 58.3782L32.7292 59.6218C34.9185 56.8644 36.2905 53.9944 36.6287 50.9696C36.9679 47.9351 36.2555 44.8435 34.4453 41.6724L32.7083 42.664ZM32.7294 58.3784C30.8397 55.9968 29.577 53.5818 29.2314 50.7725L27.2464 51.0167C27.6514 54.3094 29.1319 57.0622 31.1626 59.6216L32.7294 58.3784ZM29.2314 50.7721C28.8877 47.9881 29.6602 45.4224 31.0736 42.8747L29.3247 41.9045C27.7842 44.6812 26.8341 47.6775 27.2464 51.0171L29.2314 50.7721ZM30.3574 41.4022C29.3303 41.2375 28.1125 41.4187 26.9159 41.7622C25.6987 42.1117 24.4105 42.6564 23.2045 43.307C21.999 43.9574 20.8488 44.728 19.9166 45.543C19.005 46.3399 18.2137 47.2553 17.855 48.2141L19.7282 48.9149C19.9149 48.4157 20.4139 47.7647 21.233 47.0487C22.0314 46.3507 23.0524 45.6616 24.1541 45.0672C25.2552 44.4732 26.4102 43.9882 27.4678 43.6846C28.5458 43.3751 29.4344 43.2798 30.0408 43.377L30.3574 41.4022ZM18.3402 49.4568C21.2702 50.939 24.0958 50.214 26.6786 49.2534L25.9814 47.3788C23.4828 48.3082 21.3728 48.7496 19.243 47.6722L18.3402 49.4568ZM25.6127 47.6194C24.9334 48.3187 23.4333 48.9382 21.5294 49.2141C19.6667 49.484 17.6562 49.3889 16.1239 48.8838L15.4977 50.7832C17.3971 51.4094 19.7336 51.4952 21.8162 51.1934C23.8578 50.8976 25.9014 50.1927 27.0473 49.0128L25.6127 47.6194ZM16.7085 50.274C18.0554 47.5292 19.8486 45.5942 22.044 44.3081C24.2482 43.0169 26.918 42.345 30.0635 42.2279L29.9891 40.2293C26.606 40.3552 23.5923 41.0832 21.0331 42.5824C18.4649 44.0869 16.4147 46.3328 14.9131 49.393L16.7085 50.274ZM30.7373 40.5255C30.2757 40.0586 29.8942 39.6578 29.5106 39.2882L28.1228 40.7282C28.4844 41.0768 28.8157 41.4266 29.3153 41.9317L30.7373 40.5255ZM29.5108 39.2883C26.7637 36.6396 23.7967 34.1615 20.2815 32.3479L19.3645 34.1253C22.6317 35.8109 25.4373 38.1388 28.1226 40.7281L29.5108 39.2883ZM20.2816 32.348C17.4111 30.8666 14.2829 29.877 10.8001 30.3981L11.0961 32.3761C14.0015 31.9414 16.6891 32.7446 19.3644 34.1252L20.2816 32.348ZM10.7998 30.3982C10.388 30.4599 9.94468 30.566 9.46564 30.6638L9.86556 32.6234C10.4449 32.5052 10.7522 32.4277 11.0964 32.376L10.7998 30.3982ZM8.68401 31.8346C9.73479 37.2345 13.3673 40.5279 17.5941 43.1923L18.6607 41.5005C14.6039 38.9431 11.5404 36.0427 10.6472 31.4526L8.68401 31.8346ZM18.2475 41.3536C17.3819 41.2489 16.2594 40.7693 14.9918 39.9335C13.742 39.1093 12.427 37.9891 11.1875 36.7057C8.68437 34.1137 6.62095 30.9947 5.96732 28.5011L4.03268 29.0082C4.81005 31.9739 7.13413 35.3875 9.74885 38.095C11.0683 39.4613 12.4947 40.6825 13.8908 41.6031C15.2691 42.512 16.6967 43.1806 18.0073 43.3392L18.2475 41.3536ZM5.15997 29.7417C13.3246 28.4186 20.4108 29.874 26.173 35.9217L27.621 34.5421C21.2872 27.8944 13.4694 26.369 4.84003 27.7675L5.15997 29.7417ZM27.8093 34.8223C25.3851 29.4232 24.8341 24.3801 25.7561 19.5859C26.6809 14.7778 29.1009 10.1516 32.7265 5.62517L31.1655 4.37483C27.4012 9.07433 24.7952 13.9927 23.7921 19.2082C22.7863 24.4378 23.4058 29.8977 25.9847 35.6415L27.8093 34.8223ZM31.1655 5.62512C34.7619 10.1157 37.1747 14.7077 38.1168 19.4869C39.0562 24.2523 38.5469 29.2701 36.1948 34.6504L38.0274 35.4515C40.5299 29.7268 41.1033 24.2956 40.0791 19.1001C39.0576 13.9183 36.4606 9.03731 32.7265 4.37488L31.1655 5.62512Z"
+                                            mask="url(#path-1-outside-1_16_6)" />
+                                    </svg>
+                                    <h5>FLO</h5>
+                                </div>
+                                <h1 class="h1" id="personal_flo_balance"></h1>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="grid gap-0-5">
+                    <div class="flex align-center space-between">
+                        <h4>Owned assets on exchange</h4>
+                        <div class="tooltip">
+                            <svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24"
+                                width="24px" fill="#000000">
+                                <path d="M0 0h24v24H0V0z" fill="none" />
+                                <path
+                                    d="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z" />
+                            </svg>
+                            <p class="banner">
+                                Your assets on exchange remains separate until they are withdrawn to your FLO ID.
+                            </p>
+                        </div>
+                    </div>
+                    <p>Deposit rupee from your FLO ID to exchange to purchase assets.</p>
                     <div id="portfolio_actions" class="w-100" style="z-index: 5;">
                         <p class="label">Select asset</p>
                         <sm-select id="portfolio_asset_selector"></sm-select>
@@ -328,21 +423,6 @@
                             </button>
                         </div>
                     </div>
-                </div>
-                <div class="grid gap-0-5">
-                    <div class="grid gap-0-3">
-                        <div class="flex align-center space-between">
-                            <h4>Balance</h4>
-                            <div class="multi-state-button">
-                                <button id="portfolio_balance_refresh_button" class="button button--small"
-                                    onclick="refresh(false,this);" title="Refresh">
-                                    Refresh
-                                </button>
-                            </div>
-                        </div>
-                        <p>
-                            Your assets on exchange remains separate until they are withdrawn to your FLO ID.</p>
-                    </div>
                     <ul id="my_assets" class="grid"></ul>
                 </div>
             </div>
@@ -2610,6 +2690,16 @@
                 getRef('portfolio_value').textContent = formatAmount(toFixed(totalPortfolio, 2), true)
                 //My orders
                 render.userOrders();
+
+                // show personal assets
+                floBlockchainAPI.getBalance(acc.floID).then(balance => {
+                    const [beforeDecimal, afterDecimal = '00'] = String(balance).split('.')
+                    getRef('personal_flo_balance').innerHTML = `<span><b>${beforeDecimal}</b></span>.<span>${afterDecimal}</span>`
+                })
+                floTokenAPI.getBalance(accountDetails.floID, 'rupee').then(balance => {
+                    const [beforeDecimal, afterDecimal] = formatAmount(balance, true).split('₹')[1].split('.')
+                    getRef('personal_rupee_balance').innerHTML = `<span><b>${beforeDecimal}</b></span>.<span>${afterDecimal}</span>`
+                })
                 proxy.secret.then(_ => null).catch(_ => null);
                 showPage(window.location.hash);
             }).catch(error => {

From c254b99bbcc8d635449bca16d0225128f5a29bf7 Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Tue, 17 May 2022 01:55:44 +0530
Subject: [PATCH 098/168] Minor UI and copy update

---
 docs/css/main.css     | 10 ++++++++++
 docs/css/main.min.css |  2 +-
 docs/css/main.scss    | 10 ++++++++++
 docs/index.html       | 28 ++++++++++++++++------------
 4 files changed, 37 insertions(+), 13 deletions(-)

diff --git a/docs/css/main.css b/docs/css/main.css
index 2a232a0..dcf3ecd 100644
--- a/docs/css/main.css
+++ b/docs/css/main.css
@@ -1308,6 +1308,16 @@ sm-checkbox {
   margin-bottom: 3rem;
   align-content: flex-start;
 }
+#help ul {
+  list-style: initial;
+  display: grid;
+  gap: 1rem;
+}
+#help ul li {
+  margin-left: 1rem;
+  padding-left: 0.5rem;
+  font-size: 0.9rem;
+}
 
 @media screen and (max-width: 40rem) and (any-hover: none) {
   .cancel-order span {
diff --git a/docs/css/main.min.css b/docs/css/main.min.css
index 8e4e9f1..9b54c51 100644
--- a/docs/css/main.min.css
+++ b/docs/css/main.min.css
@@ -1 +1 @@
-*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #516beb;--text-color: 20, 20, 20;--foreground-color: 252, 253, 255;--background-color: 241, 243, 248;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a4b3ff;--text-color: 220, 220, 220;--foreground-color: 27, 28, 29;--background-color: 21, 22, 22;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{text-decoration:none;color:var(--accent-color)}a:focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a.button{padding:.4rem .6rem;border-radius:.3rem;font-size:.9rem;font-weight:500;color:inherit}button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:500;white-space:nowrap;padding:.8rem;border-radius:.3rem;justify-content:center}button:focus-visible{outline:var(--accent-color) solid medium}button:not(:disabled){cursor:pointer}.button{background-color:rgba(var(--text-color), 0.06)}.button--primary,.button--danger{color:rgba(var(--background-color), 1) !important}.button--primary .icon,.button--danger .icon{fill:rgba(var(--background-color), 1)}.button--primary{background-color:var(--accent-color)}.button--danger{background-color:var(--danger-color)}.button--small{padding:.4rem .6rem}.cta{text-transform:uppercase;font-size:.8rem;font-weight:700;letter-spacing:.05em;padding:.8rem 1rem}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}sm-copy{font-size:.9rem}ul{list-style:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wrap-around{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.direction-column{flex-direction:column}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.5rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem;align-items:center;justify-items:flex-start}.popup__header__close{padding:.5rem;margin-left:-0.5rem}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:auto}.logo h4{text-transform:capitalize;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details:not(:last-of-type){border-bottom:thin solid rgba(var(--text-color), 0.3)}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}details .icon{flex-shrink:0}details[open]{padding-bottom:1rem}details[open] summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.9rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.tooltip{position:relative;z-index:20;cursor:pointer}.tooltip .banner{position:absolute;right:0;width:min(20rem,100vw - 1rem);display:none;font-size:.9rem;background-color:rgba(var(--foreground-color), 1);padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.1);border:solid thin rgba(var(--text-color), 0.2)}.tooltip:hover .banner{display:block}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem;width:100%;align-items:center}#user_popup_button{background-color:rgba(var(--text-color), 0.06);border-radius:2rem;font-size:.8rem}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto}#pages_container>*{padding:0 1.5rem;min-width:min(26rem,100%)}.listed-asset{position:relative;gap:.5rem;padding:1rem 0;border-radius:.5rem;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;grid-template-columns:auto 1fr auto auto;grid-template-areas:"icon name rate right-arrow" "icon name countdown right-arrow"}.listed-asset__icon{grid-area:icon;padding:.5rem;border-radius:1rem;display:flex;background-color:var(--accent-color)}.listed-asset__icon .icon{height:1.2rem;width:1.2rem;fill:rgba(var(--background-color), 1)}.listed-asset__name{grid-area:name;margin-left:.3rem}.listed-asset__rate{grid-area:rate}.listed-asset__countdown{display:flex;align-items:center;grid-area:countdown;justify-self:flex-end;font-size:.8rem;color:var(--accent-color)}.listed-asset__countdown .icon{margin-left:.3rem;overflow:visible;stroke-width:3;fill:none}.listed-asset__countdown .icon .path-a{stroke:var(--accent-color);stroke-dashoffset:var(--path-length, 0);stroke-dasharray:63}.listed-asset__countdown .icon .path-b{stroke:rgba(var(--text-color), 0.2)}.listed-asset__right-arrow{grid-area:right-arrow;background-color:rgba(var(--text-color), 0.1);border-radius:1rem;padding:.1rem;margin-left:.3rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#portfolio_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{position:relative;display:flex;flex-direction:column;height:100%}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(46rem,100%)}#my_orders{grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content;border-radius:.5rem}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{cursor:pointer;margin-right:.5rem}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.completed-trade,.transaction-card,.live-order{gap:0 1rem}.completed-trade__type,.transaction-card__type,.live-order__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.completed-trade[data-type=Bought] .completed-trade__type,.completed-trade--buy .completed-trade__type,.completed-trade[data-type=Bought] .transaction-card__type,.completed-trade--buy .transaction-card__type,.completed-trade[data-type=Bought] .live-order__type,.completed-trade--buy .live-order__type,.transaction-card[data-type=Bought] .completed-trade__type,.transaction-card--buy .completed-trade__type,.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type,.transaction-card[data-type=Bought] .live-order__type,.transaction-card--buy .live-order__type,.live-order[data-type=Bought] .completed-trade__type,.live-order--buy .completed-trade__type,.live-order[data-type=Bought] .transaction-card__type,.live-order--buy .transaction-card__type,.live-order[data-type=Bought] .live-order__type,.live-order--buy .live-order__type{color:var(--green)}.completed-trade[data-type=Sold] .completed-trade__type,.completed-trade--sell .completed-trade__type,.completed-trade[data-type=Sold] .transaction-card__type,.completed-trade--sell .transaction-card__type,.completed-trade[data-type=Sold] .live-order__type,.completed-trade--sell .live-order__type,.transaction-card[data-type=Sold] .completed-trade__type,.transaction-card--sell .completed-trade__type,.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type,.transaction-card[data-type=Sold] .live-order__type,.transaction-card--sell .live-order__type,.live-order[data-type=Sold] .completed-trade__type,.live-order--sell .completed-trade__type,.live-order[data-type=Sold] .transaction-card__type,.live-order--sell .transaction-card__type,.live-order[data-type=Sold] .live-order__type,.live-order--sell .live-order__type{color:var(--danger-color)}.completed-trade__total,.transaction-card__total,.live-order__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.completed-trade__quantity,.completed-trade__price,.transaction-card__quantity,.transaction-card__price,.live-order__quantity,.live-order__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.completed-trade__time,.transaction-card__time,.live-order__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.completed-trade .more-info,.transaction-card .more-info,.live-order .more-info{flex-shrink:0;padding:.3rem}.transaction-card{content-visibility:auto;contain-intrinsic-size:2.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.completed-trade{display:grid;gap:.5rem;grid-template-columns:1fr 1fr;background-color:rgba(var(--text-color), 0.03);border-radius:.5rem;padding:1rem;margin-bottom:.5rem}#market_asset_rates{display:grid;gap:.5rem}#market_asset_rates .listed-asset{padding:1rem;background-color:rgba(var(--text-color), 0.03)}#market_orders_wrapper .list__header{font-size:.8rem;font-weight:500}#market_orders_wrapper .list__header div{padding:.5rem 0}#market_orders_wrapper .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.live-order{display:grid;gap:1rem;padding:1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.03)}.live-order:not(:last-of-type){margin-bottom:.5rem}.live-order[data-type=buy]{background-color:#00fa9a10}.live-order[data-type=sell]{background-color:#e2135110}#portfolio{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start;width:min(60rem,100%)}.personal-asset-balance{align-content:flex-start;padding:1rem;border-radius:.5rem;color:rgba(0,0,0,.8);width:100%}.personal-asset-balance:not(:last-of-type){margin-right:.5rem}.personal-asset-balance:nth-of-type(1){background:url("bg-art2.svg") no-repeat bottom right,#c2ffd7;background-size:contain}.personal-asset-balance:nth-of-type(1) .icon{background-color:rgba(102,255,156,.5)}.personal-asset-balance:nth-of-type(1) .button{border:solid thin rgba(102,255,156,.5)}.personal-asset-balance:nth-of-type(2){background:url("back.svg") no-repeat top right,#fcffa8;background-size:contain}.personal-asset-balance:nth-of-type(2) .icon{background-color:rgba(255,234,0,.5)}.personal-asset-balance>.flex{margin-bottom:.3rem}.personal-asset-balance>.flex .icon{height:2rem;width:2rem;padding:.4rem;border-radius:.3rem;fill:rgba(0,0,0,.8);margin-right:.5rem}.personal-asset-balance .button{display:flex;align-items:center;margin-top:.5rem;padding-right:.8rem;justify-self:flex-start;border-radius:1rem;background-color:rgba(var(--foreground-color), 1);color:rgba(var(--text-color), 1);transition:box-shadow .3s}.personal-asset-balance .button .icon{height:1rem;background-color:transparent;margin-right:.3rem}.personal-asset-balance .button:hover{box-shadow:0 .3rem .5rem rgba(0,0,0,.16)}#personal_rupee_balance span:first-of-type,#personal_flo_balance span:first-of-type{font-size:1.5rem}#personal_rupee_balance span:last-of-type,#personal_flo_balance span:last-of-type{font-size:.9rem}.portfolio_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.portfolio_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem;padding-bottom:1.5rem}.balance-card{display:grid;align-items:center;gap:0 .5rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1);padding:.5rem}.balance-card.is-locked{padding:1rem .5rem;grid-template-columns:auto 1fr auto;gap:.5rem}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:2/3;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#portfolio_result{justify-content:center;text-align:center}#portfolio_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#portfolio_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#portfolio_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}#help{width:min(60ch,100%);margin-bottom:3rem;align-content:flex-start}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}#main_header{padding:1.5rem}#user_popup_button{width:100%}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}#asset_list_wrapper{padding:0 1.5rem}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#exchange{margin:0;padding:0}#login_form{padding:0 1.5rem}#chart_header{padding:1rem 1.5rem .5rem 1.5rem;margin-left:-0.7rem}#trade_panel_backdrop{position:fixed;top:0;left:0;right:0;height:100%;background-color:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(0.5rem);backdrop-filter:blur(0.5rem);z-index:3}#show_trade_panel{position:absolute;border-radius:2rem;bottom:0;align-self:center;margin-bottom:1rem;z-index:5;font-size:1rem}#trade_form{position:fixed;height:auto;bottom:0;left:0;right:0;margin-top:auto;width:auto;z-index:10;padding:1.5rem 1.5rem 0 1.5rem;border-radius:1rem 1rem 0 0;background-color:rgba(var(--foreground-color), 1);box-shadow:0 -0.5rem 1rem rgba(0,0,0,.1)}#price_chart_container{flex:1}#portfolio_cards_wrapper{overflow-x:auto;-ms-scroll-snap-type:x proximity;scroll-snap-type:x proximity}.personal-asset-balance{scroll-snap-align:start;width:min(16rem,90%);flex-shrink:0}.hide-on-mobile{display:none !important}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.popup__header{grid-column:1/-1;padding:1rem 1.5rem 0 1.5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#user_popup_button{justify-self:flex-end}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}#pages_container>*{margin:0 1.5rem;padding:2rem}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:17rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:2rem;background-color:var(--accent-color)}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 52rem){body:not(.is-signed-in) #market{gap:2rem;width:100%;grid-template-columns:18rem 1fr}.completed-trade{grid-template-columns:1fr 1fr 1fr 8rem;grid-template-areas:"quantity price amount info"}.completed-trade .quantity-block{grid-area:quantity}.completed-trade .price-block{grid-area:price}.completed-trade .amount-block{grid-area:amount}.completed-trade .info-block{grid-area:info}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#portfolio{gap:1rem 2rem;grid-template-columns:1.2fr 1fr}#portfolio__header{grid-column:1/3;padding-bottom:1rem}#portfolio .balance-card{border:solid thin rgba(var(--text-color), 0.2)}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}}
\ No newline at end of file
+*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #516beb;--text-color: 20, 20, 20;--foreground-color: 252, 253, 255;--background-color: 241, 243, 248;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a4b3ff;--text-color: 220, 220, 220;--foreground-color: 27, 28, 29;--background-color: 21, 22, 22;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{text-decoration:none;color:var(--accent-color)}a:focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a.button{padding:.4rem .6rem;border-radius:.3rem;font-size:.9rem;font-weight:500;color:inherit}button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:500;white-space:nowrap;padding:.8rem;border-radius:.3rem;justify-content:center}button:focus-visible{outline:var(--accent-color) solid medium}button:not(:disabled){cursor:pointer}.button{background-color:rgba(var(--text-color), 0.06)}.button--primary,.button--danger{color:rgba(var(--background-color), 1) !important}.button--primary .icon,.button--danger .icon{fill:rgba(var(--background-color), 1)}.button--primary{background-color:var(--accent-color)}.button--danger{background-color:var(--danger-color)}.button--small{padding:.4rem .6rem}.cta{text-transform:uppercase;font-size:.8rem;font-weight:700;letter-spacing:.05em;padding:.8rem 1rem}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}sm-copy{font-size:.9rem}ul{list-style:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wrap-around{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.direction-column{flex-direction:column}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.5rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem;align-items:center;justify-items:flex-start}.popup__header__close{padding:.5rem;margin-left:-0.5rem}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:auto}.logo h4{text-transform:capitalize;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details:not(:last-of-type){border-bottom:thin solid rgba(var(--text-color), 0.3)}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}details .icon{flex-shrink:0}details[open]{padding-bottom:1rem}details[open] summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.9rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.tooltip{position:relative;z-index:20;cursor:pointer}.tooltip .banner{position:absolute;right:0;width:min(20rem,100vw - 1rem);display:none;font-size:.9rem;background-color:rgba(var(--foreground-color), 1);padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.1);border:solid thin rgba(var(--text-color), 0.2)}.tooltip:hover .banner{display:block}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem;width:100%;align-items:center}#user_popup_button{background-color:rgba(var(--text-color), 0.06);border-radius:2rem;font-size:.8rem}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto}#pages_container>*{padding:0 1.5rem;min-width:min(26rem,100%)}.listed-asset{position:relative;gap:.5rem;padding:1rem 0;border-radius:.5rem;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;grid-template-columns:auto 1fr auto auto;grid-template-areas:"icon name rate right-arrow" "icon name countdown right-arrow"}.listed-asset__icon{grid-area:icon;padding:.5rem;border-radius:1rem;display:flex;background-color:var(--accent-color)}.listed-asset__icon .icon{height:1.2rem;width:1.2rem;fill:rgba(var(--background-color), 1)}.listed-asset__name{grid-area:name;margin-left:.3rem}.listed-asset__rate{grid-area:rate}.listed-asset__countdown{display:flex;align-items:center;grid-area:countdown;justify-self:flex-end;font-size:.8rem;color:var(--accent-color)}.listed-asset__countdown .icon{margin-left:.3rem;overflow:visible;stroke-width:3;fill:none}.listed-asset__countdown .icon .path-a{stroke:var(--accent-color);stroke-dashoffset:var(--path-length, 0);stroke-dasharray:63}.listed-asset__countdown .icon .path-b{stroke:rgba(var(--text-color), 0.2)}.listed-asset__right-arrow{grid-area:right-arrow;background-color:rgba(var(--text-color), 0.1);border-radius:1rem;padding:.1rem;margin-left:.3rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#portfolio_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{position:relative;display:flex;flex-direction:column;height:100%}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(46rem,100%)}#my_orders{grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content;border-radius:.5rem}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{cursor:pointer;margin-right:.5rem}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.completed-trade,.transaction-card,.live-order{gap:0 1rem}.completed-trade__type,.transaction-card__type,.live-order__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.completed-trade[data-type=Bought] .completed-trade__type,.completed-trade--buy .completed-trade__type,.completed-trade[data-type=Bought] .transaction-card__type,.completed-trade--buy .transaction-card__type,.completed-trade[data-type=Bought] .live-order__type,.completed-trade--buy .live-order__type,.transaction-card[data-type=Bought] .completed-trade__type,.transaction-card--buy .completed-trade__type,.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type,.transaction-card[data-type=Bought] .live-order__type,.transaction-card--buy .live-order__type,.live-order[data-type=Bought] .completed-trade__type,.live-order--buy .completed-trade__type,.live-order[data-type=Bought] .transaction-card__type,.live-order--buy .transaction-card__type,.live-order[data-type=Bought] .live-order__type,.live-order--buy .live-order__type{color:var(--green)}.completed-trade[data-type=Sold] .completed-trade__type,.completed-trade--sell .completed-trade__type,.completed-trade[data-type=Sold] .transaction-card__type,.completed-trade--sell .transaction-card__type,.completed-trade[data-type=Sold] .live-order__type,.completed-trade--sell .live-order__type,.transaction-card[data-type=Sold] .completed-trade__type,.transaction-card--sell .completed-trade__type,.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type,.transaction-card[data-type=Sold] .live-order__type,.transaction-card--sell .live-order__type,.live-order[data-type=Sold] .completed-trade__type,.live-order--sell .completed-trade__type,.live-order[data-type=Sold] .transaction-card__type,.live-order--sell .transaction-card__type,.live-order[data-type=Sold] .live-order__type,.live-order--sell .live-order__type{color:var(--danger-color)}.completed-trade__total,.transaction-card__total,.live-order__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.completed-trade__quantity,.completed-trade__price,.transaction-card__quantity,.transaction-card__price,.live-order__quantity,.live-order__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.completed-trade__time,.transaction-card__time,.live-order__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.completed-trade .more-info,.transaction-card .more-info,.live-order .more-info{flex-shrink:0;padding:.3rem}.transaction-card{content-visibility:auto;contain-intrinsic-size:2.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.completed-trade{display:grid;gap:.5rem;grid-template-columns:1fr 1fr;background-color:rgba(var(--text-color), 0.03);border-radius:.5rem;padding:1rem;margin-bottom:.5rem}#market_asset_rates{display:grid;gap:.5rem}#market_asset_rates .listed-asset{padding:1rem;background-color:rgba(var(--text-color), 0.03)}#market_orders_wrapper .list__header{font-size:.8rem;font-weight:500}#market_orders_wrapper .list__header div{padding:.5rem 0}#market_orders_wrapper .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.live-order{display:grid;gap:1rem;padding:1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.03)}.live-order:not(:last-of-type){margin-bottom:.5rem}.live-order[data-type=buy]{background-color:#00fa9a10}.live-order[data-type=sell]{background-color:#e2135110}#portfolio{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start;width:min(60rem,100%)}.personal-asset-balance{align-content:flex-start;padding:1rem;border-radius:.5rem;color:rgba(0,0,0,.8);width:100%}.personal-asset-balance:not(:last-of-type){margin-right:.5rem}.personal-asset-balance:nth-of-type(1){background:url("bg-art2.svg") no-repeat bottom right,#c2ffd7;background-size:contain}.personal-asset-balance:nth-of-type(1) .icon{background-color:rgba(102,255,156,.5)}.personal-asset-balance:nth-of-type(1) .button{border:solid thin rgba(102,255,156,.5)}.personal-asset-balance:nth-of-type(2){background:url("back.svg") no-repeat top right,#fcffa8;background-size:contain}.personal-asset-balance:nth-of-type(2) .icon{background-color:rgba(255,234,0,.5)}.personal-asset-balance>.flex{margin-bottom:.3rem}.personal-asset-balance>.flex .icon{height:2rem;width:2rem;padding:.4rem;border-radius:.3rem;fill:rgba(0,0,0,.8);margin-right:.5rem}.personal-asset-balance .button{display:flex;align-items:center;margin-top:.5rem;padding-right:.8rem;justify-self:flex-start;border-radius:1rem;background-color:rgba(var(--foreground-color), 1);color:rgba(var(--text-color), 1);transition:box-shadow .3s}.personal-asset-balance .button .icon{height:1rem;background-color:transparent;margin-right:.3rem}.personal-asset-balance .button:hover{box-shadow:0 .3rem .5rem rgba(0,0,0,.16)}#personal_rupee_balance span:first-of-type,#personal_flo_balance span:first-of-type{font-size:1.5rem}#personal_rupee_balance span:last-of-type,#personal_flo_balance span:last-of-type{font-size:.9rem}.portfolio_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.portfolio_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem;padding-bottom:1.5rem}.balance-card{display:grid;align-items:center;gap:0 .5rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1);padding:.5rem}.balance-card.is-locked{padding:1rem .5rem;grid-template-columns:auto 1fr auto;gap:.5rem}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:2/3;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#portfolio_result{justify-content:center;text-align:center}#portfolio_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#portfolio_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#portfolio_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}#help{width:min(60ch,100%);margin-bottom:3rem;align-content:flex-start}#help ul{list-style:initial;display:grid;gap:1rem}#help ul li{margin-left:1rem;padding-left:.5rem;font-size:.9rem}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}#main_header{padding:1.5rem}#user_popup_button{width:100%}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}#asset_list_wrapper{padding:0 1.5rem}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#exchange{margin:0;padding:0}#login_form{padding:0 1.5rem}#chart_header{padding:1rem 1.5rem .5rem 1.5rem;margin-left:-0.7rem}#trade_panel_backdrop{position:fixed;top:0;left:0;right:0;height:100%;background-color:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(0.5rem);backdrop-filter:blur(0.5rem);z-index:3}#show_trade_panel{position:absolute;border-radius:2rem;bottom:0;align-self:center;margin-bottom:1rem;z-index:5;font-size:1rem}#trade_form{position:fixed;height:auto;bottom:0;left:0;right:0;margin-top:auto;width:auto;z-index:10;padding:1.5rem 1.5rem 0 1.5rem;border-radius:1rem 1rem 0 0;background-color:rgba(var(--foreground-color), 1);box-shadow:0 -0.5rem 1rem rgba(0,0,0,.1)}#price_chart_container{flex:1}#portfolio_cards_wrapper{overflow-x:auto;-ms-scroll-snap-type:x proximity;scroll-snap-type:x proximity}.personal-asset-balance{scroll-snap-align:start;width:min(16rem,90%);flex-shrink:0}.hide-on-mobile{display:none !important}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.popup__header{grid-column:1/-1;padding:1rem 1.5rem 0 1.5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#user_popup_button{justify-self:flex-end}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}#pages_container>*{margin:0 1.5rem;padding:2rem}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:17rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:2rem;background-color:var(--accent-color)}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 52rem){body:not(.is-signed-in) #market{gap:2rem;width:100%;grid-template-columns:18rem 1fr}.completed-trade{grid-template-columns:1fr 1fr 1fr 8rem;grid-template-areas:"quantity price amount info"}.completed-trade .quantity-block{grid-area:quantity}.completed-trade .price-block{grid-area:price}.completed-trade .amount-block{grid-area:amount}.completed-trade .info-block{grid-area:info}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#portfolio{gap:1rem 2rem;grid-template-columns:1.2fr 1fr}#portfolio__header{grid-column:1/3;padding-bottom:1rem}#portfolio .balance-card{border:solid thin rgba(var(--text-color), 0.2)}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}}
\ No newline at end of file
diff --git a/docs/css/main.scss b/docs/css/main.scss
index bb09a1e..4b11fcc 100644
--- a/docs/css/main.scss
+++ b/docs/css/main.scss
@@ -1166,6 +1166,16 @@ sm-checkbox {
   width: min(60ch, 100%);
   margin-bottom: 3rem;
   align-content: flex-start;
+  ul {
+    list-style: initial;
+    display: grid;
+    gap: 1rem;
+    li {
+      margin-left: 1rem;
+      padding-left: 0.5rem;
+      font-size: 0.9rem;
+    }
+  }
 }
 
 @media screen and (max-width: 40rem) and (any-hover: none) {
diff --git a/docs/index.html b/docs/index.html
index 2a656ec..253d986 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -434,7 +434,7 @@
                         <details>
                             <summary class="interact">
                                 <h4>
-                                    What are the rules of the exchange that you must know?
+                                    What are the rules of the exchange that I must know?
                                 </h4>
                                 <svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24"
                                     width="24px" fill="#000000">
@@ -442,16 +442,20 @@
                                     <path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z" />
                                 </svg>
                             </summary>
-                            <p>
-                                <ul>
-                                  <li>Only the buyers of a token are permitted to sell that token</li>
-                                  <li>The maximum quantity of a token that can be sold is capped by the number of tokens purchased for each token </li>
-                                  <li>You need sell chips in order to sell. Sell chips are given against each purchase when curren token prices are at least 10% higher</li>
-                                  <li>Sell side priority: The first to buy gets the first priority to sell no matter when that person enters the order</li>
-                                  <li>Buy side priority: the first to order gets the first priority to buy</li>
-                                  <li>Launch sellers can sell without sell chips in order to provide initial inventory </li>
-                                </ul>
-                             </p>
+                            <ul>
+                                <li>Only the buyers of a token are permitted to sell that token</li>
+                                <li>The maximum quantity of a token that can be sold is capped by the number of tokens
+                                    purchased for each token </li>
+                                <li>You need sell-chips in order to sell. Sell-chips are given against each purchase
+                                    when current token prices are at least 10% higher</li>
+                                <li><strong>Sell side priority</strong>: The first to buy gets the first priority to
+                                    sell no matter when
+                                    that person enters the order</li>
+                                <li><strong>Buy side priority</strong>: the first to order gets the first priority to
+                                    buy</li>
+                                <li>Launch sellers can sell without sell-chips in order to provide initial inventory
+                                </li>
+                            </ul>
                         </details>
                         <details>
                             <summary class="interact">
@@ -2759,4 +2763,4 @@
     </script>
 </body>
 
-</html>
+</html>
\ No newline at end of file

From 6ca0fb693eef6051b4ebf58556ed658d908e5530 Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Sat, 21 May 2022 14:23:36 +0530
Subject: [PATCH 099/168] minor UI fix

---
 docs/css/main.css     |  2 +-
 docs/css/main.min.css |  2 +-
 docs/css/main.scss    |  2 +-
 docs/index.html       | 10 +++++-----
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/docs/css/main.css b/docs/css/main.css
index dcf3ecd..92c9d22 100644
--- a/docs/css/main.css
+++ b/docs/css/main.css
@@ -531,7 +531,7 @@ sm-checkbox {
 
 .tooltip {
   position: relative;
-  z-index: 20;
+  z-index: 8;
   cursor: pointer;
 }
 .tooltip .banner {
diff --git a/docs/css/main.min.css b/docs/css/main.min.css
index 9b54c51..3019bb8 100644
--- a/docs/css/main.min.css
+++ b/docs/css/main.min.css
@@ -1 +1 @@
-*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #516beb;--text-color: 20, 20, 20;--foreground-color: 252, 253, 255;--background-color: 241, 243, 248;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a4b3ff;--text-color: 220, 220, 220;--foreground-color: 27, 28, 29;--background-color: 21, 22, 22;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{text-decoration:none;color:var(--accent-color)}a:focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a.button{padding:.4rem .6rem;border-radius:.3rem;font-size:.9rem;font-weight:500;color:inherit}button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:500;white-space:nowrap;padding:.8rem;border-radius:.3rem;justify-content:center}button:focus-visible{outline:var(--accent-color) solid medium}button:not(:disabled){cursor:pointer}.button{background-color:rgba(var(--text-color), 0.06)}.button--primary,.button--danger{color:rgba(var(--background-color), 1) !important}.button--primary .icon,.button--danger .icon{fill:rgba(var(--background-color), 1)}.button--primary{background-color:var(--accent-color)}.button--danger{background-color:var(--danger-color)}.button--small{padding:.4rem .6rem}.cta{text-transform:uppercase;font-size:.8rem;font-weight:700;letter-spacing:.05em;padding:.8rem 1rem}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}sm-copy{font-size:.9rem}ul{list-style:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wrap-around{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.direction-column{flex-direction:column}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.5rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem;align-items:center;justify-items:flex-start}.popup__header__close{padding:.5rem;margin-left:-0.5rem}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:auto}.logo h4{text-transform:capitalize;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details:not(:last-of-type){border-bottom:thin solid rgba(var(--text-color), 0.3)}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}details .icon{flex-shrink:0}details[open]{padding-bottom:1rem}details[open] summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.9rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.tooltip{position:relative;z-index:20;cursor:pointer}.tooltip .banner{position:absolute;right:0;width:min(20rem,100vw - 1rem);display:none;font-size:.9rem;background-color:rgba(var(--foreground-color), 1);padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.1);border:solid thin rgba(var(--text-color), 0.2)}.tooltip:hover .banner{display:block}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem;width:100%;align-items:center}#user_popup_button{background-color:rgba(var(--text-color), 0.06);border-radius:2rem;font-size:.8rem}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto}#pages_container>*{padding:0 1.5rem;min-width:min(26rem,100%)}.listed-asset{position:relative;gap:.5rem;padding:1rem 0;border-radius:.5rem;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;grid-template-columns:auto 1fr auto auto;grid-template-areas:"icon name rate right-arrow" "icon name countdown right-arrow"}.listed-asset__icon{grid-area:icon;padding:.5rem;border-radius:1rem;display:flex;background-color:var(--accent-color)}.listed-asset__icon .icon{height:1.2rem;width:1.2rem;fill:rgba(var(--background-color), 1)}.listed-asset__name{grid-area:name;margin-left:.3rem}.listed-asset__rate{grid-area:rate}.listed-asset__countdown{display:flex;align-items:center;grid-area:countdown;justify-self:flex-end;font-size:.8rem;color:var(--accent-color)}.listed-asset__countdown .icon{margin-left:.3rem;overflow:visible;stroke-width:3;fill:none}.listed-asset__countdown .icon .path-a{stroke:var(--accent-color);stroke-dashoffset:var(--path-length, 0);stroke-dasharray:63}.listed-asset__countdown .icon .path-b{stroke:rgba(var(--text-color), 0.2)}.listed-asset__right-arrow{grid-area:right-arrow;background-color:rgba(var(--text-color), 0.1);border-radius:1rem;padding:.1rem;margin-left:.3rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#portfolio_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{position:relative;display:flex;flex-direction:column;height:100%}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(46rem,100%)}#my_orders{grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content;border-radius:.5rem}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{cursor:pointer;margin-right:.5rem}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.completed-trade,.transaction-card,.live-order{gap:0 1rem}.completed-trade__type,.transaction-card__type,.live-order__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.completed-trade[data-type=Bought] .completed-trade__type,.completed-trade--buy .completed-trade__type,.completed-trade[data-type=Bought] .transaction-card__type,.completed-trade--buy .transaction-card__type,.completed-trade[data-type=Bought] .live-order__type,.completed-trade--buy .live-order__type,.transaction-card[data-type=Bought] .completed-trade__type,.transaction-card--buy .completed-trade__type,.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type,.transaction-card[data-type=Bought] .live-order__type,.transaction-card--buy .live-order__type,.live-order[data-type=Bought] .completed-trade__type,.live-order--buy .completed-trade__type,.live-order[data-type=Bought] .transaction-card__type,.live-order--buy .transaction-card__type,.live-order[data-type=Bought] .live-order__type,.live-order--buy .live-order__type{color:var(--green)}.completed-trade[data-type=Sold] .completed-trade__type,.completed-trade--sell .completed-trade__type,.completed-trade[data-type=Sold] .transaction-card__type,.completed-trade--sell .transaction-card__type,.completed-trade[data-type=Sold] .live-order__type,.completed-trade--sell .live-order__type,.transaction-card[data-type=Sold] .completed-trade__type,.transaction-card--sell .completed-trade__type,.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type,.transaction-card[data-type=Sold] .live-order__type,.transaction-card--sell .live-order__type,.live-order[data-type=Sold] .completed-trade__type,.live-order--sell .completed-trade__type,.live-order[data-type=Sold] .transaction-card__type,.live-order--sell .transaction-card__type,.live-order[data-type=Sold] .live-order__type,.live-order--sell .live-order__type{color:var(--danger-color)}.completed-trade__total,.transaction-card__total,.live-order__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.completed-trade__quantity,.completed-trade__price,.transaction-card__quantity,.transaction-card__price,.live-order__quantity,.live-order__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.completed-trade__time,.transaction-card__time,.live-order__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.completed-trade .more-info,.transaction-card .more-info,.live-order .more-info{flex-shrink:0;padding:.3rem}.transaction-card{content-visibility:auto;contain-intrinsic-size:2.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.completed-trade{display:grid;gap:.5rem;grid-template-columns:1fr 1fr;background-color:rgba(var(--text-color), 0.03);border-radius:.5rem;padding:1rem;margin-bottom:.5rem}#market_asset_rates{display:grid;gap:.5rem}#market_asset_rates .listed-asset{padding:1rem;background-color:rgba(var(--text-color), 0.03)}#market_orders_wrapper .list__header{font-size:.8rem;font-weight:500}#market_orders_wrapper .list__header div{padding:.5rem 0}#market_orders_wrapper .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.live-order{display:grid;gap:1rem;padding:1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.03)}.live-order:not(:last-of-type){margin-bottom:.5rem}.live-order[data-type=buy]{background-color:#00fa9a10}.live-order[data-type=sell]{background-color:#e2135110}#portfolio{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start;width:min(60rem,100%)}.personal-asset-balance{align-content:flex-start;padding:1rem;border-radius:.5rem;color:rgba(0,0,0,.8);width:100%}.personal-asset-balance:not(:last-of-type){margin-right:.5rem}.personal-asset-balance:nth-of-type(1){background:url("bg-art2.svg") no-repeat bottom right,#c2ffd7;background-size:contain}.personal-asset-balance:nth-of-type(1) .icon{background-color:rgba(102,255,156,.5)}.personal-asset-balance:nth-of-type(1) .button{border:solid thin rgba(102,255,156,.5)}.personal-asset-balance:nth-of-type(2){background:url("back.svg") no-repeat top right,#fcffa8;background-size:contain}.personal-asset-balance:nth-of-type(2) .icon{background-color:rgba(255,234,0,.5)}.personal-asset-balance>.flex{margin-bottom:.3rem}.personal-asset-balance>.flex .icon{height:2rem;width:2rem;padding:.4rem;border-radius:.3rem;fill:rgba(0,0,0,.8);margin-right:.5rem}.personal-asset-balance .button{display:flex;align-items:center;margin-top:.5rem;padding-right:.8rem;justify-self:flex-start;border-radius:1rem;background-color:rgba(var(--foreground-color), 1);color:rgba(var(--text-color), 1);transition:box-shadow .3s}.personal-asset-balance .button .icon{height:1rem;background-color:transparent;margin-right:.3rem}.personal-asset-balance .button:hover{box-shadow:0 .3rem .5rem rgba(0,0,0,.16)}#personal_rupee_balance span:first-of-type,#personal_flo_balance span:first-of-type{font-size:1.5rem}#personal_rupee_balance span:last-of-type,#personal_flo_balance span:last-of-type{font-size:.9rem}.portfolio_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.portfolio_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem;padding-bottom:1.5rem}.balance-card{display:grid;align-items:center;gap:0 .5rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1);padding:.5rem}.balance-card.is-locked{padding:1rem .5rem;grid-template-columns:auto 1fr auto;gap:.5rem}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:2/3;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#portfolio_result{justify-content:center;text-align:center}#portfolio_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#portfolio_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#portfolio_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}#help{width:min(60ch,100%);margin-bottom:3rem;align-content:flex-start}#help ul{list-style:initial;display:grid;gap:1rem}#help ul li{margin-left:1rem;padding-left:.5rem;font-size:.9rem}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}#main_header{padding:1.5rem}#user_popup_button{width:100%}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}#asset_list_wrapper{padding:0 1.5rem}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#exchange{margin:0;padding:0}#login_form{padding:0 1.5rem}#chart_header{padding:1rem 1.5rem .5rem 1.5rem;margin-left:-0.7rem}#trade_panel_backdrop{position:fixed;top:0;left:0;right:0;height:100%;background-color:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(0.5rem);backdrop-filter:blur(0.5rem);z-index:3}#show_trade_panel{position:absolute;border-radius:2rem;bottom:0;align-self:center;margin-bottom:1rem;z-index:5;font-size:1rem}#trade_form{position:fixed;height:auto;bottom:0;left:0;right:0;margin-top:auto;width:auto;z-index:10;padding:1.5rem 1.5rem 0 1.5rem;border-radius:1rem 1rem 0 0;background-color:rgba(var(--foreground-color), 1);box-shadow:0 -0.5rem 1rem rgba(0,0,0,.1)}#price_chart_container{flex:1}#portfolio_cards_wrapper{overflow-x:auto;-ms-scroll-snap-type:x proximity;scroll-snap-type:x proximity}.personal-asset-balance{scroll-snap-align:start;width:min(16rem,90%);flex-shrink:0}.hide-on-mobile{display:none !important}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.popup__header{grid-column:1/-1;padding:1rem 1.5rem 0 1.5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#user_popup_button{justify-self:flex-end}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}#pages_container>*{margin:0 1.5rem;padding:2rem}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:17rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:2rem;background-color:var(--accent-color)}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 52rem){body:not(.is-signed-in) #market{gap:2rem;width:100%;grid-template-columns:18rem 1fr}.completed-trade{grid-template-columns:1fr 1fr 1fr 8rem;grid-template-areas:"quantity price amount info"}.completed-trade .quantity-block{grid-area:quantity}.completed-trade .price-block{grid-area:price}.completed-trade .amount-block{grid-area:amount}.completed-trade .info-block{grid-area:info}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#portfolio{gap:1rem 2rem;grid-template-columns:1.2fr 1fr}#portfolio__header{grid-column:1/3;padding-bottom:1rem}#portfolio .balance-card{border:solid thin rgba(var(--text-color), 0.2)}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}}
\ No newline at end of file
+*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #516beb;--text-color: 20, 20, 20;--foreground-color: 252, 253, 255;--background-color: 241, 243, 248;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a4b3ff;--text-color: 220, 220, 220;--foreground-color: 27, 28, 29;--background-color: 21, 22, 22;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{text-decoration:none;color:var(--accent-color)}a:focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a.button{padding:.4rem .6rem;border-radius:.3rem;font-size:.9rem;font-weight:500;color:inherit}button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:500;white-space:nowrap;padding:.8rem;border-radius:.3rem;justify-content:center}button:focus-visible{outline:var(--accent-color) solid medium}button:not(:disabled){cursor:pointer}.button{background-color:rgba(var(--text-color), 0.06)}.button--primary,.button--danger{color:rgba(var(--background-color), 1) !important}.button--primary .icon,.button--danger .icon{fill:rgba(var(--background-color), 1)}.button--primary{background-color:var(--accent-color)}.button--danger{background-color:var(--danger-color)}.button--small{padding:.4rem .6rem}.cta{text-transform:uppercase;font-size:.8rem;font-weight:700;letter-spacing:.05em;padding:.8rem 1rem}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}sm-copy{font-size:.9rem}ul{list-style:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wrap-around{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.direction-column{flex-direction:column}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.5rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem;align-items:center;justify-items:flex-start}.popup__header__close{padding:.5rem;margin-left:-0.5rem}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:auto}.logo h4{text-transform:capitalize;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details:not(:last-of-type){border-bottom:thin solid rgba(var(--text-color), 0.3)}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}details .icon{flex-shrink:0}details[open]{padding-bottom:1rem}details[open] summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.9rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.tooltip{position:relative;z-index:8;cursor:pointer}.tooltip .banner{position:absolute;right:0;width:min(20rem,100vw - 1rem);display:none;font-size:.9rem;background-color:rgba(var(--foreground-color), 1);padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.1);border:solid thin rgba(var(--text-color), 0.2)}.tooltip:hover .banner{display:block}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem;width:100%;align-items:center}#user_popup_button{background-color:rgba(var(--text-color), 0.06);border-radius:2rem;font-size:.8rem}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto}#pages_container>*{padding:0 1.5rem;min-width:min(26rem,100%)}.listed-asset{position:relative;gap:.5rem;padding:1rem 0;border-radius:.5rem;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;grid-template-columns:auto 1fr auto auto;grid-template-areas:"icon name rate right-arrow" "icon name countdown right-arrow"}.listed-asset__icon{grid-area:icon;padding:.5rem;border-radius:1rem;display:flex;background-color:var(--accent-color)}.listed-asset__icon .icon{height:1.2rem;width:1.2rem;fill:rgba(var(--background-color), 1)}.listed-asset__name{grid-area:name;margin-left:.3rem}.listed-asset__rate{grid-area:rate}.listed-asset__countdown{display:flex;align-items:center;grid-area:countdown;justify-self:flex-end;font-size:.8rem;color:var(--accent-color)}.listed-asset__countdown .icon{margin-left:.3rem;overflow:visible;stroke-width:3;fill:none}.listed-asset__countdown .icon .path-a{stroke:var(--accent-color);stroke-dashoffset:var(--path-length, 0);stroke-dasharray:63}.listed-asset__countdown .icon .path-b{stroke:rgba(var(--text-color), 0.2)}.listed-asset__right-arrow{grid-area:right-arrow;background-color:rgba(var(--text-color), 0.1);border-radius:1rem;padding:.1rem;margin-left:.3rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#portfolio_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{position:relative;display:flex;flex-direction:column;height:100%}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(46rem,100%)}#my_orders{grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content;border-radius:.5rem}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{cursor:pointer;margin-right:.5rem}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.completed-trade,.transaction-card,.live-order{gap:0 1rem}.completed-trade__type,.transaction-card__type,.live-order__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.completed-trade[data-type=Bought] .completed-trade__type,.completed-trade--buy .completed-trade__type,.completed-trade[data-type=Bought] .transaction-card__type,.completed-trade--buy .transaction-card__type,.completed-trade[data-type=Bought] .live-order__type,.completed-trade--buy .live-order__type,.transaction-card[data-type=Bought] .completed-trade__type,.transaction-card--buy .completed-trade__type,.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type,.transaction-card[data-type=Bought] .live-order__type,.transaction-card--buy .live-order__type,.live-order[data-type=Bought] .completed-trade__type,.live-order--buy .completed-trade__type,.live-order[data-type=Bought] .transaction-card__type,.live-order--buy .transaction-card__type,.live-order[data-type=Bought] .live-order__type,.live-order--buy .live-order__type{color:var(--green)}.completed-trade[data-type=Sold] .completed-trade__type,.completed-trade--sell .completed-trade__type,.completed-trade[data-type=Sold] .transaction-card__type,.completed-trade--sell .transaction-card__type,.completed-trade[data-type=Sold] .live-order__type,.completed-trade--sell .live-order__type,.transaction-card[data-type=Sold] .completed-trade__type,.transaction-card--sell .completed-trade__type,.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type,.transaction-card[data-type=Sold] .live-order__type,.transaction-card--sell .live-order__type,.live-order[data-type=Sold] .completed-trade__type,.live-order--sell .completed-trade__type,.live-order[data-type=Sold] .transaction-card__type,.live-order--sell .transaction-card__type,.live-order[data-type=Sold] .live-order__type,.live-order--sell .live-order__type{color:var(--danger-color)}.completed-trade__total,.transaction-card__total,.live-order__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.completed-trade__quantity,.completed-trade__price,.transaction-card__quantity,.transaction-card__price,.live-order__quantity,.live-order__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.completed-trade__time,.transaction-card__time,.live-order__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.completed-trade .more-info,.transaction-card .more-info,.live-order .more-info{flex-shrink:0;padding:.3rem}.transaction-card{content-visibility:auto;contain-intrinsic-size:2.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.completed-trade{display:grid;gap:.5rem;grid-template-columns:1fr 1fr;background-color:rgba(var(--text-color), 0.03);border-radius:.5rem;padding:1rem;margin-bottom:.5rem}#market_asset_rates{display:grid;gap:.5rem}#market_asset_rates .listed-asset{padding:1rem;background-color:rgba(var(--text-color), 0.03)}#market_orders_wrapper .list__header{font-size:.8rem;font-weight:500}#market_orders_wrapper .list__header div{padding:.5rem 0}#market_orders_wrapper .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.live-order{display:grid;gap:1rem;padding:1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.03)}.live-order:not(:last-of-type){margin-bottom:.5rem}.live-order[data-type=buy]{background-color:#00fa9a10}.live-order[data-type=sell]{background-color:#e2135110}#portfolio{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start;width:min(60rem,100%)}.personal-asset-balance{align-content:flex-start;padding:1rem;border-radius:.5rem;color:rgba(0,0,0,.8);width:100%}.personal-asset-balance:not(:last-of-type){margin-right:.5rem}.personal-asset-balance:nth-of-type(1){background:url("bg-art2.svg") no-repeat bottom right,#c2ffd7;background-size:contain}.personal-asset-balance:nth-of-type(1) .icon{background-color:rgba(102,255,156,.5)}.personal-asset-balance:nth-of-type(1) .button{border:solid thin rgba(102,255,156,.5)}.personal-asset-balance:nth-of-type(2){background:url("back.svg") no-repeat top right,#fcffa8;background-size:contain}.personal-asset-balance:nth-of-type(2) .icon{background-color:rgba(255,234,0,.5)}.personal-asset-balance>.flex{margin-bottom:.3rem}.personal-asset-balance>.flex .icon{height:2rem;width:2rem;padding:.4rem;border-radius:.3rem;fill:rgba(0,0,0,.8);margin-right:.5rem}.personal-asset-balance .button{display:flex;align-items:center;margin-top:.5rem;padding-right:.8rem;justify-self:flex-start;border-radius:1rem;background-color:rgba(var(--foreground-color), 1);color:rgba(var(--text-color), 1);transition:box-shadow .3s}.personal-asset-balance .button .icon{height:1rem;background-color:transparent;margin-right:.3rem}.personal-asset-balance .button:hover{box-shadow:0 .3rem .5rem rgba(0,0,0,.16)}#personal_rupee_balance span:first-of-type,#personal_flo_balance span:first-of-type{font-size:1.5rem}#personal_rupee_balance span:last-of-type,#personal_flo_balance span:last-of-type{font-size:.9rem}.portfolio_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.portfolio_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem;padding-bottom:1.5rem}.balance-card{display:grid;align-items:center;gap:0 .5rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1);padding:.5rem}.balance-card.is-locked{padding:1rem .5rem;grid-template-columns:auto 1fr auto;gap:.5rem}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:2/3;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#portfolio_result{justify-content:center;text-align:center}#portfolio_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#portfolio_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#portfolio_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}#help{width:min(60ch,100%);margin-bottom:3rem;align-content:flex-start}#help ul{list-style:initial;display:grid;gap:1rem}#help ul li{margin-left:1rem;padding-left:.5rem;font-size:.9rem}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}#main_header{padding:1.5rem}#user_popup_button{width:100%}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}#asset_list_wrapper{padding:0 1.5rem}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#exchange{margin:0;padding:0}#login_form{padding:0 1.5rem}#chart_header{padding:1rem 1.5rem .5rem 1.5rem;margin-left:-0.7rem}#trade_panel_backdrop{position:fixed;top:0;left:0;right:0;height:100%;background-color:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(0.5rem);backdrop-filter:blur(0.5rem);z-index:3}#show_trade_panel{position:absolute;border-radius:2rem;bottom:0;align-self:center;margin-bottom:1rem;z-index:5;font-size:1rem}#trade_form{position:fixed;height:auto;bottom:0;left:0;right:0;margin-top:auto;width:auto;z-index:10;padding:1.5rem 1.5rem 0 1.5rem;border-radius:1rem 1rem 0 0;background-color:rgba(var(--foreground-color), 1);box-shadow:0 -0.5rem 1rem rgba(0,0,0,.1)}#price_chart_container{flex:1}#portfolio_cards_wrapper{overflow-x:auto;-ms-scroll-snap-type:x proximity;scroll-snap-type:x proximity}.personal-asset-balance{scroll-snap-align:start;width:min(16rem,90%);flex-shrink:0}.hide-on-mobile{display:none !important}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.popup__header{grid-column:1/-1;padding:1rem 1.5rem 0 1.5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#user_popup_button{justify-self:flex-end}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}#pages_container>*{margin:0 1.5rem;padding:2rem}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:17rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:2rem;background-color:var(--accent-color)}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 52rem){body:not(.is-signed-in) #market{gap:2rem;width:100%;grid-template-columns:18rem 1fr}.completed-trade{grid-template-columns:1fr 1fr 1fr 8rem;grid-template-areas:"quantity price amount info"}.completed-trade .quantity-block{grid-area:quantity}.completed-trade .price-block{grid-area:price}.completed-trade .amount-block{grid-area:amount}.completed-trade .info-block{grid-area:info}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#portfolio{gap:1rem 2rem;grid-template-columns:1.2fr 1fr}#portfolio__header{grid-column:1/3;padding-bottom:1rem}#portfolio .balance-card{border:solid thin rgba(var(--text-color), 0.2)}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}}
\ No newline at end of file
diff --git a/docs/css/main.scss b/docs/css/main.scss
index 4b11fcc..2bb290d 100644
--- a/docs/css/main.scss
+++ b/docs/css/main.scss
@@ -501,7 +501,7 @@ sm-checkbox {
 }
 .tooltip {
   position: relative;
-  z-index: 20;
+  z-index: 8;
   cursor: pointer;
   .banner {
     position: absolute;
diff --git a/docs/index.html b/docs/index.html
index 253d986..3f2fb1b 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -1474,7 +1474,8 @@
         mobileQuery.addEventListener('change', handleMobileChange)
 
         handleMobileChange(mobileQuery)
-        function showChild(id, index) {
+        document.addEventListener("visibilitychange", handleVisibilityChange, false);
+        function showChildElement(id, index) {
             [...getRef(id).children].forEach((child, i) => {
                 if (i === index)
                     child.classList.remove('hide')
@@ -1489,7 +1490,6 @@
                 updateRate();
             }
         }
-        document.addEventListener("visibilitychange", handleVisibilityChange, false);
     </script>
     <script>
         function buttonLoader(id, show = false) {
@@ -1579,7 +1579,7 @@
         }
 
         function getSuggestedPrice(asset = pagesData.params.asset || 'FLO') {
-            return toFixed(parseFloat(floGlobals.exchangeRates[asset]) * deviation[tradeType], 8)
+            return toFixed(parseFloat(floGlobals.exchangeRates[asset]) * deviation[tradeType])
         }
 
         function showSuggestedPrice(asset = pagesData.params.asset || 'FLO') {
@@ -1777,7 +1777,7 @@
                 getRef('market_trades').innerHTML = '';
                 if (ordersType === 'open') {
                     getRef('market_orders__title').textContent = 'Market-wide orders';
-                    showChild('market_orders_wrapper', 0)
+                    showChildElement('market_orders_wrapper', 0)
                     getRef('market_buy_orders').innerHTML = '<sm-spinner></sm-spinner>';
                     floExchangeAPI.getBuyList().then(buyOrders => {
                         getRef('market_buy_orders').innerHTML = '';
@@ -1806,7 +1806,7 @@
                     })
                 } else {
                     getRef('market_orders__title').textContent = 'Market-wide trades';
-                    showChild('market_orders_wrapper', 1)
+                    showChildElement('market_orders_wrapper', 1)
                     getRef('market_trades').innerHTML = '<sm-spinner></sm-spinner>';
                     floExchangeAPI.getTradeList().then(trades => {
                         trades.forEach(transaction => {

From 69a12ec5ed911bf4343090db70c04403e4c40f75 Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Sun, 22 May 2022 16:58:53 +0530
Subject: [PATCH 100/168] fixed 'My trades' not appearing chronologically

---
 docs/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/index.html b/docs/index.html
index 3f2fb1b..b240ba8 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -1745,7 +1745,7 @@
                     })
                 } else {
                     getRef('my_orders__title').textContent = 'My trades'
-                    transactions.reverse().forEach(transaction => {
+                    transactions.sort((a, b) => new Date(b.tx_time).getTime() - new Date(a.tx_time).getTime()).forEach(transaction => {
                         const { asset, quantity, unitValue, tx_time, buyer, seller } = transaction
                         let type, other;
                         if (seller === proxy.userID) {

From 564256711ee2aa6ec87beb44fc6fe44078273cc5 Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Sun, 22 May 2022 17:59:53 +0530
Subject: [PATCH 101/168] Added amount to open orders

---
 docs/css/main.css     | 25 +++++++++++++++++++++++--
 docs/css/main.min.css |  2 +-
 docs/css/main.scss    | 24 +++++++++++++++++++++++-
 docs/index.html       | 12 +++++++++---
 4 files changed, 56 insertions(+), 7 deletions(-)

diff --git a/docs/css/main.css b/docs/css/main.css
index 92c9d22..fe29f76 100644
--- a/docs/css/main.css
+++ b/docs/css/main.css
@@ -829,9 +829,16 @@ sm-checkbox {
           user-select: none;
   align-items: center;
   gap: 0.5rem;
-  grid-template-columns: -webkit-min-content repeat(3, 1fr) -webkit-min-content;
-  grid-template-columns: min-content repeat(3, 1fr) min-content;
+  grid-template-columns: -webkit-min-content 1fr auto;
+  grid-template-columns: min-content 1fr auto;
   border-radius: 0.5rem;
+  grid-template-areas: "checkbox quantity quantity time" "checkbox price amount cancel";
+}
+.order-card > .grid:nth-of-type(2) {
+  grid-area: price;
+}
+.order-card > .grid:nth-of-type(3) {
+  grid-area: amount;
 }
 .order-card__type {
   font-size: 0.9rem;
@@ -852,6 +859,7 @@ sm-checkbox {
   pointer-events: none;
 }
 .order-card sm-checkbox {
+  grid-area: checkbox;
   cursor: pointer;
   margin-right: 0.5rem;
 }
@@ -860,9 +868,17 @@ sm-checkbox {
   color: rgba(var(--text-color), 0.9);
 }
 .order-card__time {
+  grid-area: time;
   font-size: 0.8rem;
   color: rgba(var(--text-color), 0.8);
 }
+.order-card .cancel-order {
+  grid-area: cancel;
+  color: var(--danger-color);
+}
+.order-card .cancel-order .icon {
+  fill: var(--danger-color);
+}
 
 .cancel-order {
   align-items: center;
@@ -1542,6 +1558,11 @@ sm-checkbox {
     height: 2rem;
     background-color: var(--accent-color);
   }
+
+  .order-card {
+    grid-template-columns: auto 1fr 1fr 1fr auto;
+    grid-template-areas: "checkbox quantity price amount time cancel";
+  }
 }
 @media screen and (max-width: 80rem) and (min-width: 40rem) {
   .main_navbar__item {
diff --git a/docs/css/main.min.css b/docs/css/main.min.css
index 3019bb8..978f64c 100644
--- a/docs/css/main.min.css
+++ b/docs/css/main.min.css
@@ -1 +1 @@
-*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #516beb;--text-color: 20, 20, 20;--foreground-color: 252, 253, 255;--background-color: 241, 243, 248;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a4b3ff;--text-color: 220, 220, 220;--foreground-color: 27, 28, 29;--background-color: 21, 22, 22;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{text-decoration:none;color:var(--accent-color)}a:focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a.button{padding:.4rem .6rem;border-radius:.3rem;font-size:.9rem;font-weight:500;color:inherit}button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:500;white-space:nowrap;padding:.8rem;border-radius:.3rem;justify-content:center}button:focus-visible{outline:var(--accent-color) solid medium}button:not(:disabled){cursor:pointer}.button{background-color:rgba(var(--text-color), 0.06)}.button--primary,.button--danger{color:rgba(var(--background-color), 1) !important}.button--primary .icon,.button--danger .icon{fill:rgba(var(--background-color), 1)}.button--primary{background-color:var(--accent-color)}.button--danger{background-color:var(--danger-color)}.button--small{padding:.4rem .6rem}.cta{text-transform:uppercase;font-size:.8rem;font-weight:700;letter-spacing:.05em;padding:.8rem 1rem}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}sm-copy{font-size:.9rem}ul{list-style:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wrap-around{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.direction-column{flex-direction:column}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.5rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem;align-items:center;justify-items:flex-start}.popup__header__close{padding:.5rem;margin-left:-0.5rem}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:auto}.logo h4{text-transform:capitalize;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details:not(:last-of-type){border-bottom:thin solid rgba(var(--text-color), 0.3)}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}details .icon{flex-shrink:0}details[open]{padding-bottom:1rem}details[open] summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.9rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.tooltip{position:relative;z-index:8;cursor:pointer}.tooltip .banner{position:absolute;right:0;width:min(20rem,100vw - 1rem);display:none;font-size:.9rem;background-color:rgba(var(--foreground-color), 1);padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.1);border:solid thin rgba(var(--text-color), 0.2)}.tooltip:hover .banner{display:block}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem;width:100%;align-items:center}#user_popup_button{background-color:rgba(var(--text-color), 0.06);border-radius:2rem;font-size:.8rem}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto}#pages_container>*{padding:0 1.5rem;min-width:min(26rem,100%)}.listed-asset{position:relative;gap:.5rem;padding:1rem 0;border-radius:.5rem;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;grid-template-columns:auto 1fr auto auto;grid-template-areas:"icon name rate right-arrow" "icon name countdown right-arrow"}.listed-asset__icon{grid-area:icon;padding:.5rem;border-radius:1rem;display:flex;background-color:var(--accent-color)}.listed-asset__icon .icon{height:1.2rem;width:1.2rem;fill:rgba(var(--background-color), 1)}.listed-asset__name{grid-area:name;margin-left:.3rem}.listed-asset__rate{grid-area:rate}.listed-asset__countdown{display:flex;align-items:center;grid-area:countdown;justify-self:flex-end;font-size:.8rem;color:var(--accent-color)}.listed-asset__countdown .icon{margin-left:.3rem;overflow:visible;stroke-width:3;fill:none}.listed-asset__countdown .icon .path-a{stroke:var(--accent-color);stroke-dashoffset:var(--path-length, 0);stroke-dasharray:63}.listed-asset__countdown .icon .path-b{stroke:rgba(var(--text-color), 0.2)}.listed-asset__right-arrow{grid-area:right-arrow;background-color:rgba(var(--text-color), 0.1);border-radius:1rem;padding:.1rem;margin-left:.3rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#portfolio_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{position:relative;display:flex;flex-direction:column;height:100%}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(46rem,100%)}#my_orders{grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;grid-template-columns:-webkit-min-content repeat(3, 1fr) -webkit-min-content;grid-template-columns:min-content repeat(3, 1fr) min-content;border-radius:.5rem}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{cursor:pointer;margin-right:.5rem}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.completed-trade,.transaction-card,.live-order{gap:0 1rem}.completed-trade__type,.transaction-card__type,.live-order__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.completed-trade[data-type=Bought] .completed-trade__type,.completed-trade--buy .completed-trade__type,.completed-trade[data-type=Bought] .transaction-card__type,.completed-trade--buy .transaction-card__type,.completed-trade[data-type=Bought] .live-order__type,.completed-trade--buy .live-order__type,.transaction-card[data-type=Bought] .completed-trade__type,.transaction-card--buy .completed-trade__type,.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type,.transaction-card[data-type=Bought] .live-order__type,.transaction-card--buy .live-order__type,.live-order[data-type=Bought] .completed-trade__type,.live-order--buy .completed-trade__type,.live-order[data-type=Bought] .transaction-card__type,.live-order--buy .transaction-card__type,.live-order[data-type=Bought] .live-order__type,.live-order--buy .live-order__type{color:var(--green)}.completed-trade[data-type=Sold] .completed-trade__type,.completed-trade--sell .completed-trade__type,.completed-trade[data-type=Sold] .transaction-card__type,.completed-trade--sell .transaction-card__type,.completed-trade[data-type=Sold] .live-order__type,.completed-trade--sell .live-order__type,.transaction-card[data-type=Sold] .completed-trade__type,.transaction-card--sell .completed-trade__type,.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type,.transaction-card[data-type=Sold] .live-order__type,.transaction-card--sell .live-order__type,.live-order[data-type=Sold] .completed-trade__type,.live-order--sell .completed-trade__type,.live-order[data-type=Sold] .transaction-card__type,.live-order--sell .transaction-card__type,.live-order[data-type=Sold] .live-order__type,.live-order--sell .live-order__type{color:var(--danger-color)}.completed-trade__total,.transaction-card__total,.live-order__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.completed-trade__quantity,.completed-trade__price,.transaction-card__quantity,.transaction-card__price,.live-order__quantity,.live-order__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.completed-trade__time,.transaction-card__time,.live-order__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.completed-trade .more-info,.transaction-card .more-info,.live-order .more-info{flex-shrink:0;padding:.3rem}.transaction-card{content-visibility:auto;contain-intrinsic-size:2.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.completed-trade{display:grid;gap:.5rem;grid-template-columns:1fr 1fr;background-color:rgba(var(--text-color), 0.03);border-radius:.5rem;padding:1rem;margin-bottom:.5rem}#market_asset_rates{display:grid;gap:.5rem}#market_asset_rates .listed-asset{padding:1rem;background-color:rgba(var(--text-color), 0.03)}#market_orders_wrapper .list__header{font-size:.8rem;font-weight:500}#market_orders_wrapper .list__header div{padding:.5rem 0}#market_orders_wrapper .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.live-order{display:grid;gap:1rem;padding:1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.03)}.live-order:not(:last-of-type){margin-bottom:.5rem}.live-order[data-type=buy]{background-color:#00fa9a10}.live-order[data-type=sell]{background-color:#e2135110}#portfolio{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start;width:min(60rem,100%)}.personal-asset-balance{align-content:flex-start;padding:1rem;border-radius:.5rem;color:rgba(0,0,0,.8);width:100%}.personal-asset-balance:not(:last-of-type){margin-right:.5rem}.personal-asset-balance:nth-of-type(1){background:url("bg-art2.svg") no-repeat bottom right,#c2ffd7;background-size:contain}.personal-asset-balance:nth-of-type(1) .icon{background-color:rgba(102,255,156,.5)}.personal-asset-balance:nth-of-type(1) .button{border:solid thin rgba(102,255,156,.5)}.personal-asset-balance:nth-of-type(2){background:url("back.svg") no-repeat top right,#fcffa8;background-size:contain}.personal-asset-balance:nth-of-type(2) .icon{background-color:rgba(255,234,0,.5)}.personal-asset-balance>.flex{margin-bottom:.3rem}.personal-asset-balance>.flex .icon{height:2rem;width:2rem;padding:.4rem;border-radius:.3rem;fill:rgba(0,0,0,.8);margin-right:.5rem}.personal-asset-balance .button{display:flex;align-items:center;margin-top:.5rem;padding-right:.8rem;justify-self:flex-start;border-radius:1rem;background-color:rgba(var(--foreground-color), 1);color:rgba(var(--text-color), 1);transition:box-shadow .3s}.personal-asset-balance .button .icon{height:1rem;background-color:transparent;margin-right:.3rem}.personal-asset-balance .button:hover{box-shadow:0 .3rem .5rem rgba(0,0,0,.16)}#personal_rupee_balance span:first-of-type,#personal_flo_balance span:first-of-type{font-size:1.5rem}#personal_rupee_balance span:last-of-type,#personal_flo_balance span:last-of-type{font-size:.9rem}.portfolio_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.portfolio_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem;padding-bottom:1.5rem}.balance-card{display:grid;align-items:center;gap:0 .5rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1);padding:.5rem}.balance-card.is-locked{padding:1rem .5rem;grid-template-columns:auto 1fr auto;gap:.5rem}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:2/3;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#portfolio_result{justify-content:center;text-align:center}#portfolio_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#portfolio_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#portfolio_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}#help{width:min(60ch,100%);margin-bottom:3rem;align-content:flex-start}#help ul{list-style:initial;display:grid;gap:1rem}#help ul li{margin-left:1rem;padding-left:.5rem;font-size:.9rem}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}#main_header{padding:1.5rem}#user_popup_button{width:100%}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}#asset_list_wrapper{padding:0 1.5rem}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#exchange{margin:0;padding:0}#login_form{padding:0 1.5rem}#chart_header{padding:1rem 1.5rem .5rem 1.5rem;margin-left:-0.7rem}#trade_panel_backdrop{position:fixed;top:0;left:0;right:0;height:100%;background-color:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(0.5rem);backdrop-filter:blur(0.5rem);z-index:3}#show_trade_panel{position:absolute;border-radius:2rem;bottom:0;align-self:center;margin-bottom:1rem;z-index:5;font-size:1rem}#trade_form{position:fixed;height:auto;bottom:0;left:0;right:0;margin-top:auto;width:auto;z-index:10;padding:1.5rem 1.5rem 0 1.5rem;border-radius:1rem 1rem 0 0;background-color:rgba(var(--foreground-color), 1);box-shadow:0 -0.5rem 1rem rgba(0,0,0,.1)}#price_chart_container{flex:1}#portfolio_cards_wrapper{overflow-x:auto;-ms-scroll-snap-type:x proximity;scroll-snap-type:x proximity}.personal-asset-balance{scroll-snap-align:start;width:min(16rem,90%);flex-shrink:0}.hide-on-mobile{display:none !important}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.popup__header{grid-column:1/-1;padding:1rem 1.5rem 0 1.5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#user_popup_button{justify-self:flex-end}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}#pages_container>*{margin:0 1.5rem;padding:2rem}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:17rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:2rem;background-color:var(--accent-color)}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 52rem){body:not(.is-signed-in) #market{gap:2rem;width:100%;grid-template-columns:18rem 1fr}.completed-trade{grid-template-columns:1fr 1fr 1fr 8rem;grid-template-areas:"quantity price amount info"}.completed-trade .quantity-block{grid-area:quantity}.completed-trade .price-block{grid-area:price}.completed-trade .amount-block{grid-area:amount}.completed-trade .info-block{grid-area:info}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#portfolio{gap:1rem 2rem;grid-template-columns:1.2fr 1fr}#portfolio__header{grid-column:1/3;padding-bottom:1rem}#portfolio .balance-card{border:solid thin rgba(var(--text-color), 0.2)}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}}
\ No newline at end of file
+*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #516beb;--text-color: 20, 20, 20;--foreground-color: 252, 253, 255;--background-color: 241, 243, 248;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a4b3ff;--text-color: 220, 220, 220;--foreground-color: 27, 28, 29;--background-color: 21, 22, 22;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{text-decoration:none;color:var(--accent-color)}a:focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a.button{padding:.4rem .6rem;border-radius:.3rem;font-size:.9rem;font-weight:500;color:inherit}button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:500;white-space:nowrap;padding:.8rem;border-radius:.3rem;justify-content:center}button:focus-visible{outline:var(--accent-color) solid medium}button:not(:disabled){cursor:pointer}.button{background-color:rgba(var(--text-color), 0.06)}.button--primary,.button--danger{color:rgba(var(--background-color), 1) !important}.button--primary .icon,.button--danger .icon{fill:rgba(var(--background-color), 1)}.button--primary{background-color:var(--accent-color)}.button--danger{background-color:var(--danger-color)}.button--small{padding:.4rem .6rem}.cta{text-transform:uppercase;font-size:.8rem;font-weight:700;letter-spacing:.05em;padding:.8rem 1rem}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}sm-copy{font-size:.9rem}ul{list-style:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wrap-around{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.direction-column{flex-direction:column}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.5rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem;align-items:center;justify-items:flex-start}.popup__header__close{padding:.5rem;margin-left:-0.5rem}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:auto}.logo h4{text-transform:capitalize;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details:not(:last-of-type){border-bottom:thin solid rgba(var(--text-color), 0.3)}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}details .icon{flex-shrink:0}details[open]{padding-bottom:1rem}details[open] summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.9rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.tooltip{position:relative;z-index:8;cursor:pointer}.tooltip .banner{position:absolute;right:0;width:min(20rem,100vw - 1rem);display:none;font-size:.9rem;background-color:rgba(var(--foreground-color), 1);padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.1);border:solid thin rgba(var(--text-color), 0.2)}.tooltip:hover .banner{display:block}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem;width:100%;align-items:center}#user_popup_button{background-color:rgba(var(--text-color), 0.06);border-radius:2rem;font-size:.8rem}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto}#pages_container>*{padding:0 1.5rem;min-width:min(26rem,100%)}.listed-asset{position:relative;gap:.5rem;padding:1rem 0;border-radius:.5rem;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;grid-template-columns:auto 1fr auto auto;grid-template-areas:"icon name rate right-arrow" "icon name countdown right-arrow"}.listed-asset__icon{grid-area:icon;padding:.5rem;border-radius:1rem;display:flex;background-color:var(--accent-color)}.listed-asset__icon .icon{height:1.2rem;width:1.2rem;fill:rgba(var(--background-color), 1)}.listed-asset__name{grid-area:name;margin-left:.3rem}.listed-asset__rate{grid-area:rate}.listed-asset__countdown{display:flex;align-items:center;grid-area:countdown;justify-self:flex-end;font-size:.8rem;color:var(--accent-color)}.listed-asset__countdown .icon{margin-left:.3rem;overflow:visible;stroke-width:3;fill:none}.listed-asset__countdown .icon .path-a{stroke:var(--accent-color);stroke-dashoffset:var(--path-length, 0);stroke-dasharray:63}.listed-asset__countdown .icon .path-b{stroke:rgba(var(--text-color), 0.2)}.listed-asset__right-arrow{grid-area:right-arrow;background-color:rgba(var(--text-color), 0.1);border-radius:1rem;padding:.1rem;margin-left:.3rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#portfolio_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{position:relative;display:flex;flex-direction:column;height:100%}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(46rem,100%)}#my_orders{grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;grid-template-columns:-webkit-min-content 1fr auto;grid-template-columns:min-content 1fr auto;border-radius:.5rem;grid-template-areas:"checkbox quantity quantity time" "checkbox price amount cancel"}.order-card>.grid:nth-of-type(2){grid-area:price}.order-card>.grid:nth-of-type(3){grid-area:amount}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{grid-area:checkbox;cursor:pointer;margin-right:.5rem}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{grid-area:time;font-size:.8rem;color:rgba(var(--text-color), 0.8)}.order-card .cancel-order{grid-area:cancel;color:var(--danger-color)}.order-card .cancel-order .icon{fill:var(--danger-color)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.completed-trade,.transaction-card,.live-order{gap:0 1rem}.completed-trade__type,.transaction-card__type,.live-order__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.completed-trade[data-type=Bought] .completed-trade__type,.completed-trade--buy .completed-trade__type,.completed-trade[data-type=Bought] .transaction-card__type,.completed-trade--buy .transaction-card__type,.completed-trade[data-type=Bought] .live-order__type,.completed-trade--buy .live-order__type,.transaction-card[data-type=Bought] .completed-trade__type,.transaction-card--buy .completed-trade__type,.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type,.transaction-card[data-type=Bought] .live-order__type,.transaction-card--buy .live-order__type,.live-order[data-type=Bought] .completed-trade__type,.live-order--buy .completed-trade__type,.live-order[data-type=Bought] .transaction-card__type,.live-order--buy .transaction-card__type,.live-order[data-type=Bought] .live-order__type,.live-order--buy .live-order__type{color:var(--green)}.completed-trade[data-type=Sold] .completed-trade__type,.completed-trade--sell .completed-trade__type,.completed-trade[data-type=Sold] .transaction-card__type,.completed-trade--sell .transaction-card__type,.completed-trade[data-type=Sold] .live-order__type,.completed-trade--sell .live-order__type,.transaction-card[data-type=Sold] .completed-trade__type,.transaction-card--sell .completed-trade__type,.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type,.transaction-card[data-type=Sold] .live-order__type,.transaction-card--sell .live-order__type,.live-order[data-type=Sold] .completed-trade__type,.live-order--sell .completed-trade__type,.live-order[data-type=Sold] .transaction-card__type,.live-order--sell .transaction-card__type,.live-order[data-type=Sold] .live-order__type,.live-order--sell .live-order__type{color:var(--danger-color)}.completed-trade__total,.transaction-card__total,.live-order__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.completed-trade__quantity,.completed-trade__price,.transaction-card__quantity,.transaction-card__price,.live-order__quantity,.live-order__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.completed-trade__time,.transaction-card__time,.live-order__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.completed-trade .more-info,.transaction-card .more-info,.live-order .more-info{flex-shrink:0;padding:.3rem}.transaction-card{content-visibility:auto;contain-intrinsic-size:2.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.completed-trade{display:grid;gap:.5rem;grid-template-columns:1fr 1fr;background-color:rgba(var(--text-color), 0.03);border-radius:.5rem;padding:1rem;margin-bottom:.5rem}#market_asset_rates{display:grid;gap:.5rem}#market_asset_rates .listed-asset{padding:1rem;background-color:rgba(var(--text-color), 0.03)}#market_orders_wrapper .list__header{font-size:.8rem;font-weight:500}#market_orders_wrapper .list__header div{padding:.5rem 0}#market_orders_wrapper .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.live-order{display:grid;gap:1rem;padding:1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.03)}.live-order:not(:last-of-type){margin-bottom:.5rem}.live-order[data-type=buy]{background-color:#00fa9a10}.live-order[data-type=sell]{background-color:#e2135110}#portfolio{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start;width:min(60rem,100%)}.personal-asset-balance{align-content:flex-start;padding:1rem;border-radius:.5rem;color:rgba(0,0,0,.8);width:100%}.personal-asset-balance:not(:last-of-type){margin-right:.5rem}.personal-asset-balance:nth-of-type(1){background:url("bg-art2.svg") no-repeat bottom right,#c2ffd7;background-size:contain}.personal-asset-balance:nth-of-type(1) .icon{background-color:rgba(102,255,156,.5)}.personal-asset-balance:nth-of-type(1) .button{border:solid thin rgba(102,255,156,.5)}.personal-asset-balance:nth-of-type(2){background:url("back.svg") no-repeat top right,#fcffa8;background-size:contain}.personal-asset-balance:nth-of-type(2) .icon{background-color:rgba(255,234,0,.5)}.personal-asset-balance>.flex{margin-bottom:.3rem}.personal-asset-balance>.flex .icon{height:2rem;width:2rem;padding:.4rem;border-radius:.3rem;fill:rgba(0,0,0,.8);margin-right:.5rem}.personal-asset-balance .button{display:flex;align-items:center;margin-top:.5rem;padding-right:.8rem;justify-self:flex-start;border-radius:1rem;background-color:rgba(var(--foreground-color), 1);color:rgba(var(--text-color), 1);transition:box-shadow .3s}.personal-asset-balance .button .icon{height:1rem;background-color:transparent;margin-right:.3rem}.personal-asset-balance .button:hover{box-shadow:0 .3rem .5rem rgba(0,0,0,.16)}#personal_rupee_balance span:first-of-type,#personal_flo_balance span:first-of-type{font-size:1.5rem}#personal_rupee_balance span:last-of-type,#personal_flo_balance span:last-of-type{font-size:.9rem}.portfolio_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.portfolio_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem;padding-bottom:1.5rem}.balance-card{display:grid;align-items:center;gap:0 .5rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1);padding:.5rem}.balance-card.is-locked{padding:1rem .5rem;grid-template-columns:auto 1fr auto;gap:.5rem}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:2/3;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#portfolio_result{justify-content:center;text-align:center}#portfolio_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#portfolio_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#portfolio_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}#help{width:min(60ch,100%);margin-bottom:3rem;align-content:flex-start}#help ul{list-style:initial;display:grid;gap:1rem}#help ul li{margin-left:1rem;padding-left:.5rem;font-size:.9rem}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}#main_header{padding:1.5rem}#user_popup_button{width:100%}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}#asset_list_wrapper{padding:0 1.5rem}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#exchange{margin:0;padding:0}#login_form{padding:0 1.5rem}#chart_header{padding:1rem 1.5rem .5rem 1.5rem;margin-left:-0.7rem}#trade_panel_backdrop{position:fixed;top:0;left:0;right:0;height:100%;background-color:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(0.5rem);backdrop-filter:blur(0.5rem);z-index:3}#show_trade_panel{position:absolute;border-radius:2rem;bottom:0;align-self:center;margin-bottom:1rem;z-index:5;font-size:1rem}#trade_form{position:fixed;height:auto;bottom:0;left:0;right:0;margin-top:auto;width:auto;z-index:10;padding:1.5rem 1.5rem 0 1.5rem;border-radius:1rem 1rem 0 0;background-color:rgba(var(--foreground-color), 1);box-shadow:0 -0.5rem 1rem rgba(0,0,0,.1)}#price_chart_container{flex:1}#portfolio_cards_wrapper{overflow-x:auto;-ms-scroll-snap-type:x proximity;scroll-snap-type:x proximity}.personal-asset-balance{scroll-snap-align:start;width:min(16rem,90%);flex-shrink:0}.hide-on-mobile{display:none !important}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.popup__header{grid-column:1/-1;padding:1rem 1.5rem 0 1.5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#user_popup_button{justify-self:flex-end}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}#pages_container>*{margin:0 1.5rem;padding:2rem}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:17rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:2rem;background-color:var(--accent-color)}.order-card{grid-template-columns:auto 1fr 1fr 1fr auto;grid-template-areas:"checkbox quantity price amount time cancel"}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 52rem){body:not(.is-signed-in) #market{gap:2rem;width:100%;grid-template-columns:18rem 1fr}.completed-trade{grid-template-columns:1fr 1fr 1fr 8rem;grid-template-areas:"quantity price amount info"}.completed-trade .quantity-block{grid-area:quantity}.completed-trade .price-block{grid-area:price}.completed-trade .amount-block{grid-area:amount}.completed-trade .info-block{grid-area:info}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#portfolio{gap:1rem 2rem;grid-template-columns:1.2fr 1fr}#portfolio__header{grid-column:1/3;padding-bottom:1rem}#portfolio .balance-card{border:solid thin rgba(var(--text-color), 0.2)}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}}
\ No newline at end of file
diff --git a/docs/css/main.scss b/docs/css/main.scss
index 2bb290d..ede73a8 100644
--- a/docs/css/main.scss
+++ b/docs/css/main.scss
@@ -778,8 +778,17 @@ sm-checkbox {
   user-select: none;
   align-items: center;
   gap: 0.5rem;
-  grid-template-columns: min-content repeat(3, 1fr) min-content;
+  grid-template-columns: min-content 1fr auto;
   border-radius: 0.5rem;
+  grid-template-areas: "checkbox quantity quantity time" "checkbox price amount cancel";
+  & > .grid {
+    &:nth-of-type(2) {
+      grid-area: price;
+    }
+    &:nth-of-type(3) {
+      grid-area: amount;
+    }
+  }
   &__type {
     font-size: 0.9rem;
     font-weight: 500;
@@ -801,6 +810,7 @@ sm-checkbox {
     }
   }
   sm-checkbox {
+    grid-area: checkbox;
     cursor: pointer;
     margin-right: 0.5rem;
   }
@@ -811,9 +821,17 @@ sm-checkbox {
   }
 
   &__time {
+    grid-area: time;
     font-size: 0.8rem;
     color: rgba(var(--text-color), 0.8);
   }
+  .cancel-order {
+    grid-area: cancel;
+    color: var(--danger-color);
+    .icon {
+      fill: var(--danger-color);
+    }
+  }
 }
 .cancel-order {
   align-items: center;
@@ -1374,6 +1392,10 @@ sm-checkbox {
       }
     }
   }
+  .order-card {
+    grid-template-columns: auto 1fr 1fr 1fr auto;
+    grid-template-areas: "checkbox quantity price amount time cancel";
+  }
 }
 @media screen and (max-width: 80rem) and (min-width: 40rem) {
   .main_navbar__item {
diff --git a/docs/index.html b/docs/index.html
index b240ba8..f72e727 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -852,11 +852,15 @@
                 <div class="order-card__type capitalize"></div>
                 <div class="order-card__quantity"></div>
             </div>
+            <time class="order-card__time"></time>
             <div class="grid">
                 <span class="label order-card__price-type"></span>
                 <div class="order-card__price"></div>
             </div>
-            <time class="order-card__time"></time>
+            <div class="grid">
+                <span class="label order-card__amount-type"></span>
+                <div class="order-card__amount"></div>
+            </div>
             <button class="cancel-order" title="Cancel this order">
                 <svg xmlns="http://www.w3.org/2000/svg" class="icon" height="24px" viewBox="0 0 24 24" width="24px">
                     <path d="M0 0h24v24H0V0z" fill="none" />
@@ -1000,7 +1004,7 @@
         const domRefs = {};
         let timerId;
         const currentYear = new Date().getFullYear();
-        const relativeTime = new RelativeTime({ style: 'narrow' });
+        const relativeTime = new RelativeTime('en', { style: 'short' });
 
         //Checks for internet connection status
         if (!navigator.onLine) {
@@ -1645,7 +1649,9 @@
                 card.querySelector('.order-card__type').textContent = type
                 card.querySelector('.order-card__quantity').textContent = `${quantity} ${asset}`
                 card.querySelector('.order-card__price-type').textContent = type === 'buy' ? 'Valid upto' : 'Valid until'
-                card.querySelector('.order-card__price').textContent = formatAmount(price)
+                card.querySelector('.order-card__amount').textContent = formatAmount(price)
+                card.querySelector('.order-card__amount-type').textContent = type === 'buy' ? 'Locked amount' : 'Min amount'
+                card.querySelector('.order-card__price').textContent = formatAmount(price * quantity, true)
                 card.querySelector('.order-card__time').textContent = relativeTime.from(new Date(time).getTime())
                 return card
             },

From 04c62cb7b4693625d3bfa836dabffe2b2489d3a1 Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Sun, 22 May 2022 19:46:14 +0530
Subject: [PATCH 102/168] minor UI fix

---
 docs/index.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/index.html b/docs/index.html
index f72e727..8b5381c 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -1649,9 +1649,9 @@
                 card.querySelector('.order-card__type').textContent = type
                 card.querySelector('.order-card__quantity').textContent = `${quantity} ${asset}`
                 card.querySelector('.order-card__price-type').textContent = type === 'buy' ? 'Valid upto' : 'Valid until'
-                card.querySelector('.order-card__amount').textContent = formatAmount(price)
+                card.querySelector('.order-card__price').textContent = formatAmount(price)
                 card.querySelector('.order-card__amount-type').textContent = type === 'buy' ? 'Locked amount' : 'Min amount'
-                card.querySelector('.order-card__price').textContent = formatAmount(price * quantity, true)
+                card.querySelector('.order-card__amount').textContent = formatAmount(price * quantity, true)
                 card.querySelector('.order-card__time').textContent = relativeTime.from(new Date(time).getTime())
                 return card
             },

From a327bdcc0f75d2987ccc15c74c065ce64b314c27 Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Mon, 23 May 2022 15:24:22 +0530
Subject: [PATCH 103/168] Prevent self fulfilling orders

---
 docs/index.html | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/docs/index.html b/docs/index.html
index 8b5381c..f3aed01 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -1966,6 +1966,13 @@
             const asset = pagesData.params.asset;
             const quantity = parseFloat(getRef('get_quantity').value)
             const price = getSuggestedPrice()
+            if (tradeType === 'buy' && accountDetails.sellOrders.some(order => order.asset === asset)) {
+                hidePopup()
+                return notify('You have an open sell order for this asset. Please close it before buying.', 'error')
+            } else if (tradeType === 'sell' && accountDetails.buyOrders.some(order => order.asset === asset)) {
+                hidePopup()
+                return notify('You have an open buy order for this asset. Please close it before selling.', 'error')
+            }
             showProcess('trade_button_wrapper')
             try {
                 if (tradeType === 'buy') {

From 437e2a96c379ebe593f43bf81f53038f0e66cb00 Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Mon, 23 May 2022 23:05:29 +0530
Subject: [PATCH 104/168] UI and UX update

-- removed asset selector dropdown from portfolio
-- implemented new asset selection and manipulation UX
-- separated exchange and on-chain assets in UI
---
 docs/css/main.css     | 179 ++++++++++++++++++++---------------------
 docs/css/main.min.css |   2 +-
 docs/css/main.scss    | 165 +++++++++++++++++++------------------
 docs/index.html       | 183 +++++++++++++++++++++++++++---------------
 4 files changed, 287 insertions(+), 242 deletions(-)

diff --git a/docs/css/main.css b/docs/css/main.css
index fe29f76..44c70d1 100644
--- a/docs/css/main.css
+++ b/docs/css/main.css
@@ -77,6 +77,10 @@ a.button {
   color: inherit;
 }
 
+fieldset {
+  border: none;
+}
+
 button {
   -webkit-user-select: none;
      -moz-user-select: none;
@@ -143,6 +147,10 @@ a:any-link:focus-visible {
   outline: rgba(var(--text-color), 1) 0.1rem solid;
 }
 
+input {
+  accent-color: var(--accent-color);
+}
+
 sm-input {
   font-size: 0.9rem;
   --border-radius: 0.3rem;
@@ -1025,7 +1033,86 @@ sm-checkbox {
   gap: 1.5rem;
   grid-template-columns: minmax(0, 1fr);
   align-content: flex-start;
-  width: min(60rem, 100%);
+  width: min(32rem, 100%);
+}
+
+.portfolio_actions__wrapper {
+  grid-column: 1/-1;
+  justify-content: flex-end;
+  gap: 0.3rem;
+  padding-top: 1rem;
+}
+.portfolio_actions__wrapper .button {
+  color: var(--accent-color);
+  padding: 0.5rem 0.8rem;
+  flex-shrink: 0;
+}
+
+.label {
+  font-size: 0.8rem;
+  color: rgba(var(--text-color), 0.8);
+  margin-bottom: 0.2rem;
+}
+
+#my_assets {
+  gap: 0.5rem;
+  margin-top: 0.5rem;
+  padding-bottom: 1.5rem;
+  border: none;
+}
+
+.balance-card {
+  display: grid;
+  align-items: center;
+  gap: 0 0.5rem;
+  padding: 1rem;
+  border-radius: 0.3rem;
+  background-color: rgba(var(--text-color), 0.03);
+}
+.balance-card.is-locked {
+  grid-template-columns: auto auto 1fr auto;
+}
+.balance-card.is-locked .balance-card__icon {
+  grid-row: span 2;
+}
+.balance-card:not(.is-locked) {
+  grid-template-columns: auto auto 1fr auto auto;
+}
+.balance-card input {
+  align-self: center;
+}
+.balance-card__icon {
+  display: flex;
+  align-content: center;
+  justify-content: center;
+  margin: 0 0.5rem;
+  border-radius: 0.8rem;
+  align-self: flex-start;
+  background-color: var(--accent-color--light);
+}
+.balance-card__icon .icon {
+  height: 1.3rem;
+  width: 1.3rem;
+  fill: var(--accent-color);
+}
+.balance-card__token {
+  font-size: 0.9rem;
+  font-weight: 500;
+}
+.balance-card__amount-wrapper {
+  margin-top: 0.5rem;
+  grid-column: 3/-1;
+  gap: 0.3rem 1rem;
+  grid-template-columns: 1fr 1fr;
+}
+.balance-card__amount-wrapper > :nth-child(even) {
+  text-align: right;
+}
+
+#portfolio_cards_wrapper {
+  display: grid;
+  gap: 0.5rem;
+  grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
 }
 
 .personal-asset-balance {
@@ -1095,72 +1182,6 @@ sm-checkbox {
   font-size: 0.9rem;
 }
 
-.portfolio_actions__wrapper {
-  grid-column: span 3;
-  gap: 0.5rem;
-  margin-top: 0.5rem;
-}
-.portfolio_actions__wrapper .button {
-  flex: 1;
-}
-
-.label {
-  font-size: 0.8rem;
-  color: rgba(var(--text-color), 0.8);
-  margin-bottom: 0.2rem;
-}
-
-#my_assets {
-  gap: 0.5rem;
-  margin-top: 0.5rem;
-  padding-bottom: 1.5rem;
-}
-
-.balance-card {
-  display: grid;
-  align-items: center;
-  gap: 0 0.5rem;
-  border-radius: 0.5rem;
-  background-color: rgba(var(--foreground-color), 1);
-  padding: 0.5rem;
-}
-.balance-card.is-locked {
-  padding: 1rem 0.5rem;
-  grid-template-columns: auto 1fr auto;
-  gap: 0.5rem;
-}
-.balance-card.is-locked .balance-card__icon {
-  grid-row: span 2;
-}
-.balance-card:not(.is-locked) {
-  grid-template-columns: auto 1fr auto auto;
-}
-.balance-card__icon {
-  display: flex;
-  align-content: center;
-  justify-content: center;
-  padding: 0.6rem;
-  border-radius: 0.8rem;
-  background-color: var(--accent-color--light);
-}
-.balance-card__icon .icon {
-  height: 1.3rem;
-  width: 1.3rem;
-  fill: var(--accent-color);
-}
-.balance-card__token {
-  font-size: 0.9rem;
-  font-weight: 500;
-}
-.balance-card__amount-wrapper {
-  grid-column: 2/3;
-  gap: 0.3rem 1rem;
-  grid-template-columns: 1fr 1fr;
-}
-.balance-card__amount-wrapper > :nth-child(even) {
-  text-align: right;
-}
-
 #portfolio_result {
   justify-content: center;
   text-align: center;
@@ -1429,18 +1450,6 @@ sm-checkbox {
     flex: 1;
   }
 
-  #portfolio_cards_wrapper {
-    overflow-x: auto;
-    -ms-scroll-snap-type: x proximity;
-        scroll-snap-type: x proximity;
-  }
-
-  .personal-asset-balance {
-    scroll-snap-align: start;
-    width: min(16rem, 90%);
-    flex-shrink: 0;
-  }
-
   .hide-on-mobile {
     display: none !important;
   }
@@ -1609,18 +1618,6 @@ sm-checkbox {
     gap: 1.5rem;
     grid-template-columns: minmax(0, 1fr) 20rem;
   }
-
-  #portfolio {
-    gap: 1rem 2rem;
-    grid-template-columns: 1.2fr 1fr;
-  }
-  #portfolio__header {
-    grid-column: 1/3;
-    padding-bottom: 1rem;
-  }
-  #portfolio .balance-card {
-    border: solid thin rgba(var(--text-color), 0.2);
-  }
 }
 @media screen and (min-width: 72rem) {
   .page-layout {
diff --git a/docs/css/main.min.css b/docs/css/main.min.css
index 978f64c..88621dd 100644
--- a/docs/css/main.min.css
+++ b/docs/css/main.min.css
@@ -1 +1 @@
-*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #516beb;--text-color: 20, 20, 20;--foreground-color: 252, 253, 255;--background-color: 241, 243, 248;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a4b3ff;--text-color: 220, 220, 220;--foreground-color: 27, 28, 29;--background-color: 21, 22, 22;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{text-decoration:none;color:var(--accent-color)}a:focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a.button{padding:.4rem .6rem;border-radius:.3rem;font-size:.9rem;font-weight:500;color:inherit}button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:500;white-space:nowrap;padding:.8rem;border-radius:.3rem;justify-content:center}button:focus-visible{outline:var(--accent-color) solid medium}button:not(:disabled){cursor:pointer}.button{background-color:rgba(var(--text-color), 0.06)}.button--primary,.button--danger{color:rgba(var(--background-color), 1) !important}.button--primary .icon,.button--danger .icon{fill:rgba(var(--background-color), 1)}.button--primary{background-color:var(--accent-color)}.button--danger{background-color:var(--danger-color)}.button--small{padding:.4rem .6rem}.cta{text-transform:uppercase;font-size:.8rem;font-weight:700;letter-spacing:.05em;padding:.8rem 1rem}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}sm-copy{font-size:.9rem}ul{list-style:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wrap-around{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.direction-column{flex-direction:column}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.5rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem;align-items:center;justify-items:flex-start}.popup__header__close{padding:.5rem;margin-left:-0.5rem}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:auto}.logo h4{text-transform:capitalize;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details:not(:last-of-type){border-bottom:thin solid rgba(var(--text-color), 0.3)}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}details .icon{flex-shrink:0}details[open]{padding-bottom:1rem}details[open] summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.9rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.tooltip{position:relative;z-index:8;cursor:pointer}.tooltip .banner{position:absolute;right:0;width:min(20rem,100vw - 1rem);display:none;font-size:.9rem;background-color:rgba(var(--foreground-color), 1);padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.1);border:solid thin rgba(var(--text-color), 0.2)}.tooltip:hover .banner{display:block}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem;width:100%;align-items:center}#user_popup_button{background-color:rgba(var(--text-color), 0.06);border-radius:2rem;font-size:.8rem}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto}#pages_container>*{padding:0 1.5rem;min-width:min(26rem,100%)}.listed-asset{position:relative;gap:.5rem;padding:1rem 0;border-radius:.5rem;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;grid-template-columns:auto 1fr auto auto;grid-template-areas:"icon name rate right-arrow" "icon name countdown right-arrow"}.listed-asset__icon{grid-area:icon;padding:.5rem;border-radius:1rem;display:flex;background-color:var(--accent-color)}.listed-asset__icon .icon{height:1.2rem;width:1.2rem;fill:rgba(var(--background-color), 1)}.listed-asset__name{grid-area:name;margin-left:.3rem}.listed-asset__rate{grid-area:rate}.listed-asset__countdown{display:flex;align-items:center;grid-area:countdown;justify-self:flex-end;font-size:.8rem;color:var(--accent-color)}.listed-asset__countdown .icon{margin-left:.3rem;overflow:visible;stroke-width:3;fill:none}.listed-asset__countdown .icon .path-a{stroke:var(--accent-color);stroke-dashoffset:var(--path-length, 0);stroke-dasharray:63}.listed-asset__countdown .icon .path-b{stroke:rgba(var(--text-color), 0.2)}.listed-asset__right-arrow{grid-area:right-arrow;background-color:rgba(var(--text-color), 0.1);border-radius:1rem;padding:.1rem;margin-left:.3rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#portfolio_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{position:relative;display:flex;flex-direction:column;height:100%}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(46rem,100%)}#my_orders{grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;grid-template-columns:-webkit-min-content 1fr auto;grid-template-columns:min-content 1fr auto;border-radius:.5rem;grid-template-areas:"checkbox quantity quantity time" "checkbox price amount cancel"}.order-card>.grid:nth-of-type(2){grid-area:price}.order-card>.grid:nth-of-type(3){grid-area:amount}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{grid-area:checkbox;cursor:pointer;margin-right:.5rem}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{grid-area:time;font-size:.8rem;color:rgba(var(--text-color), 0.8)}.order-card .cancel-order{grid-area:cancel;color:var(--danger-color)}.order-card .cancel-order .icon{fill:var(--danger-color)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.completed-trade,.transaction-card,.live-order{gap:0 1rem}.completed-trade__type,.transaction-card__type,.live-order__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.completed-trade[data-type=Bought] .completed-trade__type,.completed-trade--buy .completed-trade__type,.completed-trade[data-type=Bought] .transaction-card__type,.completed-trade--buy .transaction-card__type,.completed-trade[data-type=Bought] .live-order__type,.completed-trade--buy .live-order__type,.transaction-card[data-type=Bought] .completed-trade__type,.transaction-card--buy .completed-trade__type,.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type,.transaction-card[data-type=Bought] .live-order__type,.transaction-card--buy .live-order__type,.live-order[data-type=Bought] .completed-trade__type,.live-order--buy .completed-trade__type,.live-order[data-type=Bought] .transaction-card__type,.live-order--buy .transaction-card__type,.live-order[data-type=Bought] .live-order__type,.live-order--buy .live-order__type{color:var(--green)}.completed-trade[data-type=Sold] .completed-trade__type,.completed-trade--sell .completed-trade__type,.completed-trade[data-type=Sold] .transaction-card__type,.completed-trade--sell .transaction-card__type,.completed-trade[data-type=Sold] .live-order__type,.completed-trade--sell .live-order__type,.transaction-card[data-type=Sold] .completed-trade__type,.transaction-card--sell .completed-trade__type,.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type,.transaction-card[data-type=Sold] .live-order__type,.transaction-card--sell .live-order__type,.live-order[data-type=Sold] .completed-trade__type,.live-order--sell .completed-trade__type,.live-order[data-type=Sold] .transaction-card__type,.live-order--sell .transaction-card__type,.live-order[data-type=Sold] .live-order__type,.live-order--sell .live-order__type{color:var(--danger-color)}.completed-trade__total,.transaction-card__total,.live-order__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.completed-trade__quantity,.completed-trade__price,.transaction-card__quantity,.transaction-card__price,.live-order__quantity,.live-order__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.completed-trade__time,.transaction-card__time,.live-order__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.completed-trade .more-info,.transaction-card .more-info,.live-order .more-info{flex-shrink:0;padding:.3rem}.transaction-card{content-visibility:auto;contain-intrinsic-size:2.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.completed-trade{display:grid;gap:.5rem;grid-template-columns:1fr 1fr;background-color:rgba(var(--text-color), 0.03);border-radius:.5rem;padding:1rem;margin-bottom:.5rem}#market_asset_rates{display:grid;gap:.5rem}#market_asset_rates .listed-asset{padding:1rem;background-color:rgba(var(--text-color), 0.03)}#market_orders_wrapper .list__header{font-size:.8rem;font-weight:500}#market_orders_wrapper .list__header div{padding:.5rem 0}#market_orders_wrapper .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.live-order{display:grid;gap:1rem;padding:1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.03)}.live-order:not(:last-of-type){margin-bottom:.5rem}.live-order[data-type=buy]{background-color:#00fa9a10}.live-order[data-type=sell]{background-color:#e2135110}#portfolio{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start;width:min(60rem,100%)}.personal-asset-balance{align-content:flex-start;padding:1rem;border-radius:.5rem;color:rgba(0,0,0,.8);width:100%}.personal-asset-balance:not(:last-of-type){margin-right:.5rem}.personal-asset-balance:nth-of-type(1){background:url("bg-art2.svg") no-repeat bottom right,#c2ffd7;background-size:contain}.personal-asset-balance:nth-of-type(1) .icon{background-color:rgba(102,255,156,.5)}.personal-asset-balance:nth-of-type(1) .button{border:solid thin rgba(102,255,156,.5)}.personal-asset-balance:nth-of-type(2){background:url("back.svg") no-repeat top right,#fcffa8;background-size:contain}.personal-asset-balance:nth-of-type(2) .icon{background-color:rgba(255,234,0,.5)}.personal-asset-balance>.flex{margin-bottom:.3rem}.personal-asset-balance>.flex .icon{height:2rem;width:2rem;padding:.4rem;border-radius:.3rem;fill:rgba(0,0,0,.8);margin-right:.5rem}.personal-asset-balance .button{display:flex;align-items:center;margin-top:.5rem;padding-right:.8rem;justify-self:flex-start;border-radius:1rem;background-color:rgba(var(--foreground-color), 1);color:rgba(var(--text-color), 1);transition:box-shadow .3s}.personal-asset-balance .button .icon{height:1rem;background-color:transparent;margin-right:.3rem}.personal-asset-balance .button:hover{box-shadow:0 .3rem .5rem rgba(0,0,0,.16)}#personal_rupee_balance span:first-of-type,#personal_flo_balance span:first-of-type{font-size:1.5rem}#personal_rupee_balance span:last-of-type,#personal_flo_balance span:last-of-type{font-size:.9rem}.portfolio_actions__wrapper{grid-column:span 3;gap:.5rem;margin-top:.5rem}.portfolio_actions__wrapper .button{flex:1}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem;padding-bottom:1.5rem}.balance-card{display:grid;align-items:center;gap:0 .5rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1);padding:.5rem}.balance-card.is-locked{padding:1rem .5rem;grid-template-columns:auto 1fr auto;gap:.5rem}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto auto}.balance-card__icon{display:flex;align-content:center;justify-content:center;padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{grid-column:2/3;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#portfolio_result{justify-content:center;text-align:center}#portfolio_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#portfolio_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#portfolio_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}#help{width:min(60ch,100%);margin-bottom:3rem;align-content:flex-start}#help ul{list-style:initial;display:grid;gap:1rem}#help ul li{margin-left:1rem;padding-left:.5rem;font-size:.9rem}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}#main_header{padding:1.5rem}#user_popup_button{width:100%}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}#asset_list_wrapper{padding:0 1.5rem}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#exchange{margin:0;padding:0}#login_form{padding:0 1.5rem}#chart_header{padding:1rem 1.5rem .5rem 1.5rem;margin-left:-0.7rem}#trade_panel_backdrop{position:fixed;top:0;left:0;right:0;height:100%;background-color:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(0.5rem);backdrop-filter:blur(0.5rem);z-index:3}#show_trade_panel{position:absolute;border-radius:2rem;bottom:0;align-self:center;margin-bottom:1rem;z-index:5;font-size:1rem}#trade_form{position:fixed;height:auto;bottom:0;left:0;right:0;margin-top:auto;width:auto;z-index:10;padding:1.5rem 1.5rem 0 1.5rem;border-radius:1rem 1rem 0 0;background-color:rgba(var(--foreground-color), 1);box-shadow:0 -0.5rem 1rem rgba(0,0,0,.1)}#price_chart_container{flex:1}#portfolio_cards_wrapper{overflow-x:auto;-ms-scroll-snap-type:x proximity;scroll-snap-type:x proximity}.personal-asset-balance{scroll-snap-align:start;width:min(16rem,90%);flex-shrink:0}.hide-on-mobile{display:none !important}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.popup__header{grid-column:1/-1;padding:1rem 1.5rem 0 1.5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#user_popup_button{justify-self:flex-end}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}#pages_container>*{margin:0 1.5rem;padding:2rem}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:17rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:2rem;background-color:var(--accent-color)}.order-card{grid-template-columns:auto 1fr 1fr 1fr auto;grid-template-areas:"checkbox quantity price amount time cancel"}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 52rem){body:not(.is-signed-in) #market{gap:2rem;width:100%;grid-template-columns:18rem 1fr}.completed-trade{grid-template-columns:1fr 1fr 1fr 8rem;grid-template-areas:"quantity price amount info"}.completed-trade .quantity-block{grid-area:quantity}.completed-trade .price-block{grid-area:price}.completed-trade .amount-block{grid-area:amount}.completed-trade .info-block{grid-area:info}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}#portfolio{gap:1rem 2rem;grid-template-columns:1.2fr 1fr}#portfolio__header{grid-column:1/3;padding-bottom:1rem}#portfolio .balance-card{border:solid thin rgba(var(--text-color), 0.2)}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}}
\ No newline at end of file
+*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #516beb;--text-color: 20, 20, 20;--foreground-color: 252, 253, 255;--background-color: 241, 243, 248;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a4b3ff;--text-color: 220, 220, 220;--foreground-color: 27, 28, 29;--background-color: 21, 22, 22;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{text-decoration:none;color:var(--accent-color)}a:focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a.button{padding:.4rem .6rem;border-radius:.3rem;font-size:.9rem;font-weight:500;color:inherit}fieldset{border:none}button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:500;white-space:nowrap;padding:.8rem;border-radius:.3rem;justify-content:center}button:focus-visible{outline:var(--accent-color) solid medium}button:not(:disabled){cursor:pointer}.button{background-color:rgba(var(--text-color), 0.06)}.button--primary,.button--danger{color:rgba(var(--background-color), 1) !important}.button--primary .icon,.button--danger .icon{fill:rgba(var(--background-color), 1)}.button--primary{background-color:var(--accent-color)}.button--danger{background-color:var(--danger-color)}.button--small{padding:.4rem .6rem}.cta{text-transform:uppercase;font-size:.8rem;font-weight:700;letter-spacing:.05em;padding:.8rem 1rem}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}input{accent-color:var(--accent-color)}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}sm-copy{font-size:.9rem}ul{list-style:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wrap-around{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.direction-column{flex-direction:column}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.5rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem;align-items:center;justify-items:flex-start}.popup__header__close{padding:.5rem;margin-left:-0.5rem}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:auto}.logo h4{text-transform:capitalize;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details:not(:last-of-type){border-bottom:thin solid rgba(var(--text-color), 0.3)}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}details .icon{flex-shrink:0}details[open]{padding-bottom:1rem}details[open] summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.9rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.tooltip{position:relative;z-index:8;cursor:pointer}.tooltip .banner{position:absolute;right:0;width:min(20rem,100vw - 1rem);display:none;font-size:.9rem;background-color:rgba(var(--foreground-color), 1);padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.1);border:solid thin rgba(var(--text-color), 0.2)}.tooltip:hover .banner{display:block}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem;width:100%;align-items:center}#user_popup_button{background-color:rgba(var(--text-color), 0.06);border-radius:2rem;font-size:.8rem}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto}#pages_container>*{padding:0 1.5rem;min-width:min(26rem,100%)}.listed-asset{position:relative;gap:.5rem;padding:1rem 0;border-radius:.5rem;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;grid-template-columns:auto 1fr auto auto;grid-template-areas:"icon name rate right-arrow" "icon name countdown right-arrow"}.listed-asset__icon{grid-area:icon;padding:.5rem;border-radius:1rem;display:flex;background-color:var(--accent-color)}.listed-asset__icon .icon{height:1.2rem;width:1.2rem;fill:rgba(var(--background-color), 1)}.listed-asset__name{grid-area:name;margin-left:.3rem}.listed-asset__rate{grid-area:rate}.listed-asset__countdown{display:flex;align-items:center;grid-area:countdown;justify-self:flex-end;font-size:.8rem;color:var(--accent-color)}.listed-asset__countdown .icon{margin-left:.3rem;overflow:visible;stroke-width:3;fill:none}.listed-asset__countdown .icon .path-a{stroke:var(--accent-color);stroke-dashoffset:var(--path-length, 0);stroke-dasharray:63}.listed-asset__countdown .icon .path-b{stroke:rgba(var(--text-color), 0.2)}.listed-asset__right-arrow{grid-area:right-arrow;background-color:rgba(var(--text-color), 0.1);border-radius:1rem;padding:.1rem;margin-left:.3rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#portfolio_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{position:relative;display:flex;flex-direction:column;height:100%}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(46rem,100%)}#my_orders{grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;grid-template-columns:-webkit-min-content 1fr auto;grid-template-columns:min-content 1fr auto;border-radius:.5rem;grid-template-areas:"checkbox quantity quantity time" "checkbox price amount cancel"}.order-card>.grid:nth-of-type(2){grid-area:price}.order-card>.grid:nth-of-type(3){grid-area:amount}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{grid-area:checkbox;cursor:pointer;margin-right:.5rem}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{grid-area:time;font-size:.8rem;color:rgba(var(--text-color), 0.8)}.order-card .cancel-order{grid-area:cancel;color:var(--danger-color)}.order-card .cancel-order .icon{fill:var(--danger-color)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.completed-trade,.transaction-card,.live-order{gap:0 1rem}.completed-trade__type,.transaction-card__type,.live-order__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.completed-trade[data-type=Bought] .completed-trade__type,.completed-trade--buy .completed-trade__type,.completed-trade[data-type=Bought] .transaction-card__type,.completed-trade--buy .transaction-card__type,.completed-trade[data-type=Bought] .live-order__type,.completed-trade--buy .live-order__type,.transaction-card[data-type=Bought] .completed-trade__type,.transaction-card--buy .completed-trade__type,.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type,.transaction-card[data-type=Bought] .live-order__type,.transaction-card--buy .live-order__type,.live-order[data-type=Bought] .completed-trade__type,.live-order--buy .completed-trade__type,.live-order[data-type=Bought] .transaction-card__type,.live-order--buy .transaction-card__type,.live-order[data-type=Bought] .live-order__type,.live-order--buy .live-order__type{color:var(--green)}.completed-trade[data-type=Sold] .completed-trade__type,.completed-trade--sell .completed-trade__type,.completed-trade[data-type=Sold] .transaction-card__type,.completed-trade--sell .transaction-card__type,.completed-trade[data-type=Sold] .live-order__type,.completed-trade--sell .live-order__type,.transaction-card[data-type=Sold] .completed-trade__type,.transaction-card--sell .completed-trade__type,.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type,.transaction-card[data-type=Sold] .live-order__type,.transaction-card--sell .live-order__type,.live-order[data-type=Sold] .completed-trade__type,.live-order--sell .completed-trade__type,.live-order[data-type=Sold] .transaction-card__type,.live-order--sell .transaction-card__type,.live-order[data-type=Sold] .live-order__type,.live-order--sell .live-order__type{color:var(--danger-color)}.completed-trade__total,.transaction-card__total,.live-order__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.completed-trade__quantity,.completed-trade__price,.transaction-card__quantity,.transaction-card__price,.live-order__quantity,.live-order__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.completed-trade__time,.transaction-card__time,.live-order__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.completed-trade .more-info,.transaction-card .more-info,.live-order .more-info{flex-shrink:0;padding:.3rem}.transaction-card{content-visibility:auto;contain-intrinsic-size:2.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.completed-trade{display:grid;gap:.5rem;grid-template-columns:1fr 1fr;background-color:rgba(var(--text-color), 0.03);border-radius:.5rem;padding:1rem;margin-bottom:.5rem}#market_asset_rates{display:grid;gap:.5rem}#market_asset_rates .listed-asset{padding:1rem;background-color:rgba(var(--text-color), 0.03)}#market_orders_wrapper .list__header{font-size:.8rem;font-weight:500}#market_orders_wrapper .list__header div{padding:.5rem 0}#market_orders_wrapper .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.live-order{display:grid;gap:1rem;padding:1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.03)}.live-order:not(:last-of-type){margin-bottom:.5rem}.live-order[data-type=buy]{background-color:#00fa9a10}.live-order[data-type=sell]{background-color:#e2135110}#portfolio{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start;width:min(32rem,100%)}.portfolio_actions__wrapper{grid-column:1/-1;justify-content:flex-end;gap:.3rem;padding-top:1rem}.portfolio_actions__wrapper .button{color:var(--accent-color);padding:.5rem .8rem;flex-shrink:0}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem;padding-bottom:1.5rem;border:none}.balance-card{display:grid;align-items:center;gap:0 .5rem;padding:1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.03)}.balance-card.is-locked{grid-template-columns:auto auto 1fr auto}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto auto 1fr auto auto}.balance-card input{align-self:center}.balance-card__icon{display:flex;align-content:center;justify-content:center;margin:0 .5rem;border-radius:.8rem;align-self:flex-start;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{margin-top:.5rem;grid-column:3/-1;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#portfolio_cards_wrapper{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit, minmax(12rem, 1fr))}.personal-asset-balance{align-content:flex-start;padding:1rem;border-radius:.5rem;color:rgba(0,0,0,.8);width:100%}.personal-asset-balance:not(:last-of-type){margin-right:.5rem}.personal-asset-balance:nth-of-type(1){background:url("bg-art2.svg") no-repeat bottom right,#c2ffd7;background-size:contain}.personal-asset-balance:nth-of-type(1) .icon{background-color:rgba(102,255,156,.5)}.personal-asset-balance:nth-of-type(1) .button{border:solid thin rgba(102,255,156,.5)}.personal-asset-balance:nth-of-type(2){background:url("back.svg") no-repeat top right,#fcffa8;background-size:contain}.personal-asset-balance:nth-of-type(2) .icon{background-color:rgba(255,234,0,.5)}.personal-asset-balance>.flex{margin-bottom:.3rem}.personal-asset-balance>.flex .icon{height:2rem;width:2rem;padding:.4rem;border-radius:.3rem;fill:rgba(0,0,0,.8);margin-right:.5rem}.personal-asset-balance .button{display:flex;align-items:center;margin-top:.5rem;padding-right:.8rem;justify-self:flex-start;border-radius:1rem;background-color:rgba(var(--foreground-color), 1);color:rgba(var(--text-color), 1);transition:box-shadow .3s}.personal-asset-balance .button .icon{height:1rem;background-color:transparent;margin-right:.3rem}.personal-asset-balance .button:hover{box-shadow:0 .3rem .5rem rgba(0,0,0,.16)}#personal_rupee_balance span:first-of-type,#personal_flo_balance span:first-of-type{font-size:1.5rem}#personal_rupee_balance span:last-of-type,#personal_flo_balance span:last-of-type{font-size:.9rem}#portfolio_result{justify-content:center;text-align:center}#portfolio_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#portfolio_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#portfolio_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}#help{width:min(60ch,100%);margin-bottom:3rem;align-content:flex-start}#help ul{list-style:initial;display:grid;gap:1rem}#help ul li{margin-left:1rem;padding-left:.5rem;font-size:.9rem}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}#main_header{padding:1.5rem}#user_popup_button{width:100%}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}#asset_list_wrapper{padding:0 1.5rem}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#exchange{margin:0;padding:0}#login_form{padding:0 1.5rem}#chart_header{padding:1rem 1.5rem .5rem 1.5rem;margin-left:-0.7rem}#trade_panel_backdrop{position:fixed;top:0;left:0;right:0;height:100%;background-color:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(0.5rem);backdrop-filter:blur(0.5rem);z-index:3}#show_trade_panel{position:absolute;border-radius:2rem;bottom:0;align-self:center;margin-bottom:1rem;z-index:5;font-size:1rem}#trade_form{position:fixed;height:auto;bottom:0;left:0;right:0;margin-top:auto;width:auto;z-index:10;padding:1.5rem 1.5rem 0 1.5rem;border-radius:1rem 1rem 0 0;background-color:rgba(var(--foreground-color), 1);box-shadow:0 -0.5rem 1rem rgba(0,0,0,.1)}#price_chart_container{flex:1}.hide-on-mobile{display:none !important}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.popup__header{grid-column:1/-1;padding:1rem 1.5rem 0 1.5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#user_popup_button{justify-self:flex-end}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}#pages_container>*{margin:0 1.5rem;padding:2rem}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:17rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:2rem;background-color:var(--accent-color)}.order-card{grid-template-columns:auto 1fr 1fr 1fr auto;grid-template-areas:"checkbox quantity price amount time cancel"}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 52rem){body:not(.is-signed-in) #market{gap:2rem;width:100%;grid-template-columns:18rem 1fr}.completed-trade{grid-template-columns:1fr 1fr 1fr 8rem;grid-template-areas:"quantity price amount info"}.completed-trade .quantity-block{grid-area:quantity}.completed-trade .price-block{grid-area:price}.completed-trade .amount-block{grid-area:amount}.completed-trade .info-block{grid-area:info}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}}
\ No newline at end of file
diff --git a/docs/css/main.scss b/docs/css/main.scss
index ede73a8..91beb4b 100644
--- a/docs/css/main.scss
+++ b/docs/css/main.scss
@@ -76,7 +76,9 @@ a.button {
   font-weight: 500;
   color: inherit;
 }
-
+fieldset {
+  border: none;
+}
 button {
   user-select: none;
   position: relative;
@@ -130,6 +132,9 @@ button {
 a:any-link:focus-visible {
   outline: rgba(var(--text-color), 1) 0.1rem solid;
 }
+input {
+  accent-color: var(--accent-color);
+}
 sm-input {
   font-size: 0.9rem;
   --border-radius: 0.3rem;
@@ -932,7 +937,81 @@ sm-checkbox {
   gap: 1.5rem;
   grid-template-columns: minmax(0, 1fr);
   align-content: flex-start;
-  width: min(60rem, 100%);
+  width: min(32rem, 100%);
+}
+.portfolio_actions__wrapper {
+  grid-column: 1/-1;
+  justify-content: flex-end;
+  gap: 0.3rem;
+  padding-top: 1rem;
+  .button {
+    color: var(--accent-color);
+    padding: 0.5rem 0.8rem;
+    flex-shrink: 0;
+  }
+}
+.label {
+  font-size: 0.8rem;
+  color: rgba(var(--text-color), 0.8);
+  margin-bottom: 0.2rem;
+}
+#my_assets {
+  gap: 0.5rem;
+  margin-top: 0.5rem;
+  padding-bottom: 1.5rem;
+  border: none;
+}
+.balance-card {
+  display: grid;
+  align-items: center;
+  gap: 0 0.5rem;
+  padding: 1rem;
+  border-radius: 0.3rem;
+  background-color: rgba(var(--text-color), 0.03);
+  &.is-locked {
+    grid-template-columns: auto auto 1fr auto;
+    .balance-card__icon {
+      grid-row: span 2;
+    }
+  }
+  &:not(.is-locked) {
+    grid-template-columns: auto auto 1fr auto auto;
+  }
+  input {
+    align-self: center;
+  }
+  &__icon {
+    display: flex;
+    align-content: center;
+    justify-content: center;
+    margin: 0 0.5rem;
+    border-radius: 0.8rem;
+    align-self: flex-start;
+    background-color: var(--accent-color--light);
+    .icon {
+      height: 1.3rem;
+      width: 1.3rem;
+      fill: var(--accent-color);
+    }
+  }
+  &__token {
+    font-size: 0.9rem;
+    font-weight: 500;
+  }
+  &__amount-wrapper {
+    margin-top: 0.5rem;
+    grid-column: 3/ -1;
+    gap: 0.3rem 1rem;
+    grid-template-columns: 1fr 1fr;
+    & > :nth-child(even) {
+      text-align: right;
+    }
+  }
+}
+#portfolio_cards_wrapper {
+  display: grid;
+  gap: 0.5rem;
+  grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
 }
 .personal-asset-balance {
   align-content: flex-start;
@@ -1000,68 +1079,6 @@ sm-checkbox {
     font-size: 0.9rem;
   }
 }
-.portfolio_actions__wrapper {
-  grid-column: span 3;
-  gap: 0.5rem;
-  margin-top: 0.5rem;
-  .button {
-    flex: 1;
-  }
-}
-.label {
-  font-size: 0.8rem;
-  color: rgba(var(--text-color), 0.8);
-  margin-bottom: 0.2rem;
-}
-#my_assets {
-  gap: 0.5rem;
-  margin-top: 0.5rem;
-  padding-bottom: 1.5rem;
-}
-.balance-card {
-  display: grid;
-  align-items: center;
-  gap: 0 0.5rem;
-  border-radius: 0.5rem;
-  background-color: rgba(var(--foreground-color), 1);
-  padding: 0.5rem;
-  &.is-locked {
-    padding: 1rem 0.5rem;
-    grid-template-columns: auto 1fr auto;
-    gap: 0.5rem;
-    .balance-card__icon {
-      grid-row: span 2;
-    }
-  }
-  &:not(.is-locked) {
-    grid-template-columns: auto 1fr auto auto;
-  }
-  &__icon {
-    display: flex;
-    align-content: center;
-    justify-content: center;
-    padding: 0.6rem;
-    border-radius: 0.8rem;
-    background-color: var(--accent-color--light);
-    .icon {
-      height: 1.3rem;
-      width: 1.3rem;
-      fill: var(--accent-color);
-    }
-  }
-  &__token {
-    font-size: 0.9rem;
-    font-weight: 500;
-  }
-  &__amount-wrapper {
-    grid-column: 2/3;
-    gap: 0.3rem 1rem;
-    grid-template-columns: 1fr 1fr;
-    & > :nth-child(even) {
-      text-align: right;
-    }
-  }
-}
 #portfolio_result {
   justify-content: center;
   text-align: center;
@@ -1279,15 +1296,6 @@ sm-checkbox {
   #price_chart_container {
     flex: 1;
   }
-  #portfolio_cards_wrapper {
-    overflow-x: auto;
-    scroll-snap-type: x proximity;
-  }
-  .personal-asset-balance {
-    scroll-snap-align: start;
-    width: min(16rem, 90%);
-    flex-shrink: 0;
-  }
   .hide-on-mobile {
     display: none !important;
   }
@@ -1442,17 +1450,6 @@ sm-checkbox {
     gap: 1.5rem;
     grid-template-columns: minmax(0, 1fr) 20rem;
   }
-  #portfolio {
-    gap: 1rem 2rem;
-    grid-template-columns: 1.2fr 1fr;
-    &__header {
-      grid-column: 1/3;
-      padding-bottom: 1rem;
-    }
-    .balance-card {
-      border: solid thin rgba(var(--text-color), 0.2);
-    }
-  }
 }
 @media screen and (min-width: 72rem) {
   .page-layout {
diff --git a/docs/index.html b/docs/index.html
index f3aed01..b9c8dca 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -305,25 +305,52 @@
                 </div>
             </div>
             <div id="portfolio" class="grid mobile-page hide">
-                <div id="portfolio__header" class="flex align-center space-between">
+                <div id="portfolio__header" class="grid gap-1">
                     <h4>
                         My portfolio
                     </h4>
-                    <div class="multi-state-button">
-                        <button id="portfolio_balance_refresh_button" class="button button--small"
-                            onclick="refresh(false,this);" title="Refresh">
-                            Refresh
-                        </button>
+                    <div class="flex align-center space-between">
+                        <strip-select id="portfolio_pages_selector">
+                            <strip-option value="exchange" selected>Exchange</strip-option>
+                            <strip-option value="personal">On-chain</strip-option>
+                        </strip-select>
+                        <div class="multi-state-button">
+                            <button id="portfolio_balance_refresh_button" class="button button--small"
+                                onclick="refresh(false,this);" title="Refresh">
+                                Refresh
+                            </button>
+                        </div>
                     </div>
                 </div>
-                <div class="grid gap-1-5">
-                    <div class="grid">
-                        <span class="label">Portfolio valuation</span>
-                        <h1 id="portfolio_value" style="font-size: 2.5rem;"></h1>
+                <div id="portfolio_pages_wrapper">
+                    <div class="grid gap-1-5">
+                        <div class="grid">
+                            <span class="label">Portfolio valuation</span>
+                            <h1 id="portfolio_value" style="font-size: 2.5rem;"></h1>
+                        </div>
+                        <div class="grid gap-0-5">
+                            <div class="flex align-center space-between">
+                                <h4>Owned assets on exchange</h4>
+                                <div class="tooltip">
+                                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px"
+                                        viewBox="0 0 24 24" width="24px" fill="#000000">
+                                        <path d="M0 0h24v24H0V0z" fill="none" />
+                                        <path
+                                            d="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z" />
+                                    </svg>
+                                    <p class="banner">
+                                        Your assets on exchange remains separate until they are withdrawn to your FLO
+                                        ID.
+                                    </p>
+                                </div>
+                            </div>
+                            <p>Deposit rupee from your FLO ID to exchange to purchase assets.</p>
+                            <fieldset id="my_assets" class="grid"></fieldset>
+                        </div>
                     </div>
-                    <div class="grid gap-1">
+                    <div class="grid gap-1 hide">
                         <div class="flex align-center space-between">
-                            <h4>Assets on FLO ID</h4>
+                            <h4>Assets in <span class="my-flo-id"></span></h4>
                             <div class="tooltip">
                                 <svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24"
                                     width="24px" fill="#000000">
@@ -338,7 +365,7 @@
                                 </p>
                             </div>
                         </div>
-                        <div id="portfolio_cards_wrapper" class="flex">
+                        <div id="portfolio_cards_wrapper">
                             <div class="grid gap-0-5 personal-asset-balance">
                                 <div class="flex align-center">
                                     <svg class="icon" xmlns="http://www.w3.org/2000/svg"
@@ -392,39 +419,6 @@
                         </div>
                     </div>
                 </div>
-                <div class="grid gap-0-5">
-                    <div class="flex align-center space-between">
-                        <h4>Owned assets on exchange</h4>
-                        <div class="tooltip">
-                            <svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24"
-                                width="24px" fill="#000000">
-                                <path d="M0 0h24v24H0V0z" fill="none" />
-                                <path
-                                    d="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z" />
-                            </svg>
-                            <p class="banner">
-                                Your assets on exchange remains separate until they are withdrawn to your FLO ID.
-                            </p>
-                        </div>
-                    </div>
-                    <p>Deposit rupee from your FLO ID to exchange to purchase assets.</p>
-                    <div id="portfolio_actions" class="w-100" style="z-index: 5;">
-                        <p class="label">Select asset</p>
-                        <sm-select id="portfolio_asset_selector"></sm-select>
-                        <div class="flex portfolio_actions__wrapper">
-                            <button class="button" value="deposit">
-                                Deposit
-                            </button>
-                            <button class="button" value="withdraw">
-                                Withdraw
-                            </button>
-                            <button class="button" value="transfer">
-                                Transfer
-                            </button>
-                        </div>
-                    </div>
-                    <ul id="my_assets" class="grid"></ul>
-                </div>
             </div>
             <div id="help" class="mobile-page hide grid gap-2">
                 <h1>Hey there! How can we help you today?</h1>
@@ -825,10 +819,11 @@
         </li>
     </template>
     <template id="asset_balance_card_template">
-        <li class="balance-card">
+        <label class="balance-card interact">
+            <input type="radio" name="exchange-assets">
             <div class="balance-card__icon"></div>
             <h4 class="balance-card__token"></h4>
-        </li>
+        </label>
     </template>
     <template id="net_balance_template">
         <span class="available-balance"></span>
@@ -845,6 +840,19 @@
             </div>
         </div>
     </template>
+    <template id="asset_balance_actions">
+        <fieldset class="flex portfolio_actions__wrapper">
+            <button class="button" value="deposit">
+                Deposit
+            </button>
+            <button class="button" value="withdraw">
+                Withdraw
+            </button>
+            <button class="button" value="transfer">
+                Transfer
+            </button>
+        </fieldset>
+    </template>
     <template id="order_template">
         <li class="list__item order-card">
             <sm-checkbox></sm-checkbox>
@@ -1695,10 +1703,11 @@
                 card.querySelector('.more-info').dataset.seller = seller
                 return card
             },
-            assetBalanceCard(asset) {
+            assetBalanceCard(asset, isFirst = false) {
                 const { net, locked } = allTokens[asset]
                 const card = getRef('asset_balance_card_template').content.cloneNode(true).firstElementChild
-                card.className = `balance-card ${locked ? 'is-locked' : ''}`
+                card.className = `balance-card interact ${locked ? 'is-locked' : ''}`
+                card.querySelector('input').value = asset
                 card.querySelector('.balance-card__token').textContent = asset
                 card.querySelector('.balance-card__icon').innerHTML = getIcon(asset)
                 const templateToClone = locked ? 'locked_balance_template' : 'net_balance_template';
@@ -1708,6 +1717,10 @@
                     assetBalance.querySelector('.locked-balance').textContent = asset === 'rupee' ? formatAmount(locked) : parseFloat(locked.toFixed(4))
                 }
                 card.appendChild(assetBalance)
+                if (isFirst) {
+                    card.querySelector('input').checked = true
+                    card.append(getRef('asset_balance_actions').content.cloneNode(true))
+                }
                 return card
             },
             chart(asset = 'FLO', duration = '48 weeks') {
@@ -2044,11 +2057,59 @@
             getRef('get_quantity').value = toFixed(parseFloat(e.target.value) / unitValue)
         })
 
-        getRef('portfolio_actions').addEventListener('click', e => {
+        getRef('portfolio_pages_selector').addEventListener('change', e => {
+            showChildElement('portfolio_pages_wrapper', e.target.value === 'exchange' ? 0 : 1)
+        })
+
+        getRef('my_assets').addEventListener('change', e => {
+            const animOptions = {
+                duration: 150,
+                easing: 'ease',
+                fill: 'forwards'
+            }
+            const previousActionButton = getRef('my_assets').querySelector('.portfolio_actions__wrapper')
+            if (previousActionButton) {
+                previousActionButton.animate([
+                    {
+                        paddingTop: '1rem',
+                        height: `${previousActionButton.offsetHeight}px`,
+                        opacity: 1
+                    },
+                    {
+                        paddingTop: 0,
+                        height: 0,
+                        opacity: 0
+                    }
+                ], animOptions).onfinish = () => {
+                    previousActionButton.remove()
+                }
+            }
+            const actionButtons = getRef('asset_balance_actions').content.cloneNode(true)
+            e.target.closest('.balance-card').append(actionButtons)
+            const height = e.target.closest('.balance-card').lastElementChild.offsetHeight
+            e.target.closest('.balance-card').lastElementChild.animate([
+                {
+                    paddingTop: 0,
+                    height: 0,
+                    opacity: 0
+                },
+                {
+                    paddingTop: '1rem',
+                    height: `${height}px`,
+                    opacity: 1
+                }
+            ], animOptions)
+        })
+
+        function getPortfolioSelectedAsset() {
+            return getRef('my_assets').querySelector(':checked').value
+        }
+
+        getRef('my_assets').addEventListener('click', e => {
             if (e.target.closest('.button')) {
                 const target = e.target.closest('.button')
                 const type = target.value
-                const asset = getRef('portfolio_asset_selector').value
+                const asset = getPortfolioSelectedAsset()
 
                 getRef('portfolio_quantity_type').textContent = getRef('quantity_type').textContent = asset === 'rupee' ? formatAmount(allTokens.rupee.net, true) : `${toFixed(allTokens[asset].net)} ${asset}`
                 getRef('portfolio_popup__cta').textContent = `${type} ${asset}`
@@ -2135,7 +2196,7 @@
             // Get latest balance and exchange rate
             if (e.target.closest('button')) {
                 const target = e.target.closest('button')
-                const asset = getRef('portfolio_asset_selector').value
+                const asset = getPortfolioSelectedAsset()
                 const fraction = parseFloat(target.value)
                 let total = toFixed(allTokens[asset].net * fraction);
                 if (asset == 'FLO' && fraction === 1 & total > 0.1) {
@@ -2145,7 +2206,7 @@
             }
         })
         getRef('portfolio_popup__cta').addEventListener('click', async e => {
-            const asset = getRef('portfolio_asset_selector').value
+            const asset = getPortfolioSelectedAsset()
             const type = e.target.getAttribute('value')
             const quantity = parseFloat(getRef('get_user_amount').value)
             try {
@@ -2556,12 +2617,6 @@
                 console.debug(rates);
                 if (init) {
                     floGlobals.exchangeRates = rates
-                    getRef('portfolio_asset_selector').append(
-                        createElement('sm-option', {
-                            textContent: floGlobals.currency,
-                            attributes: { value: floGlobals.currency },
-                        })
-                    );
                     Object.entries(rates).sort((a, b) => a[1] < b[1] ? 1 : -1).forEach(([asset, rate]) => {
                         if (!allTokens.hasOwnProperty(asset)) {
                             allTokens[asset] = {
@@ -2572,10 +2627,6 @@
                         }
                         // dynamically render listed assets if not already rendered
                         getRef('listed_assets').append(render.listedAsset(asset, formatAmount(parseFloat(rate)), countDown[asset]));
-                        getRef('portfolio_asset_selector').append(createElement('sm-option', {
-                            textContent: asset,
-                            attributes: { value: asset },
-                        }));
                         getRef('market_asset_rates').append(createElement('li', {
                             className: 'listed-asset grid align-center',
                             innerHTML: `
@@ -2695,8 +2746,8 @@
                 // render all assets in portfolio
                 const frag = document.createDocumentFragment();
                 let totalPortfolio = 0;
-                Object.entries(allTokens).sort((a, b) => b[1].net - a[1].net).forEach(([asset]) => {
-                    frag.append(render.assetBalanceCard(asset))
+                Object.entries(allTokens).sort((a, b) => b[1].net - a[1].net).forEach(([asset], index) => {
+                    frag.append(render.assetBalanceCard(asset, index === 0))
                     if (asset !== floGlobals.currency)
                         totalPortfolio += allTokens[asset].net * floGlobals.exchangeRates[asset]
                     else

From f73e96bb5ab3670bc57326c2b71c35bdd705a285 Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Tue, 24 May 2022 17:26:17 +0530
Subject: [PATCH 105/168] Update _constants.js

MAXIMUM_LAUNCH_SELL_CHIPS reduced to 100000
---
 src/_constants.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/_constants.js b/src/_constants.js
index ee442de..e10704e 100644
--- a/src/_constants.js
+++ b/src/_constants.js
@@ -10,7 +10,7 @@ module.exports = {
         PERIOD_INTERVAL: 5 * 60 * 1000, //5 min,
         WAIT_TIME: 2 * 60 * 1000, //2 mins,
         LAUNCH_SELLER_TAG: "launch-seller",
-        MAXIMUM_LAUNCH_SELL_CHIPS: 250000,
+        MAXIMUM_LAUNCH_SELL_CHIPS: 100000,
         TRADE_HASH_PREFIX: "z1",
         TRANSFER_HASH_PREFIX: "z0"
     },

From 44541513ef6cfdc3f169e723548f7f04e86cef62 Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Tue, 24 May 2022 18:06:08 +0530
Subject: [PATCH 106/168] Feature and UI/UX update

-- added lazy loading to market trades
-- trading view is default view when opening asset page
-- removed popup trading panel UX
---
 docs/css/main.css              |  68 +++----
 docs/css/main.min.css          |   2 +-
 docs/css/main.scss             |  63 +++---
 docs/index.html                | 352 ++++++++++++++++----------------
 docs/scripts/floExchangeAPI.js | 360 ++++++++++++++++-----------------
 5 files changed, 424 insertions(+), 421 deletions(-)

diff --git a/docs/css/main.css b/docs/css/main.css
index 44c70d1..0ff90df 100644
--- a/docs/css/main.css
+++ b/docs/css/main.css
@@ -496,6 +496,10 @@ strip-select {
 strip-option {
   font-weight: 500;
   font-size: 0.9rem;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
   --border-radius: 0;
   --active-option-color: rgba(var(--background-color), 1);
   --active-option-background-color: var(--accent-color);
@@ -793,6 +797,14 @@ sm-checkbox {
   display: flex;
   flex-direction: column;
   height: 100%;
+  align-items: flex-start;
+}
+
+#asset_page_wrapper {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  width: 100%;
 }
 
 #trade_form {
@@ -1404,52 +1416,34 @@ sm-checkbox {
     padding: 0 1.5rem;
   }
 
+  #asset_page__header {
+    display: flex;
+    padding: 1rem 1.5rem 0.5rem 0.8rem;
+  }
+
   #chart_header {
-    padding: 1rem 1.5rem 0.5rem 1.5rem;
-    margin-left: -0.7rem;
-  }
-
-  #trade_panel_backdrop {
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    height: 100%;
-    background-color: rgba(0, 0, 0, 0.3);
-    -webkit-backdrop-filter: blur(0.5rem);
-            backdrop-filter: blur(0.5rem);
-    z-index: 3;
-  }
-
-  #show_trade_panel {
-    position: absolute;
-    border-radius: 2rem;
-    bottom: 0;
-    align-self: center;
-    margin-bottom: 1rem;
-    z-index: 5;
-    font-size: 1rem;
+    padding: 0 1.5rem 0.5rem 1.5rem;
   }
 
   #trade_form {
-    position: fixed;
-    height: auto;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    margin-top: auto;
-    width: auto;
-    z-index: 10;
-    padding: 1.5rem 1.5rem 0 1.5rem;
-    border-radius: 1rem 1rem 0 0;
-    background-color: rgba(var(--foreground-color), 1);
-    box-shadow: 0 -0.5rem 1rem rgba(0, 0, 0, 0.1);
+    padding: 0 1.5rem;
   }
 
   #price_chart_container {
     flex: 1;
   }
 
+  #asset_page__footer button .icon {
+    margin-right: 0.3rem;
+  }
+  #asset_page__footer button.active {
+    color: var(--accent-color);
+    background-color: rgba(var(--text-color), 0.03);
+  }
+  #asset_page__footer button.active .icon {
+    fill: var(--accent-color);
+  }
+
   .hide-on-mobile {
     display: none !important;
   }
@@ -1613,7 +1607,7 @@ sm-checkbox {
     grid-template-columns: auto 1fr;
   }
 
-  #asset_page {
+  #asset_page_wrapper {
     display: grid;
     gap: 1.5rem;
     grid-template-columns: minmax(0, 1fr) 20rem;
diff --git a/docs/css/main.min.css b/docs/css/main.min.css
index 88621dd..aca58cf 100644
--- a/docs/css/main.min.css
+++ b/docs/css/main.min.css
@@ -1 +1 @@
-*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #516beb;--text-color: 20, 20, 20;--foreground-color: 252, 253, 255;--background-color: 241, 243, 248;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a4b3ff;--text-color: 220, 220, 220;--foreground-color: 27, 28, 29;--background-color: 21, 22, 22;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{text-decoration:none;color:var(--accent-color)}a:focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a.button{padding:.4rem .6rem;border-radius:.3rem;font-size:.9rem;font-weight:500;color:inherit}fieldset{border:none}button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:500;white-space:nowrap;padding:.8rem;border-radius:.3rem;justify-content:center}button:focus-visible{outline:var(--accent-color) solid medium}button:not(:disabled){cursor:pointer}.button{background-color:rgba(var(--text-color), 0.06)}.button--primary,.button--danger{color:rgba(var(--background-color), 1) !important}.button--primary .icon,.button--danger .icon{fill:rgba(var(--background-color), 1)}.button--primary{background-color:var(--accent-color)}.button--danger{background-color:var(--danger-color)}.button--small{padding:.4rem .6rem}.cta{text-transform:uppercase;font-size:.8rem;font-weight:700;letter-spacing:.05em;padding:.8rem 1rem}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}input{accent-color:var(--accent-color)}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}sm-copy{font-size:.9rem}ul{list-style:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wrap-around{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.direction-column{flex-direction:column}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.5rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem;align-items:center;justify-items:flex-start}.popup__header__close{padding:.5rem;margin-left:-0.5rem}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:auto}.logo h4{text-transform:capitalize;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details:not(:last-of-type){border-bottom:thin solid rgba(var(--text-color), 0.3)}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}details .icon{flex-shrink:0}details[open]{padding-bottom:1rem}details[open] summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.9rem;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.tooltip{position:relative;z-index:8;cursor:pointer}.tooltip .banner{position:absolute;right:0;width:min(20rem,100vw - 1rem);display:none;font-size:.9rem;background-color:rgba(var(--foreground-color), 1);padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.1);border:solid thin rgba(var(--text-color), 0.2)}.tooltip:hover .banner{display:block}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem;width:100%;align-items:center}#user_popup_button{background-color:rgba(var(--text-color), 0.06);border-radius:2rem;font-size:.8rem}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto}#pages_container>*{padding:0 1.5rem;min-width:min(26rem,100%)}.listed-asset{position:relative;gap:.5rem;padding:1rem 0;border-radius:.5rem;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;grid-template-columns:auto 1fr auto auto;grid-template-areas:"icon name rate right-arrow" "icon name countdown right-arrow"}.listed-asset__icon{grid-area:icon;padding:.5rem;border-radius:1rem;display:flex;background-color:var(--accent-color)}.listed-asset__icon .icon{height:1.2rem;width:1.2rem;fill:rgba(var(--background-color), 1)}.listed-asset__name{grid-area:name;margin-left:.3rem}.listed-asset__rate{grid-area:rate}.listed-asset__countdown{display:flex;align-items:center;grid-area:countdown;justify-self:flex-end;font-size:.8rem;color:var(--accent-color)}.listed-asset__countdown .icon{margin-left:.3rem;overflow:visible;stroke-width:3;fill:none}.listed-asset__countdown .icon .path-a{stroke:var(--accent-color);stroke-dashoffset:var(--path-length, 0);stroke-dasharray:63}.listed-asset__countdown .icon .path-b{stroke:rgba(var(--text-color), 0.2)}.listed-asset__right-arrow{grid-area:right-arrow;background-color:rgba(var(--text-color), 0.1);border-radius:1rem;padding:.1rem;margin-left:.3rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#portfolio_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{position:relative;display:flex;flex-direction:column;height:100%}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(46rem,100%)}#my_orders{grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;grid-template-columns:-webkit-min-content 1fr auto;grid-template-columns:min-content 1fr auto;border-radius:.5rem;grid-template-areas:"checkbox quantity quantity time" "checkbox price amount cancel"}.order-card>.grid:nth-of-type(2){grid-area:price}.order-card>.grid:nth-of-type(3){grid-area:amount}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{grid-area:checkbox;cursor:pointer;margin-right:.5rem}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{grid-area:time;font-size:.8rem;color:rgba(var(--text-color), 0.8)}.order-card .cancel-order{grid-area:cancel;color:var(--danger-color)}.order-card .cancel-order .icon{fill:var(--danger-color)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.completed-trade,.transaction-card,.live-order{gap:0 1rem}.completed-trade__type,.transaction-card__type,.live-order__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.completed-trade[data-type=Bought] .completed-trade__type,.completed-trade--buy .completed-trade__type,.completed-trade[data-type=Bought] .transaction-card__type,.completed-trade--buy .transaction-card__type,.completed-trade[data-type=Bought] .live-order__type,.completed-trade--buy .live-order__type,.transaction-card[data-type=Bought] .completed-trade__type,.transaction-card--buy .completed-trade__type,.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type,.transaction-card[data-type=Bought] .live-order__type,.transaction-card--buy .live-order__type,.live-order[data-type=Bought] .completed-trade__type,.live-order--buy .completed-trade__type,.live-order[data-type=Bought] .transaction-card__type,.live-order--buy .transaction-card__type,.live-order[data-type=Bought] .live-order__type,.live-order--buy .live-order__type{color:var(--green)}.completed-trade[data-type=Sold] .completed-trade__type,.completed-trade--sell .completed-trade__type,.completed-trade[data-type=Sold] .transaction-card__type,.completed-trade--sell .transaction-card__type,.completed-trade[data-type=Sold] .live-order__type,.completed-trade--sell .live-order__type,.transaction-card[data-type=Sold] .completed-trade__type,.transaction-card--sell .completed-trade__type,.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type,.transaction-card[data-type=Sold] .live-order__type,.transaction-card--sell .live-order__type,.live-order[data-type=Sold] .completed-trade__type,.live-order--sell .completed-trade__type,.live-order[data-type=Sold] .transaction-card__type,.live-order--sell .transaction-card__type,.live-order[data-type=Sold] .live-order__type,.live-order--sell .live-order__type{color:var(--danger-color)}.completed-trade__total,.transaction-card__total,.live-order__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.completed-trade__quantity,.completed-trade__price,.transaction-card__quantity,.transaction-card__price,.live-order__quantity,.live-order__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.completed-trade__time,.transaction-card__time,.live-order__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.completed-trade .more-info,.transaction-card .more-info,.live-order .more-info{flex-shrink:0;padding:.3rem}.transaction-card{content-visibility:auto;contain-intrinsic-size:2.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.completed-trade{display:grid;gap:.5rem;grid-template-columns:1fr 1fr;background-color:rgba(var(--text-color), 0.03);border-radius:.5rem;padding:1rem;margin-bottom:.5rem}#market_asset_rates{display:grid;gap:.5rem}#market_asset_rates .listed-asset{padding:1rem;background-color:rgba(var(--text-color), 0.03)}#market_orders_wrapper .list__header{font-size:.8rem;font-weight:500}#market_orders_wrapper .list__header div{padding:.5rem 0}#market_orders_wrapper .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.live-order{display:grid;gap:1rem;padding:1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.03)}.live-order:not(:last-of-type){margin-bottom:.5rem}.live-order[data-type=buy]{background-color:#00fa9a10}.live-order[data-type=sell]{background-color:#e2135110}#portfolio{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start;width:min(32rem,100%)}.portfolio_actions__wrapper{grid-column:1/-1;justify-content:flex-end;gap:.3rem;padding-top:1rem}.portfolio_actions__wrapper .button{color:var(--accent-color);padding:.5rem .8rem;flex-shrink:0}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem;padding-bottom:1.5rem;border:none}.balance-card{display:grid;align-items:center;gap:0 .5rem;padding:1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.03)}.balance-card.is-locked{grid-template-columns:auto auto 1fr auto}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto auto 1fr auto auto}.balance-card input{align-self:center}.balance-card__icon{display:flex;align-content:center;justify-content:center;margin:0 .5rem;border-radius:.8rem;align-self:flex-start;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{margin-top:.5rem;grid-column:3/-1;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#portfolio_cards_wrapper{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit, minmax(12rem, 1fr))}.personal-asset-balance{align-content:flex-start;padding:1rem;border-radius:.5rem;color:rgba(0,0,0,.8);width:100%}.personal-asset-balance:not(:last-of-type){margin-right:.5rem}.personal-asset-balance:nth-of-type(1){background:url("bg-art2.svg") no-repeat bottom right,#c2ffd7;background-size:contain}.personal-asset-balance:nth-of-type(1) .icon{background-color:rgba(102,255,156,.5)}.personal-asset-balance:nth-of-type(1) .button{border:solid thin rgba(102,255,156,.5)}.personal-asset-balance:nth-of-type(2){background:url("back.svg") no-repeat top right,#fcffa8;background-size:contain}.personal-asset-balance:nth-of-type(2) .icon{background-color:rgba(255,234,0,.5)}.personal-asset-balance>.flex{margin-bottom:.3rem}.personal-asset-balance>.flex .icon{height:2rem;width:2rem;padding:.4rem;border-radius:.3rem;fill:rgba(0,0,0,.8);margin-right:.5rem}.personal-asset-balance .button{display:flex;align-items:center;margin-top:.5rem;padding-right:.8rem;justify-self:flex-start;border-radius:1rem;background-color:rgba(var(--foreground-color), 1);color:rgba(var(--text-color), 1);transition:box-shadow .3s}.personal-asset-balance .button .icon{height:1rem;background-color:transparent;margin-right:.3rem}.personal-asset-balance .button:hover{box-shadow:0 .3rem .5rem rgba(0,0,0,.16)}#personal_rupee_balance span:first-of-type,#personal_flo_balance span:first-of-type{font-size:1.5rem}#personal_rupee_balance span:last-of-type,#personal_flo_balance span:last-of-type{font-size:.9rem}#portfolio_result{justify-content:center;text-align:center}#portfolio_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#portfolio_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#portfolio_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}#help{width:min(60ch,100%);margin-bottom:3rem;align-content:flex-start}#help ul{list-style:initial;display:grid;gap:1rem}#help ul li{margin-left:1rem;padding-left:.5rem;font-size:.9rem}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}#main_header{padding:1.5rem}#user_popup_button{width:100%}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}#asset_list_wrapper{padding:0 1.5rem}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#exchange{margin:0;padding:0}#login_form{padding:0 1.5rem}#chart_header{padding:1rem 1.5rem .5rem 1.5rem;margin-left:-0.7rem}#trade_panel_backdrop{position:fixed;top:0;left:0;right:0;height:100%;background-color:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(0.5rem);backdrop-filter:blur(0.5rem);z-index:3}#show_trade_panel{position:absolute;border-radius:2rem;bottom:0;align-self:center;margin-bottom:1rem;z-index:5;font-size:1rem}#trade_form{position:fixed;height:auto;bottom:0;left:0;right:0;margin-top:auto;width:auto;z-index:10;padding:1.5rem 1.5rem 0 1.5rem;border-radius:1rem 1rem 0 0;background-color:rgba(var(--foreground-color), 1);box-shadow:0 -0.5rem 1rem rgba(0,0,0,.1)}#price_chart_container{flex:1}.hide-on-mobile{display:none !important}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.popup__header{grid-column:1/-1;padding:1rem 1.5rem 0 1.5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#user_popup_button{justify-self:flex-end}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}#pages_container>*{margin:0 1.5rem;padding:2rem}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:17rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:2rem;background-color:var(--accent-color)}.order-card{grid-template-columns:auto 1fr 1fr 1fr auto;grid-template-areas:"checkbox quantity price amount time cancel"}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 52rem){body:not(.is-signed-in) #market{gap:2rem;width:100%;grid-template-columns:18rem 1fr}.completed-trade{grid-template-columns:1fr 1fr 1fr 8rem;grid-template-areas:"quantity price amount info"}.completed-trade .quantity-block{grid-area:quantity}.completed-trade .price-block{grid-area:price}.completed-trade .amount-block{grid-area:amount}.completed-trade .info-block{grid-area:info}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}}
\ No newline at end of file
+*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #516beb;--text-color: 20, 20, 20;--foreground-color: 252, 253, 255;--background-color: 241, 243, 248;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a4b3ff;--text-color: 220, 220, 220;--foreground-color: 27, 28, 29;--background-color: 21, 22, 22;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{text-decoration:none;color:var(--accent-color)}a:focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a.button{padding:.4rem .6rem;border-radius:.3rem;font-size:.9rem;font-weight:500;color:inherit}fieldset{border:none}button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:500;white-space:nowrap;padding:.8rem;border-radius:.3rem;justify-content:center}button:focus-visible{outline:var(--accent-color) solid medium}button:not(:disabled){cursor:pointer}.button{background-color:rgba(var(--text-color), 0.06)}.button--primary,.button--danger{color:rgba(var(--background-color), 1) !important}.button--primary .icon,.button--danger .icon{fill:rgba(var(--background-color), 1)}.button--primary{background-color:var(--accent-color)}.button--danger{background-color:var(--danger-color)}.button--small{padding:.4rem .6rem}.cta{text-transform:uppercase;font-size:.8rem;font-weight:700;letter-spacing:.05em;padding:.8rem 1rem}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}input{accent-color:var(--accent-color)}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}sm-copy{font-size:.9rem}ul{list-style:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wrap-around{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.direction-column{flex-direction:column}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.5rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem;align-items:center;justify-items:flex-start}.popup__header__close{padding:.5rem;margin-left:-0.5rem}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:auto}.logo h4{text-transform:capitalize;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details:not(:last-of-type){border-bottom:thin solid rgba(var(--text-color), 0.3)}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}details .icon{flex-shrink:0}details[open]{padding-bottom:1rem}details[open] summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.9rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.tooltip{position:relative;z-index:8;cursor:pointer}.tooltip .banner{position:absolute;right:0;width:min(20rem,100vw - 1rem);display:none;font-size:.9rem;background-color:rgba(var(--foreground-color), 1);padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.1);border:solid thin rgba(var(--text-color), 0.2)}.tooltip:hover .banner{display:block}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem;width:100%;align-items:center}#user_popup_button{background-color:rgba(var(--text-color), 0.06);border-radius:2rem;font-size:.8rem}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto}#pages_container>*{padding:0 1.5rem;min-width:min(26rem,100%)}.listed-asset{position:relative;gap:.5rem;padding:1rem 0;border-radius:.5rem;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;grid-template-columns:auto 1fr auto auto;grid-template-areas:"icon name rate right-arrow" "icon name countdown right-arrow"}.listed-asset__icon{grid-area:icon;padding:.5rem;border-radius:1rem;display:flex;background-color:var(--accent-color)}.listed-asset__icon .icon{height:1.2rem;width:1.2rem;fill:rgba(var(--background-color), 1)}.listed-asset__name{grid-area:name;margin-left:.3rem}.listed-asset__rate{grid-area:rate}.listed-asset__countdown{display:flex;align-items:center;grid-area:countdown;justify-self:flex-end;font-size:.8rem;color:var(--accent-color)}.listed-asset__countdown .icon{margin-left:.3rem;overflow:visible;stroke-width:3;fill:none}.listed-asset__countdown .icon .path-a{stroke:var(--accent-color);stroke-dashoffset:var(--path-length, 0);stroke-dasharray:63}.listed-asset__countdown .icon .path-b{stroke:rgba(var(--text-color), 0.2)}.listed-asset__right-arrow{grid-area:right-arrow;background-color:rgba(var(--text-color), 0.1);border-radius:1rem;padding:.1rem;margin-left:.3rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#portfolio_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{position:relative;display:flex;flex-direction:column;height:100%;align-items:flex-start}#asset_page_wrapper{display:flex;flex-direction:column;height:100%;width:100%}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(46rem,100%)}#my_orders{grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;grid-template-columns:-webkit-min-content 1fr auto;grid-template-columns:min-content 1fr auto;border-radius:.5rem;grid-template-areas:"checkbox quantity quantity time" "checkbox price amount cancel"}.order-card>.grid:nth-of-type(2){grid-area:price}.order-card>.grid:nth-of-type(3){grid-area:amount}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{grid-area:checkbox;cursor:pointer;margin-right:.5rem}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{grid-area:time;font-size:.8rem;color:rgba(var(--text-color), 0.8)}.order-card .cancel-order{grid-area:cancel;color:var(--danger-color)}.order-card .cancel-order .icon{fill:var(--danger-color)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.completed-trade,.transaction-card,.live-order{gap:0 1rem}.completed-trade__type,.transaction-card__type,.live-order__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.completed-trade[data-type=Bought] .completed-trade__type,.completed-trade--buy .completed-trade__type,.completed-trade[data-type=Bought] .transaction-card__type,.completed-trade--buy .transaction-card__type,.completed-trade[data-type=Bought] .live-order__type,.completed-trade--buy .live-order__type,.transaction-card[data-type=Bought] .completed-trade__type,.transaction-card--buy .completed-trade__type,.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type,.transaction-card[data-type=Bought] .live-order__type,.transaction-card--buy .live-order__type,.live-order[data-type=Bought] .completed-trade__type,.live-order--buy .completed-trade__type,.live-order[data-type=Bought] .transaction-card__type,.live-order--buy .transaction-card__type,.live-order[data-type=Bought] .live-order__type,.live-order--buy .live-order__type{color:var(--green)}.completed-trade[data-type=Sold] .completed-trade__type,.completed-trade--sell .completed-trade__type,.completed-trade[data-type=Sold] .transaction-card__type,.completed-trade--sell .transaction-card__type,.completed-trade[data-type=Sold] .live-order__type,.completed-trade--sell .live-order__type,.transaction-card[data-type=Sold] .completed-trade__type,.transaction-card--sell .completed-trade__type,.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type,.transaction-card[data-type=Sold] .live-order__type,.transaction-card--sell .live-order__type,.live-order[data-type=Sold] .completed-trade__type,.live-order--sell .completed-trade__type,.live-order[data-type=Sold] .transaction-card__type,.live-order--sell .transaction-card__type,.live-order[data-type=Sold] .live-order__type,.live-order--sell .live-order__type{color:var(--danger-color)}.completed-trade__total,.transaction-card__total,.live-order__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.completed-trade__quantity,.completed-trade__price,.transaction-card__quantity,.transaction-card__price,.live-order__quantity,.live-order__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.completed-trade__time,.transaction-card__time,.live-order__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.completed-trade .more-info,.transaction-card .more-info,.live-order .more-info{flex-shrink:0;padding:.3rem}.transaction-card{content-visibility:auto;contain-intrinsic-size:2.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.completed-trade{display:grid;gap:.5rem;grid-template-columns:1fr 1fr;background-color:rgba(var(--text-color), 0.03);border-radius:.5rem;padding:1rem;margin-bottom:.5rem}#market_asset_rates{display:grid;gap:.5rem}#market_asset_rates .listed-asset{padding:1rem;background-color:rgba(var(--text-color), 0.03)}#market_orders_wrapper .list__header{font-size:.8rem;font-weight:500}#market_orders_wrapper .list__header div{padding:.5rem 0}#market_orders_wrapper .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.live-order{display:grid;gap:1rem;padding:1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.03)}.live-order:not(:last-of-type){margin-bottom:.5rem}.live-order[data-type=buy]{background-color:#00fa9a10}.live-order[data-type=sell]{background-color:#e2135110}#portfolio{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start;width:min(32rem,100%)}.portfolio_actions__wrapper{grid-column:1/-1;justify-content:flex-end;gap:.3rem;padding-top:1rem}.portfolio_actions__wrapper .button{color:var(--accent-color);padding:.5rem .8rem;flex-shrink:0}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem;padding-bottom:1.5rem;border:none}.balance-card{display:grid;align-items:center;gap:0 .5rem;padding:1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.03)}.balance-card.is-locked{grid-template-columns:auto auto 1fr auto}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto auto 1fr auto auto}.balance-card input{align-self:center}.balance-card__icon{display:flex;align-content:center;justify-content:center;margin:0 .5rem;border-radius:.8rem;align-self:flex-start;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{margin-top:.5rem;grid-column:3/-1;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#portfolio_cards_wrapper{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit, minmax(12rem, 1fr))}.personal-asset-balance{align-content:flex-start;padding:1rem;border-radius:.5rem;color:rgba(0,0,0,.8);width:100%}.personal-asset-balance:not(:last-of-type){margin-right:.5rem}.personal-asset-balance:nth-of-type(1){background:url("bg-art2.svg") no-repeat bottom right,#c2ffd7;background-size:contain}.personal-asset-balance:nth-of-type(1) .icon{background-color:rgba(102,255,156,.5)}.personal-asset-balance:nth-of-type(1) .button{border:solid thin rgba(102,255,156,.5)}.personal-asset-balance:nth-of-type(2){background:url("back.svg") no-repeat top right,#fcffa8;background-size:contain}.personal-asset-balance:nth-of-type(2) .icon{background-color:rgba(255,234,0,.5)}.personal-asset-balance>.flex{margin-bottom:.3rem}.personal-asset-balance>.flex .icon{height:2rem;width:2rem;padding:.4rem;border-radius:.3rem;fill:rgba(0,0,0,.8);margin-right:.5rem}.personal-asset-balance .button{display:flex;align-items:center;margin-top:.5rem;padding-right:.8rem;justify-self:flex-start;border-radius:1rem;background-color:rgba(var(--foreground-color), 1);color:rgba(var(--text-color), 1);transition:box-shadow .3s}.personal-asset-balance .button .icon{height:1rem;background-color:transparent;margin-right:.3rem}.personal-asset-balance .button:hover{box-shadow:0 .3rem .5rem rgba(0,0,0,.16)}#personal_rupee_balance span:first-of-type,#personal_flo_balance span:first-of-type{font-size:1.5rem}#personal_rupee_balance span:last-of-type,#personal_flo_balance span:last-of-type{font-size:.9rem}#portfolio_result{justify-content:center;text-align:center}#portfolio_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#portfolio_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#portfolio_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}#help{width:min(60ch,100%);margin-bottom:3rem;align-content:flex-start}#help ul{list-style:initial;display:grid;gap:1rem}#help ul li{margin-left:1rem;padding-left:.5rem;font-size:.9rem}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}#main_header{padding:1.5rem}#user_popup_button{width:100%}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}#asset_list_wrapper{padding:0 1.5rem}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#exchange{margin:0;padding:0}#login_form{padding:0 1.5rem}#asset_page__header{display:flex;padding:1rem 1.5rem .5rem .8rem}#chart_header{padding:0 1.5rem .5rem 1.5rem}#trade_form{padding:0 1.5rem}#price_chart_container{flex:1}#asset_page__footer button .icon{margin-right:.3rem}#asset_page__footer button.active{color:var(--accent-color);background-color:rgba(var(--text-color), 0.03)}#asset_page__footer button.active .icon{fill:var(--accent-color)}.hide-on-mobile{display:none !important}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.popup__header{grid-column:1/-1;padding:1rem 1.5rem 0 1.5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#user_popup_button{justify-self:flex-end}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}#pages_container>*{margin:0 1.5rem;padding:2rem}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:17rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:2rem;background-color:var(--accent-color)}.order-card{grid-template-columns:auto 1fr 1fr 1fr auto;grid-template-areas:"checkbox quantity price amount time cancel"}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 52rem){body:not(.is-signed-in) #market{gap:2rem;width:100%;grid-template-columns:18rem 1fr}.completed-trade{grid-template-columns:1fr 1fr 1fr 8rem;grid-template-areas:"quantity price amount info"}.completed-trade .quantity-block{grid-area:quantity}.completed-trade .price-block{grid-area:price}.completed-trade .amount-block{grid-area:amount}.completed-trade .info-block{grid-area:info}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page_wrapper{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}}
\ No newline at end of file
diff --git a/docs/css/main.scss b/docs/css/main.scss
index 91beb4b..87d189a 100644
--- a/docs/css/main.scss
+++ b/docs/css/main.scss
@@ -468,6 +468,7 @@ strip-select {
 strip-option {
   font-weight: 500;
   font-size: 0.9rem;
+  user-select: none;
   --border-radius: 0;
   --active-option-color: rgba(var(--background-color), 1);
   --active-option-background-color: var(--accent-color);
@@ -747,6 +748,13 @@ sm-checkbox {
   display: flex;
   flex-direction: column;
   height: 100%;
+  align-items: flex-start;
+}
+#asset_page_wrapper {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  width: 100%;
 }
 #trade_form {
   height: 100%;
@@ -1256,46 +1264,33 @@ sm-checkbox {
   #login_form {
     padding: 0 1.5rem;
   }
+  #asset_page__header {
+    display: flex;
+    padding: 1rem 1.5rem 0.5rem 0.8rem;
+  }
   #chart_header {
-    padding: 1rem 1.5rem 0.5rem 1.5rem;
-    margin-left: -0.7rem;
-  }
-  #trade_panel_backdrop {
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    height: 100%;
-    background-color: rgba(0 0 0/ 0.3);
-    backdrop-filter: blur(0.5rem);
-    z-index: 3;
-  }
-  #show_trade_panel {
-    position: absolute;
-    border-radius: 2rem;
-    bottom: 0;
-    align-self: center;
-    margin-bottom: 1rem;
-    z-index: 5;
-    font-size: 1rem;
+    padding: 0 1.5rem 0.5rem 1.5rem;
   }
   #trade_form {
-    position: fixed;
-    height: auto;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    margin-top: auto;
-    width: auto;
-    z-index: 10;
-    padding: 1.5rem 1.5rem 0 1.5rem;
-    border-radius: 1rem 1rem 0 0;
-    background-color: rgba(var(--foreground-color), 1);
-    box-shadow: 0 -0.5rem 1rem rgba(0, 0, 0, 0.1);
+    padding: 0 1.5rem;
   }
   #price_chart_container {
     flex: 1;
   }
+  #asset_page__footer {
+    button {
+      .icon {
+        margin-right: 0.3rem;
+      }
+      &.active {
+        color: var(--accent-color);
+        background-color: rgba(var(--text-color), 0.03);
+        .icon {
+          fill: var(--accent-color);
+        }
+      }
+    }
+  }
   .hide-on-mobile {
     display: none !important;
   }
@@ -1445,7 +1440,7 @@ sm-checkbox {
   #home {
     grid-template-columns: auto 1fr;
   }
-  #asset_page {
+  #asset_page_wrapper {
     display: grid;
     gap: 1.5rem;
     grid-template-columns: minmax(0, 1fr) 20rem;
diff --git a/docs/index.html b/docs/index.html
index b9c8dca..33e0f00 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -120,88 +120,111 @@
                         <ul id="listed_assets" class="user-content hide"></ul>
                     </div>
                     <div id="asset_page" class="hide-on-mobile">
-                        <div id="price_chart_container" class="flex direction-column gap-0-5">
-                            <div id="chart_header" class="flex align-center space-between">
-                                <div class="flex align-center">
-                                    <a href="#/exchange" class="button icon-only hide-on-desktop flex align-center">
-                                        <svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px"
-                                            viewBox="0 0 24 24" width="24px" fill="#000000">
-                                            <path d="M0 0h24v24H0V0z" fill="none" />
-                                            <path d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z" />
-                                        </svg>
-                                    </a>
-                                    <H4 id="chart_asset"></H4>
-                                </div>
-                                <strip-select id="price_duration_selector">
-                                    <strip-option value="hour" title="1 Hour price interval" selected>Hour
-                                    </strip-option>
-                                    <strip-option value="day" title="1 Day price interval">Day</strip-option>
-                                </strip-select>
-                            </div>
-                            <div id="price_chart_wrapper" class="flex" style="position: relative; flex: 1">
-                                <div id="price_history_chart"></div>
-                            </div>
-                        </div>
-                        <sm-form id="trade_form" class="hide-on-mobile">
-                            <button class="popup__header__close hide-on-desktop" style="margin-right: auto;"
-                                onclick="hideTradePanel()">
-                                <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24"
-                                    height="24">
-                                    <path fill="none" d="M0 0h24v24H0z" />
-                                    <path
-                                        d="M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z" />
+                        <nav id="asset_page__header" class="hide-on-desktop">
+                            <a href="#/exchange" class="button icon-only">
+                                <svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24"
+                                    width="24px" fill="#000000">
+                                    <path d="M0 0h24v24H0V0z" fill="none" />
+                                    <path d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z" />
                                 </svg>
-                            </button>
-                            <div class="flex space-between align-center">
-                                <h4 id="traded_asset">Trade FLO</h4>
-                                <strip-select id="trade_type_selector" class="tab">
-                                    <strip-option value="buy" selected>Buy</strip-option>
-                                    <strip-option value="sell">Sell</strip-option>
-                                </strip-select>
-                            </div>
-                            <div id="get_price" class="flex align-center space-between"></div>
-                            <sm-input id="get_quantity" placeholder="Quantity" type="number" step="0.00000001" required
-                                animate>
-                            </sm-input>
-                            </sm-input>
-                            <sm-input id="get_total" placeholder="Locked amount (₹)" type="number" min="0.00000001"
-                                step="0.00000001" required animate>
-                            </sm-input>
-                            <div class="grid gap-0-5">
-                                <div id="quantity_selector" class="flex align-center quantity-selector">
-                                    <span id="quantity_type">Rupee</span>
-                                    <button class="button" value="0.25"
-                                        title="Buy FLO worth 25% of total rupee">25%</button>
-                                    <button class="button" value="0.5"
-                                        title="Buy FLO worth 50% of total rupee">50%</button>
-                                    <button class="button" value="0.75"
-                                        title="Buy FLO worth 75% of total rupee">75%</button>
-                                    <button class="button" value="1"
-                                        title="Buy FLO worth 100% of total rupee">100%</button>
+                            </a>
+                        </nav>
+                        <div id="asset_page_wrapper">
+                            <div id="price_chart_container" class="flex direction-column gap-0-5 hide-on-mobile">
+                                <div id="chart_header" class="flex align-center space-between">
+                                    <H4 id="chart_asset"></H4>
+                                    <strip-select id="price_duration_selector">
+                                        <strip-option value="hour" title="1 Hour price interval" selected>Hour
+                                        </strip-option>
+                                        <strip-option value="day" title="1 Day price interval">Day</strip-option>
+                                    </strip-select>
                                 </div>
-                                <div class="flex align-center tip">
-                                    <svg class="icon margin-right-0-5" style="height: 1em; width: 1em;"
-                                        xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24"
-                                        height="24px" viewBox="0 0 24 24" width="24px" fill="#000000">
-                                        <rect fill="none" height="24" width="24" y="0" />
+                                <div id="price_chart_wrapper" class="flex" style="position: relative; flex: 1">
+                                    <div id="price_history_chart"></div>
+                                </div>
+                            </div>
+                            <sm-form id="trade_form">
+                                <div class="flex space-between align-center">
+                                    <h4 id="traded_asset">Trade FLO</h4>
+                                    <strip-select id="trade_type_selector" class="tab">
+                                        <strip-option value="buy" selected>Buy</strip-option>
+                                        <strip-option value="sell">Sell</strip-option>
+                                    </strip-select>
+                                </div>
+                                <div id="get_price" class="flex align-center space-between"></div>
+                                <sm-input id="get_quantity" placeholder="Quantity" type="number" step="0.00000001"
+                                    required animate>
+                                </sm-input>
+                                </sm-input>
+                                <sm-input id="get_total" placeholder="Locked amount (₹)" type="number" min="0.00000001"
+                                    step="0.00000001" required animate>
+                                </sm-input>
+                                <div class="grid gap-0-5">
+                                    <div id="quantity_selector" class="flex align-center quantity-selector">
+                                        <span id="quantity_type">Rupee</span>
+                                        <button class="button" value="0.25"
+                                            title="Buy FLO worth 25% of total rupee">25%</button>
+                                        <button class="button" value="0.5"
+                                            title="Buy FLO worth 50% of total rupee">50%</button>
+                                        <button class="button" value="0.75"
+                                            title="Buy FLO worth 75% of total rupee">75%</button>
+                                        <button class="button" value="1"
+                                            title="Buy FLO worth 100% of total rupee">100%</button>
+                                    </div>
+                                    <div class="flex align-center tip">
+                                        <svg class="icon margin-right-0-5" style="height: 1em; width: 1em;"
+                                            xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24"
+                                            height="24px" viewBox="0 0 24 24" width="24px" fill="#000000">
+                                            <rect fill="none" height="24" width="24" y="0" />
+                                            <path
+                                                d="M7,20h4c0,1.1-0.9,2-2,2S7,21.1,7,20z M5,19h8v-2H5V19z M16.5,9.5c0,3.82-2.66,5.86-3.77,6.5H5.27 C4.16,15.36,1.5,13.32,1.5,9.5C1.5,5.36,4.86,2,9,2S16.5,5.36,16.5,9.5z M14.5,9.5C14.5,6.47,12.03,4,9,4S3.5,6.47,3.5,9.5 c0,2.47,1.49,3.89,2.35,4.5h6.3C13.01,13.39,14.5,11.97,14.5,9.5z M21.37,7.37L20,8l1.37,0.63L22,10l0.63-1.37L24,8l-1.37-0.63L22,6 L21.37,7.37z M19,6l0.94-2.06L22,3l-2.06-0.94L19,0l-0.94,2.06L16,3l2.06,0.94L19,6z" />
+                                        </svg>
+                                        <p id="quantity_selector_tip" style="font-size: inherit;">
+                                            Buy FLO worth of the above percentage rupee
+                                        </p>
+                                    </div>
+                                </div>
+                                <div id="trade_button_wrapper"
+                                    class="stateful-button-wrapper flex align-center justify-center">
+                                    <sm-button id="trade_button" class="uppercase w-100" variant="primary"
+                                        onclick="showPopup('confirm_trade_popup')">BUY FLO
+                                    </sm-button>
+                                </div>
+                            </sm-form>
+                        </div>
+                        <nav id="asset_page__footer" class="flex w-100 hide-on-desktop">
+                            <button class="flex-1 active" value="trade">
+                                <svg class="icon" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24"
+                                    height="24px" viewBox="0 0 24 24" width="24px" fill="#000000">
+                                    <g>
+                                        <rect fill="none" height="24" width="24" />
+                                    </g>
+                                    <g>
                                         <path
-                                            d="M7,20h4c0,1.1-0.9,2-2,2S7,21.1,7,20z M5,19h8v-2H5V19z M16.5,9.5c0,3.82-2.66,5.86-3.77,6.5H5.27 C4.16,15.36,1.5,13.32,1.5,9.5C1.5,5.36,4.86,2,9,2S16.5,5.36,16.5,9.5z M14.5,9.5C14.5,6.47,12.03,4,9,4S3.5,6.47,3.5,9.5 c0,2.47,1.49,3.89,2.35,4.5h6.3C13.01,13.39,14.5,11.97,14.5,9.5z M21.37,7.37L20,8l1.37,0.63L22,10l0.63-1.37L24,8l-1.37-0.63L22,6 L21.37,7.37z M19,6l0.94-2.06L22,3l-2.06-0.94L19,0l-0.94,2.06L16,3l2.06,0.94L19,6z" />
-                                    </svg>
-                                    <p id="quantity_selector_tip" style="font-size: inherit;">
-                                        Buy FLO worth of the above percentage rupee
-                                    </p>
-                                </div>
-                            </div>
-                            <div id="trade_button_wrapper"
-                                class="stateful-button-wrapper flex align-center justify-center">
-                                <sm-button id="trade_button" class="uppercase w-100" variant="primary"
-                                    onclick="showPopup('confirm_trade_popup')">BUY FLO
-                                </sm-button>
-                            </div>
-                        </sm-form>
-                        <div id="trade_panel_backdrop" onclick="hideTradePanel()" class="hide-on-mobile"></div>
-                        <button id="show_trade_panel" class="button button--primary hide-on-desktop cta"
-                            onclick="showTradePanel()">Buy / Sell</button>
+                                            d="M12.22,19.85c-0.18,0.18-0.5,0.21-0.71,0c-0.18-0.18-0.21-0.5,0-0.71l3.39-3.39l-1.41-1.41l-3.39,3.39 c-0.19,0.2-0.51,0.19-0.71,0c-0.21-0.21-0.18-0.53,0-0.71l3.39-3.39l-1.41-1.41l-3.39,3.39c-0.18,0.18-0.5,0.21-0.71,0 c-0.19-0.19-0.19-0.51,0-0.71l3.39-3.39L9.24,10.1l-3.39,3.39c-0.18,0.18-0.5,0.21-0.71,0c-0.19-0.2-0.19-0.51,0-0.71L9.52,8.4 l1.87,1.86c0.95,0.95,2.59,0.94,3.54,0c0.98-0.98,0.98-2.56,0-3.54l-1.86-1.86l0.28-0.28c0.78-0.78,2.05-0.78,2.83,0l4.24,4.24 c0.78,0.78,0.78,2.05,0,2.83L12.22,19.85z M21.83,13.07c1.56-1.56,1.56-4.09,0-5.66l-4.24-4.24c-1.56-1.56-4.09-1.56-5.66,0 l-0.28,0.28l-0.28-0.28c-1.56-1.56-4.09-1.56-5.66,0L2.17,6.71c-1.42,1.42-1.55,3.63-0.4,5.19l1.45-1.45 C2.83,9.7,2.96,8.75,3.59,8.12l3.54-3.54c0.78-0.78,2.05-0.78,2.83,0l3.56,3.56c0.18,0.18,0.21,0.5,0,0.71 c-0.21,0.21-0.53,0.18-0.71,0L9.52,5.57l-5.8,5.79c-0.98,0.97-0.98,2.56,0,3.54c0.39,0.39,0.89,0.63,1.42,0.7 c0.07,0.52,0.3,1.02,0.7,1.42c0.4,0.4,0.9,0.63,1.42,0.7c0.07,0.52,0.3,1.02,0.7,1.42c0.4,0.4,0.9,0.63,1.42,0.7 c0.07,0.54,0.31,1.03,0.7,1.42c0.47,0.47,1.1,0.73,1.77,0.73c0.67,0,1.3-0.26,1.77-0.73L21.83,13.07z" />
+                                    </g>
+                                </svg>
+                                Trade
+                            </button>
+                            <button class="flex-1" value="'chart">
+                                <svg class="icon" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24"
+                                    height="24px" viewBox="0 0 24 24" width="24px" fill="#000000">
+                                    <g>
+                                        <rect fill="none" height="24" width="24" />
+                                    </g>
+                                    <g>
+                                        <g>
+                                            <path
+                                                d="M21,8c-1.45,0-2.26,1.44-1.93,2.51l-3.55,3.56c-0.3-0.09-0.74-0.09-1.04,0l-2.55-2.55C12.27,10.45,11.46,9,10,9 c-1.45,0-2.27,1.44-1.93,2.52l-4.56,4.55C2.44,15.74,1,16.55,1,18c0,1.1,0.9,2,2,2c1.45,0,2.26-1.44,1.93-2.51l4.55-4.56 c0.3,0.09,0.74,0.09,1.04,0l2.55,2.55C12.73,16.55,13.54,18,15,18c1.45,0,2.27-1.44,1.93-2.52l3.56-3.55 C21.56,12.26,23,11.45,23,10C23,8.9,22.1,8,21,8z" />
+                                            <polygon
+                                                points="15,9 15.94,6.93 18,6 15.94,5.07 15,3 14.08,5.07 12,6 14.08,6.93" />
+                                            <polygon points="3.5,11 4,9 6,8.5 4,8 3.5,6 3,8 1,8.5 3,9" />
+                                        </g>
+                                    </g>
+                                </svg>
+                                Chart
+                            </button>
+                        </nav>
                     </div>
                 </section>
             </div>
@@ -305,25 +328,23 @@
                 </div>
             </div>
             <div id="portfolio" class="grid mobile-page hide">
-                <div id="portfolio__header" class="grid gap-1">
-                    <h4>
-                        My portfolio
-                    </h4>
-                    <div class="flex align-center space-between">
-                        <strip-select id="portfolio_pages_selector">
-                            <strip-option value="exchange" selected>Exchange</strip-option>
-                            <strip-option value="personal">On-chain</strip-option>
-                        </strip-select>
-                        <div class="multi-state-button">
-                            <button id="portfolio_balance_refresh_button" class="button button--small"
-                                onclick="refresh(false,this);" title="Refresh">
-                                Refresh
-                            </button>
-                        </div>
+                <div class="flex align-center space-between">
+                    <strip-select id="portfolio_pages_selector">
+                        <strip-option value="exchange" selected>Exchange</strip-option>
+                        <strip-option value="personal">On-chain</strip-option>
+                    </strip-select>
+                    <div class="multi-state-button">
+                        <button id="portfolio_balance_refresh_button" class="button button--small"
+                            onclick="refresh(false,this);" title="Refresh">
+                            Refresh
+                        </button>
                     </div>
                 </div>
                 <div id="portfolio_pages_wrapper">
                     <div class="grid gap-1-5">
+                        <h4>
+                            My portfolio
+                        </h4>
                         <div class="grid">
                             <span class="label">Portfolio valuation</span>
                             <h1 id="portfolio_value" style="font-size: 2.5rem;"></h1>
@@ -1487,14 +1508,6 @@
 
         handleMobileChange(mobileQuery)
         document.addEventListener("visibilitychange", handleVisibilityChange, false);
-        function showChildElement(id, index) {
-            [...getRef(id).children].forEach((child, i) => {
-                if (i === index)
-                    child.classList.remove('hide')
-                else
-                    child.classList.add('hide')
-            })
-        }
         function handleVisibilityChange() {
             if (document.visibilityState === "hidden") {
                 // code if page is hidden 
@@ -1502,6 +1515,42 @@
                 updateRate();
             }
         }
+
+        // animations
+        const fadeIn = [
+            { opacity: 0 },
+            { opacity: 1 }
+        ]
+        const fadeOut = [
+            { opacity: 1 },
+            { opacity: 0 }
+        ]
+
+        function showChildElement(id, index, { mobileView = false, entry, exit }) {
+            const animOptions = {
+                duration: 150,
+                easing: 'ease',
+                fill: 'forwards'
+            }
+            const visibleElement = [...getRef(id).children].find(elem => !elem.classList.contains(mobileView ? 'hide-on-mobile' : 'hide'));
+            if (visibleElement === getRef(id).children[index]) return;
+            if (visibleElement) {
+                if (exit) {
+                    visibleElement.animate(exit, animOptions).onfinish = () => {
+                        visibleElement.classList.add(mobileView ? 'hide-on-mobile' : 'hide')
+                        getRef(id).children[index].classList.remove(mobileView ? 'hide-on-mobile' : 'hide')
+                        if (entry)
+                            getRef(id).children[index].animate(entry, animOptions)
+                    }
+                } else {
+                    visibleElement.classList.add(mobileView ? 'hide-on-mobile' : 'hide')
+                    getRef(id).children[index].classList.remove(mobileView ? 'hide-on-mobile' : 'hide')
+                }
+            } else {
+                getRef(id).children[index].classList.remove(mobileView ? 'hide-on-mobile' : 'hide')
+                getRef(id).children[index].animate(entry, animOptions)
+            }
+        }
     </script>
     <script>
         function buttonLoader(id, show = false) {
@@ -1629,6 +1678,7 @@
             const d = new Date(originalTime);
             return Date.UTC(d.getFullYear(), d.getMonth(), d.getDate(), d.getHours(), d.getMinutes(), d.getSeconds(), d.getMilliseconds()) / 1000;
         }
+        let marketTradesLazyLoader
         const render = {
             listedAsset(asset, rate, countDown) {
                 const clone = getRef('listed_asset_template').content.cloneNode(true).firstElementChild
@@ -1793,10 +1843,9 @@
             marketOrders() {
                 const frag = document.createDocumentFragment()
                 const ordersType = getRef('market_orders_category_selector').value
-                getRef('market_trades').innerHTML = '';
                 if (ordersType === 'open') {
                     getRef('market_orders__title').textContent = 'Market-wide orders';
-                    showChildElement('market_orders_wrapper', 0)
+                    showChildElement('market_orders_wrapper', 0, { entry: slideInRight, exit: slideOutRight })
                     getRef('market_buy_orders').innerHTML = '<sm-spinner></sm-spinner>';
                     floExchangeAPI.getBuyList().then(buyOrders => {
                         getRef('market_buy_orders').innerHTML = '';
@@ -1825,12 +1874,12 @@
                     })
                 } else {
                     getRef('market_orders__title').textContent = 'Market-wide trades';
-                    showChildElement('market_orders_wrapper', 1)
+                    showChildElement('market_orders_wrapper', 1, { entry: slideInLeft, exit: slideOutLeft })
                     getRef('market_trades').innerHTML = '<sm-spinner></sm-spinner>';
                     floExchangeAPI.getTradeList().then(trades => {
-                        trades.forEach(transaction => {
+                        const allTrades = trades.map(transaction => {
                             const { seller, buyer, asset, quantity, unitValue, tx_time } = transaction
-                            const transactionDetails = {
+                            return {
                                 buyer,
                                 seller,
                                 asset,
@@ -1838,10 +1887,13 @@
                                 unitValue,
                                 time: tx_time
                             }
-                            frag.append(render.marketTransactionCard(transactionDetails))
                         })
-                        getRef('market_trades').innerHTML = '';
-                        getRef('market_trades').append(frag)
+                        if (marketTradesLazyLoader) {
+                            marketTradesLazyLoader.update(allTrades)
+                        } else {
+                            marketTradesLazyLoader = new LazyLoader('#market_trades', allTrades, render.marketTransactionCard)
+                        }
+                        marketTradesLazyLoader.init()
                     }).catch(err => {
                         console.log(err)
                     })
@@ -1911,44 +1963,6 @@
         }
 
         document.addEventListener('themechange', setChartTheme)
-        function showTradePanel() {
-            getRef('trade_form').classList.remove('hide-on-mobile')
-            getRef('trade_form').animate([
-                { transform: 'translateY(100%)' },
-                { transform: 'translateY(0)' },
-            ], {
-                duration: 150,
-                easing: 'ease'
-            })
-            getRef('trade_panel_backdrop').classList.remove('hide-on-mobile')
-            getRef('trade_panel_backdrop').animate([
-                { opacity: 0 },
-                { opacity: 1 },
-            ], {
-                duration: 150,
-                easing: 'ease'
-            })
-        }
-        function hideTradePanel() {
-            getRef('trade_form').animate([
-                { transform: 'translateY(0)' },
-                { transform: 'translateY(100%)' },
-            ], {
-                duration: 150,
-                easing: 'ease'
-            }).onfinish = () => {
-                getRef('trade_form').classList.add('hide-on-mobile')
-            }
-            getRef('trade_panel_backdrop').animate([
-                { opacity: 1 },
-                { opacity: 0 },
-            ], {
-                duration: 150,
-                easing: 'ease'
-            }).onfinish = () => {
-                getRef('trade_panel_backdrop').classList.add('hide-on-mobile')
-            }
-        }
 
         function updateTooltip(asset, tradeType) {
             getRef('quantity_selector').querySelectorAll('.button').forEach(button => {
@@ -1961,6 +1975,17 @@
             getRef('quantity_selector_tip').textContent = `${tradeType} ${asset} worth of the above percentage`
         }
 
+        getRef('asset_page__footer').addEventListener('click', e => {
+            if (e.target.closest('button')) {
+                const button = e.target.closest('button');
+                [...getRef('asset_page__footer').children].forEach(child => {
+                    child.classList.remove('active')
+                });
+                button.classList.add('active')
+                showChildElement('asset_page_wrapper', button.value === 'trade' ? 1 : 0, { mobileView: true })
+            }
+        })
+
         let tradeType = 'buy'
         getRef('trade_type_selector').addEventListener('change', e => {
             tradeType = e.detail.value
@@ -2058,7 +2083,11 @@
         })
 
         getRef('portfolio_pages_selector').addEventListener('change', e => {
-            showChildElement('portfolio_pages_wrapper', e.target.value === 'exchange' ? 0 : 1)
+            if (e.target.value === 'exchange') {
+                showChildElement('portfolio_pages_wrapper', 0, { entry: slideInRight, exit: slideOutRight })
+            } else {
+                showChildElement('portfolio_pages_wrapper', 1, { entry: slideInLeft, exit: slideOutLeft })
+            }
         })
 
         getRef('my_assets').addEventListener('change', e => {
@@ -2069,35 +2098,20 @@
             }
             const previousActionButton = getRef('my_assets').querySelector('.portfolio_actions__wrapper')
             if (previousActionButton) {
-                previousActionButton.animate([
-                    {
-                        paddingTop: '1rem',
-                        height: `${previousActionButton.offsetHeight}px`,
-                        opacity: 1
-                    },
-                    {
-                        paddingTop: 0,
-                        height: 0,
-                        opacity: 0
-                    }
-                ], animOptions).onfinish = () => {
-                    previousActionButton.remove()
-                }
+                previousActionButton.remove()
             }
             const actionButtons = getRef('asset_balance_actions').content.cloneNode(true)
             e.target.closest('.balance-card').append(actionButtons)
             const height = e.target.closest('.balance-card').lastElementChild.offsetHeight
             e.target.closest('.balance-card').lastElementChild.animate([
                 {
-                    paddingTop: 0,
-                    height: 0,
-                    opacity: 0
+                    transform: 'translateY(-0.5rem)',
+                    opacity: 0.5
                 },
                 {
-                    paddingTop: '1rem',
-                    height: `${height}px`,
+                    transform: 'translateY(0)',
                     opacity: 1
-                }
+                },
             ], animOptions)
         })
 
diff --git a/docs/scripts/floExchangeAPI.js b/docs/scripts/floExchangeAPI.js
index e7e5a56..ff1319b 100644
--- a/docs/scripts/floExchangeAPI.js
+++ b/docs/scripts/floExchangeAPI.js
@@ -1,6 +1,6 @@
 'use strict';
 
-(function(EXPORTS) { //floExchangeAPI v1.1.2
+(function (EXPORTS) { //floExchangeAPI v1.1.2
     const exchangeAPI = EXPORTS;
 
     /*Kademlia DHT K-bucket implementation as a binary tree.*/
@@ -46,7 +46,7 @@
         this.arbiter = options.arbiter || this.arbiter
         this.metadata = Object.assign({}, options.metadata)
 
-        this.createNode = function() {
+        this.createNode = function () {
             return {
                 contacts: [],
                 dontSplit: false,
@@ -55,7 +55,7 @@
             }
         }
 
-        this.ensureInt8 = function(name, val) {
+        this.ensureInt8 = function (name, val) {
             if (!(val instanceof Uint8Array)) {
                 throw new TypeError(name + ' is not a Uint8Array')
             }
@@ -66,7 +66,7 @@
          * @param  {Uint8Array} array2
          * @return {Boolean}
          */
-        this.arrayEquals = function(array1, array2) {
+        this.arrayEquals = function (array1, array2) {
             if (array1 === array2) {
                 return true
             }
@@ -94,7 +94,7 @@
          * @param  {Object} candidate Contact being added to the k-bucket.
          * @return {Object}           Contact to updated the k-bucket with.
          */
-        this.arbiter = function(incumbent, candidate) {
+        this.arbiter = function (incumbent, candidate) {
             return incumbent.vectorClock > candidate.vectorClock ? incumbent : candidate
         }
 
@@ -107,7 +107,7 @@
          * @return {Number}              Integer The XOR distance between firstId
          *                               and secondId.
          */
-        this.distance = function(firstId, secondId) {
+        this.distance = function (firstId, secondId) {
             let distance = 0
             let i = 0
             const min = Math.min(firstId.length, secondId.length)
@@ -124,7 +124,7 @@
          *
          * @param {Object} contact the contact object to add
          */
-        this.add = function(contact) {
+        this.add = function (contact) {
             this.ensureInt8('contact.id', (contact || {}).id)
 
             let bitIndex = 0
@@ -172,7 +172,7 @@
          *                          closest contacts to return
          * @return {Array}          Array Maximum of n closest contacts to the node id
          */
-        this.closest = function(id, n = Infinity) {
+        this.closest = function (id, n = Infinity) {
             this.ensureInt8('id', id)
 
             if ((!Number.isInteger(n) && n !== Infinity) || n <= 0) {
@@ -204,7 +204,7 @@
          *
          * @return {Number} The number of contacts held in the tree
          */
-        this.count = function() {
+        this.count = function () {
             // return this.toArray().length
             let count = 0
             for (const nodes = [this.root]; nodes.length > 0;) {
@@ -225,7 +225,7 @@
          *                           to check in the id Uint8Array.
          * @return {Object}          left leaf if id at bitIndex is 0, right leaf otherwise.
          */
-        this._determineNode = function(node, id, bitIndex) {
+        this._determineNode = function (node, id, bitIndex) {
             // *NOTE* remember that id is a Uint8Array and has granularity of
             // bytes (8 bits), whereas the bitIndex is the bit index (not byte)
 
@@ -267,7 +267,7 @@
          * @param  {Uint8Array} id The ID of the contact to fetch.
          * @return {Object|Null}   The contact if available, otherwise null
          */
-        this.get = function(id) {
+        this.get = function (id) {
             this.ensureInt8('id', id)
 
             let bitIndex = 0
@@ -291,7 +291,7 @@
          * @return {Number}         Integer Index of contact with provided id if it
          *                          exists, -1 otherwise.
          */
-        this._indexOf = function(node, id) {
+        this._indexOf = function (node, id) {
             for (let i = 0; i < node.contacts.length; ++i) {
                 if (this.arrayEquals(node.contacts[i].id, id)) return i
             }
@@ -305,7 +305,7 @@
          * @param  {Uint8Array} id The ID of the contact to remove.
          * @return {Object}        The k-bucket itself.
          */
-        this.remove = function(id) {
+        this.remove = function (id) {
             this.ensureInt8('the id as parameter 1', id)
 
             let bitIndex = 0
@@ -332,7 +332,7 @@
          * @param  {Number} bitIndex the bitIndex to which byte to check in the
          *                           Uint8Array for navigating the binary tree
          */
-        this._split = function(node, bitIndex) {
+        this._split = function (node, bitIndex) {
             node.left = this.createNode()
             node.right = this.createNode()
 
@@ -360,7 +360,7 @@
          *
          * @return {Array} All of the contacts in the tree, as an array
          */
-        this.toArray = function() {
+        this.toArray = function () {
             let result = []
             for (const nodes = [this.root]; nodes.length > 0;) {
                 const node = nodes.pop()
@@ -386,7 +386,7 @@
          *                          calculation)
          * @param  {Object} contact The contact object to update.
          */
-        this._update = function(node, index, contact) {
+        this._update = function (node, index, contact) {
             // sanity check
             if (!this.arrayEquals(node.contacts[index].id, contact.id)) {
                 throw new Error('wrong index for _update')
@@ -405,7 +405,7 @@
     }
 
     const K_Bucket = exchangeAPI.K_Bucket = function K_Bucket(masterID, backupList) {
-        const decodeID = function(floID) {
+        const decodeID = function (floID) {
             let k = bitjs.Base58.decode(floID);
             k.shift();
             k.splice(-4, 4);
@@ -431,7 +431,7 @@
             get: () => Array.from(orderedList)
         });
 
-        self.closestNode = function(id, N = 1) {
+        self.closestNode = function (id, N = 1) {
             let decodedId = decodeID(id);
             let n = N || orderedList.length;
             let cNodes = _KB.closest(decodedId, n)
@@ -444,7 +444,7 @@
         self.isPrev = (source, target) => orderedList.indexOf(target) === orderedList.indexOf(source) - 1;
         self.isNext = (source, target) => orderedList.indexOf(target) === orderedList.indexOf(source) + 1;
 
-        self.prevNode = function(id, N = 1) {
+        self.prevNode = function (id, N = 1) {
             let n = N || orderedList.length;
             if (!orderedList.includes(id))
                 throw Error(`${id} is not in KB list`);
@@ -452,7 +452,7 @@
             return (N == 1 ? pNodes[0] : pNodes);
         };
 
-        self.nextNode = function(id, N = 1) {
+        self.nextNode = function (id, N = 1) {
             let n = N || orderedList.length;
             if (!orderedList.includes(id))
                 throw Error(`${id} is not in KB list`);
@@ -468,17 +468,17 @@
         return new Promise((resolve, reject) => {
             let curPos = fetch_api.curPos || 0;
             if (curPos >= nodeList.length)
-                return reject(ExchangeError(ExchangeError.NODES_OFFLINE_CODE, 'No Node online! Try again later', errorCode.NODES_OFFLINE));
+                return reject(ExchangeError(ExchangeError.NODES_OFFLINE_CODE, 'No Node online! Refresh the page or try again later', errorCode.NODES_OFFLINE));
             let url = "https://" + nodeURL[nodeList[curPos]];
             (options ? fetch(url + api, options) : fetch(url + api))
-            .then(result => resolve(result)).catch(error => {
-                console.warn(nodeList[curPos], 'is offline');
-                //try next node
-                fetch_api.curPos = curPos + 1;
-                fetch_api(api, options)
-                    .then(result => resolve(result))
-                    .catch(error => reject(error))
-            });
+                .then(result => resolve(result)).catch(error => {
+                    console.warn(nodeList[curPos], 'is offline');
+                    //try next node
+                    fetch_api.curPos = curPos + 1;
+                    fetch_api(api, options)
+                        .then(result => resolve(result))
+                        .catch(error => reject(error))
+                });
         })
     }
 
@@ -519,7 +519,7 @@
         INTERNAL_ERROR: '500'
     };
 
-    const parseErrorCode = exchangeAPI.parseErrorCode = function(message) {
+    const parseErrorCode = exchangeAPI.parseErrorCode = function (message) {
         let code = message.match(/^E\d{3}:/g);
         if (!code || !code.length)
             return null;
@@ -546,20 +546,20 @@
         return new Promise((resolve, reject) => {
             if (!response.ok)
                 response.text()
-                .then(result => reject(ExchangeError(response.status, result)))
-                .catch(error => reject(ExchangeError(response.status, error)));
+                    .then(result => reject(ExchangeError(response.status, result)))
+                    .catch(error => reject(ExchangeError(response.status, error)));
             else if (json_)
                 response.json()
-                .then(result => resolve(result))
-                .catch(error => reject(ExchangeError(ExchangeError.BAD_RESPONSE_CODE, error)));
+                    .then(result => resolve(result))
+                    .catch(error => reject(ExchangeError(ExchangeError.BAD_RESPONSE_CODE, error)));
             else
                 response.text()
-                .then(result => resolve(result))
-                .catch(error => reject(ExchangeError(ExchangeError.BAD_RESPONSE_CODE, error)));
+                    .then(result => resolve(result))
+                    .catch(error => reject(ExchangeError(ExchangeError.BAD_RESPONSE_CODE, error)));
         });
     }
 
-    exchangeAPI.getAccount = function(floID, proxySecret) {
+    exchangeAPI.getAccount = function (floID, proxySecret) {
         return new Promise((resolve, reject) => {
             let request = {
                 floID: floID,
@@ -574,19 +574,19 @@
             console.debug(request);
 
             fetch_api('/account', {
-                    method: "POST",
-                    headers: {
-                        'Content-Type': 'application/json'
-                    },
-                    body: JSON.stringify(request)
-                }).then(result => responseParse(result)
-                    .then(result => resolve(result))
-                    .catch(error => reject(error)))
+                method: "POST",
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify(request)
+            }).then(result => responseParse(result)
+                .then(result => resolve(result))
+                .catch(error => reject(error)))
                 .catch(error => reject(error));
         });
     }
 
-    exchangeAPI.getBuyList = function(asset = null) {
+    exchangeAPI.getBuyList = function (asset = null) {
         return new Promise((resolve, reject) => {
             fetch_api('/list-buyorders' + (asset ? "?asset=" + asset : ""))
                 .then(result => responseParse(result)
@@ -596,7 +596,7 @@
         });
     }
 
-    exchangeAPI.getSellList = function(asset = null) {
+    exchangeAPI.getSellList = function (asset = null) {
         return new Promise((resolve, reject) => {
             fetch_api('/list-sellorders' + (asset ? "?asset=" + asset : ""))
                 .then(result => responseParse(result)
@@ -606,7 +606,7 @@
         });
     }
 
-    exchangeAPI.getTradeList = function(asset = null) {
+    exchangeAPI.getTradeList = function (asset = null) {
         return new Promise((resolve, reject) => {
             fetch_api('/list-trades' + (asset ? "?asset=" + asset : ""))
                 .then(result => responseParse(result)
@@ -616,7 +616,7 @@
         });
     }
 
-    exchangeAPI.getRates = function(asset = null) {
+    exchangeAPI.getRates = function (asset = null) {
         return new Promise((resolve, reject) => {
             fetch_api('/get-rates' + (asset ? "?asset=" + asset : ""))
                 .then(result => responseParse(result)
@@ -626,7 +626,7 @@
         });
     }
 
-    exchangeAPI.getRateHistory = function(asset, duration = null) {
+    exchangeAPI.getRateHistory = function (asset, duration = null) {
         return new Promise((resolve, reject) => {
             fetch_api('/rate-history?asset=' + asset + (duration ? '&duration=' + duration : ""))
                 .then(result => responseParse(result)
@@ -636,7 +636,7 @@
         });
     }
 
-    exchangeAPI.getBalance = function(floID = null, token = null) {
+    exchangeAPI.getBalance = function (floID = null, token = null) {
         return new Promise((resolve, reject) => {
             if (!floID && !token)
                 return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Need atleast one argument", errorCode.MISSING_PARAMETER));
@@ -651,7 +651,7 @@
         })
     }
 
-    exchangeAPI.getTx = function(txid) {
+    exchangeAPI.getTx = function (txid) {
         return new Promise((resolve, reject) => {
             if (!txid)
                 return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, 'txid required', errorCode.MISSING_PARAMETER));
@@ -670,7 +670,7 @@
         return floCrypto.signData(req_str, signKey);
     }
 
-    exchangeAPI.getLoginCode = function() {
+    exchangeAPI.getLoginCode = function () {
         return new Promise((resolve, reject) => {
             fetch_api('/get-login-code')
                 .then(result => responseParse(result)
@@ -713,7 +713,7 @@
     }
     */
 
-    exchangeAPI.login = function(privKey, proxyKey, code, hash) {
+    exchangeAPI.login = function (privKey, proxyKey, code, hash) {
         return new Promise((resolve, reject) => {
             if (!code || !hash)
                 return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Login Code missing", errorCode.MISSING_PARAMETER));
@@ -736,19 +736,19 @@
             console.debug(request);
 
             fetch_api("/login", {
-                    method: "POST",
-                    headers: {
-                        'Content-Type': 'application/json'
-                    },
-                    body: JSON.stringify(request)
-                }).then(result => responseParse(result, false)
-                    .then(result => resolve(result))
-                    .catch(error => reject(error)))
+                method: "POST",
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify(request)
+            }).then(result => responseParse(result, false)
+                .then(result => resolve(result))
+                .catch(error => reject(error)))
                 .catch(error => reject(error));
         })
     }
 
-    exchangeAPI.logout = function(floID, proxySecret) {
+    exchangeAPI.logout = function (floID, proxySecret) {
         return new Promise((resolve, reject) => {
             let request = {
                 floID: floID,
@@ -763,19 +763,19 @@
             console.debug(request);
 
             fetch_api("/logout", {
-                    method: "POST",
-                    headers: {
-                        'Content-Type': 'application/json'
-                    },
-                    body: JSON.stringify(request)
-                }).then(result => responseParse(result, false)
-                    .then(result => resolve(result))
-                    .catch(error => reject(error)))
+                method: "POST",
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify(request)
+            }).then(result => responseParse(result, false)
+                .then(result => resolve(result))
+                .catch(error => reject(error)))
                 .catch(error => reject(error))
         })
     }
 
-    exchangeAPI.buy = function(asset, quantity, max_price, floID, proxySecret) {
+    exchangeAPI.buy = function (asset, quantity, max_price, floID, proxySecret) {
         return new Promise((resolve, reject) => {
             if (typeof quantity !== "number" || quantity <= 0)
                 return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, `Invalid quantity (${quantity})`, errorCode.INVALID_NUMBER));
@@ -800,20 +800,20 @@
             console.debug(request);
 
             fetch_api('/buy', {
-                    method: "POST",
-                    headers: {
-                        'Content-Type': 'application/json'
-                    },
-                    body: JSON.stringify(request)
-                }).then(result => responseParse(result, false)
-                    .then(result => resolve(result))
-                    .catch(error => reject(error)))
+                method: "POST",
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify(request)
+            }).then(result => responseParse(result, false)
+                .then(result => resolve(result))
+                .catch(error => reject(error)))
                 .catch(error => reject(error))
         })
 
     }
 
-    exchangeAPI.sell = function(asset, quantity, min_price, floID, proxySecret) {
+    exchangeAPI.sell = function (asset, quantity, min_price, floID, proxySecret) {
         return new Promise((resolve, reject) => {
             if (typeof quantity !== "number" || quantity <= 0)
                 return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, `Invalid quantity (${quantity})`, errorCode.INVALID_NUMBER));
@@ -838,20 +838,20 @@
             console.debug(request);
 
             fetch_api('/sell', {
-                    method: "POST",
-                    headers: {
-                        'Content-Type': 'application/json'
-                    },
-                    body: JSON.stringify(request)
-                }).then(result => responseParse(result, false)
-                    .then(result => resolve(result))
-                    .catch(error => reject(error)))
+                method: "POST",
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify(request)
+            }).then(result => responseParse(result, false)
+                .then(result => resolve(result))
+                .catch(error => reject(error)))
                 .catch(error => reject(error))
         })
 
     }
 
-    exchangeAPI.cancelOrder = function(type, id, floID, proxySecret) {
+    exchangeAPI.cancelOrder = function (type, id, floID, proxySecret) {
         return new Promise((resolve, reject) => {
             if (type !== "buy" && type !== "sell")
                 return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, `Invalid type (${type}): type should be sell (or) buy`, errorCode.INVALID_TYPE));
@@ -872,20 +872,20 @@
             console.debug(request);
 
             fetch_api('/cancel', {
-                    method: "POST",
-                    headers: {
-                        'Content-Type': 'application/json'
-                    },
-                    body: JSON.stringify(request)
-                }).then(result => responseParse(result, false)
-                    .then(result => resolve(result))
-                    .catch(error => reject(error)))
+                method: "POST",
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify(request)
+            }).then(result => responseParse(result, false)
+                .then(result => resolve(result))
+                .catch(error => reject(error)))
                 .catch(error => reject(error))
         })
     }
 
     //receiver should be object eg {floID1: amount1, floID2: amount2 ...}
-    exchangeAPI.transferToken = function(receiver, token, floID, proxySecret) {
+    exchangeAPI.transferToken = function (receiver, token, floID, proxySecret) {
         return new Promise((resolve, reject) => {
             if (typeof receiver !== 'object' || receiver === null)
                 return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Invalid receiver: parameter is not an object", errorCode.INVALID_FLO_ID));
@@ -918,19 +918,19 @@
             console.debug(request);
 
             fetch_api('/transfer-token', {
-                    method: "POST",
-                    headers: {
-                        'Content-Type': 'application/json'
-                    },
-                    body: JSON.stringify(request)
-                }).then(result => responseParse(result, false)
-                    .then(result => resolve(result))
-                    .catch(error => reject(error)))
+                method: "POST",
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify(request)
+            }).then(result => responseParse(result, false)
+                .then(result => resolve(result))
+                .catch(error => reject(error)))
                 .catch(error => reject(error))
         })
     }
 
-    exchangeAPI.depositFLO = function(quantity, floID, sinkID, privKey, proxySecret = null) {
+    exchangeAPI.depositFLO = function (quantity, floID, sinkID, privKey, proxySecret = null) {
         return new Promise((resolve, reject) => {
             if (typeof quantity !== "number" || quantity <= floGlobals.fee)
                 return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, `Invalid quantity (${quantity})`, errorCode.INVALID_NUMBER));
@@ -952,20 +952,20 @@
                 console.debug(request);
 
                 fetch_api('/deposit-flo', {
-                        method: "POST",
-                        headers: {
-                            'Content-Type': 'application/json'
-                        },
-                        body: JSON.stringify(request)
-                    }).then(result => responseParse(result, false)
-                        .then(result => resolve(result))
-                        .catch(error => reject(error)))
+                    method: "POST",
+                    headers: {
+                        'Content-Type': 'application/json'
+                    },
+                    body: JSON.stringify(request)
+                }).then(result => responseParse(result, false)
+                    .then(result => resolve(result))
+                    .catch(error => reject(error)))
                     .catch(error => reject(error))
             }).catch(error => reject(error))
         })
     }
 
-    exchangeAPI.withdrawFLO = function(quantity, floID, proxySecret) {
+    exchangeAPI.withdrawFLO = function (quantity, floID, proxySecret) {
         return new Promise((resolve, reject) => {
             let request = {
                 floID: floID,
@@ -982,19 +982,19 @@
             console.debug(request);
 
             fetch_api('/withdraw-flo', {
-                    method: "POST",
-                    headers: {
-                        'Content-Type': 'application/json'
-                    },
-                    body: JSON.stringify(request)
-                }).then(result => responseParse(result, false)
-                    .then(result => resolve(result))
-                    .catch(error => reject(error)))
+                method: "POST",
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify(request)
+            }).then(result => responseParse(result, false)
+                .then(result => resolve(result))
+                .catch(error => reject(error)))
                 .catch(error => reject(error))
         })
     }
 
-    exchangeAPI.depositToken = function(token, quantity, floID, sinkID, privKey, proxySecret = null) {
+    exchangeAPI.depositToken = function (token, quantity, floID, sinkID, privKey, proxySecret = null) {
         return new Promise((resolve, reject) => {
             if (!floCrypto.verifyPrivKey(privKey, floID))
                 return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Invalid Private Key", errorCode.INVALID_PRIVATE_KEY));
@@ -1014,20 +1014,20 @@
                 console.debug(request);
 
                 fetch_api('/deposit-token', {
-                        method: "POST",
-                        headers: {
-                            'Content-Type': 'application/json'
-                        },
-                        body: JSON.stringify(request)
-                    }).then(result => responseParse(result, false)
-                        .then(result => resolve(result))
-                        .catch(error => reject(error)))
+                    method: "POST",
+                    headers: {
+                        'Content-Type': 'application/json'
+                    },
+                    body: JSON.stringify(request)
+                }).then(result => responseParse(result, false)
+                    .then(result => resolve(result))
+                    .catch(error => reject(error)))
                     .catch(error => reject(error))
             }).catch(error => reject(error))
         })
     }
 
-    exchangeAPI.withdrawToken = function(token, quantity, floID, proxySecret) {
+    exchangeAPI.withdrawToken = function (token, quantity, floID, proxySecret) {
         return new Promise((resolve, reject) => {
             let request = {
                 floID: floID,
@@ -1046,19 +1046,19 @@
             console.debug(request);
 
             fetch_api('/withdraw-token', {
-                    method: "POST",
-                    headers: {
-                        'Content-Type': 'application/json'
-                    },
-                    body: JSON.stringify(request)
-                }).then(result => responseParse(result, false)
-                    .then(result => resolve(result))
-                    .catch(error => reject(error)))
+                method: "POST",
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify(request)
+            }).then(result => responseParse(result, false)
+                .then(result => resolve(result))
+                .catch(error => reject(error)))
                 .catch(error => reject(error))
         })
     }
 
-    exchangeAPI.addUserTag = function(tag_user, tag, floID, proxySecret) {
+    exchangeAPI.addUserTag = function (tag_user, tag, floID, proxySecret) {
         return new Promise((resolve, reject) => {
             let request = {
                 floID: floID,
@@ -1077,19 +1077,19 @@
             console.debug(request);
 
             fetch_api('/add-tag', {
-                    method: "POST",
-                    headers: {
-                        'Content-Type': 'application/json'
-                    },
-                    body: JSON.stringify(request)
-                }).then(result => responseParse(result, false)
-                    .then(result => resolve(result))
-                    .catch(error => reject(error)))
+                method: "POST",
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify(request)
+            }).then(result => responseParse(result, false)
+                .then(result => resolve(result))
+                .catch(error => reject(error)))
                 .catch(error => reject(error))
         })
     }
 
-    exchangeAPI.removeUserTag = function(tag_user, tag, floID, proxySecret) {
+    exchangeAPI.removeUserTag = function (tag_user, tag, floID, proxySecret) {
         return new Promise((resolve, reject) => {
             let request = {
                 floID: floID,
@@ -1108,19 +1108,19 @@
             console.debug(request);
 
             fetch_api('/remove-tag', {
-                    method: "POST",
-                    headers: {
-                        'Content-Type': 'application/json'
-                    },
-                    body: JSON.stringify(request)
-                }).then(result => responseParse(result, false)
-                    .then(result => resolve(result))
-                    .catch(error => reject(error)))
+                method: "POST",
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify(request)
+            }).then(result => responseParse(result, false)
+                .then(result => resolve(result))
+                .catch(error => reject(error)))
                 .catch(error => reject(error))
         })
     }
 
-    exchangeAPI.addDistributor = function(distributor, asset, floID, proxySecret) {
+    exchangeAPI.addDistributor = function (distributor, asset, floID, proxySecret) {
         return new Promise((resolve, reject) => {
             let request = {
                 floID: floID,
@@ -1139,19 +1139,19 @@
             console.debug(request);
 
             fetch_api('/add-distributor', {
-                    method: "POST",
-                    headers: {
-                        'Content-Type': 'application/json'
-                    },
-                    body: JSON.stringify(request)
-                }).then(result => responseParse(result, false)
-                    .then(result => resolve(result))
-                    .catch(error => reject(error)))
+                method: "POST",
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify(request)
+            }).then(result => responseParse(result, false)
+                .then(result => resolve(result))
+                .catch(error => reject(error)))
                 .catch(error => reject(error))
         })
     }
 
-    exchangeAPI.removeDistributor = function(distributor, asset, floID, proxySecret) {
+    exchangeAPI.removeDistributor = function (distributor, asset, floID, proxySecret) {
         return new Promise((resolve, reject) => {
             let request = {
                 floID: floID,
@@ -1170,14 +1170,14 @@
             console.debug(request);
 
             fetch_api('/remove-distributor', {
-                    method: "POST",
-                    headers: {
-                        'Content-Type': 'application/json'
-                    },
-                    body: JSON.stringify(request)
-                }).then(result => responseParse(result, false)
-                    .then(result => resolve(result))
-                    .catch(error => reject(error)))
+                method: "POST",
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify(request)
+            }).then(result => responseParse(result, false)
+                .then(result => resolve(result))
+                .catch(error => reject(error)))
                 .catch(error => reject(error))
         })
     }
@@ -1242,7 +1242,7 @@
         })
     }
 
-    exchangeAPI.clearAllLocalData = function() {
+    exchangeAPI.clearAllLocalData = function () {
         localStorage.removeItem('exchange-nodes');
         localStorage.removeItem('exchange-assets');
         localStorage.removeItem('exchange-tags');

From 56e571606c8f51ac2e15edcf94932deaf18e17c2 Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Wed, 25 May 2022 02:31:31 +0530
Subject: [PATCH 107/168] Update stdop

---
 docs/scripts/floBlockchainAPI.js | 181 +++++++++++++++++++++----------
 docs/scripts/floGlobals.js       |   9 --
 docs/scripts/floTokenAPI.js      | 144 +++++++++++++++---------
 src/main.js                      |   2 +-
 4 files changed, 216 insertions(+), 120 deletions(-)

diff --git a/docs/scripts/floBlockchainAPI.js b/docs/scripts/floBlockchainAPI.js
index 8d3d857..fcc73b9 100644
--- a/docs/scripts/floBlockchainAPI.js
+++ b/docs/scripts/floBlockchainAPI.js
@@ -1,9 +1,54 @@
-(function(EXPORTS) { //floBlockchainAPI v2.3.0
+(function(EXPORTS) { //floBlockchainAPI v2.3.3
     /* FLO Blockchain Operator to send/receive data from blockchain using API calls*/
     'use strict';
     const floBlockchainAPI = EXPORTS;
 
-    const serverList = floGlobals.apiURL[floGlobals.blockchain].slice(0);
+    const DEFAULT = {
+        blockchain: floGlobals.blockchain,
+        apiURL: {
+            FLO: ['https://livenet.flocha.in/', 'https://flosight.duckdns.org/'],
+            FLO_TEST: ['https://testnet-flosight.duckdns.org', 'https://testnet.flocha.in/']
+        },
+        sendAmt: 0.001,
+        fee: 0.0005,
+        receiverID: floGlobals.adminID
+    };
+
+    Object.defineProperties(floBlockchainAPI, {
+        sendAmt: {
+            get: () => DEFAULT.sendAmt,
+            set: amt => !isNaN(amt) ? DEFAULT.sendAmt = amt : null
+        },
+        fee: {
+            get: () => DEFAULT.fee,
+            set: fee => !isNaN(fee) ? DEFAULT.fee = fee : null
+        },
+        defaultReceiver: {
+            get: () => DEFAULT.receiverID,
+            set: floID => DEFAULT.receiverID = floID
+        },
+        blockchain: {
+            get: () => DEFAULT.blockchain
+        }
+    });
+
+    if (floGlobals.sendAmt) floBlockchainAPI.sendAmt = floGlobals.sendAmt;
+    if (floGlobals.fee) floBlockchainAPI.fee = floGlobals.fee;
+
+    Object.defineProperties(floGlobals, {
+        sendAmt: {
+            get: () => DEFAULT.sendAmt,
+            set: amt => !isNaN(amt) ? DEFAULT.sendAmt = amt : null
+        },
+        fee: {
+            get: () => DEFAULT.fee,
+            set: fee => !isNaN(fee) ? DEFAULT.fee = fee : null
+        }
+    });
+
+    const allServerList = new Set(floGlobals.apiURL && floGlobals.apiURL[DEFAULT.blockchain] ? floGlobals.apiURL[DEFAULT.blockchain] : DEFAULT.apiURL[DEFAULT.blockchain]);
+
+    var serverList = Array.from(allServerList);
     var curPos = floCrypto.randInt(0, serverList - 1);
 
     function fetch_retry(apicall, rm_flosight) {
@@ -11,17 +56,24 @@
             let i = serverList.indexOf(rm_flosight)
             if (i != -1) serverList.splice(i, 1);
             curPos = floCrypto.randInt(0, serverList.length - 1);
-            fetch_api(apicall)
+            fetch_api(apicall, false)
                 .then(result => resolve(result))
                 .catch(error => reject(error));
         })
     }
 
-    function fetch_api(apicall) {
+    function fetch_api(apicall, ic = true) {
         return new Promise((resolve, reject) => {
-            if (serverList.length === 0)
-                reject("No floSight server working");
-            else {
+            if (serverList.length === 0) {
+                if (ic) {
+                    serverList = Array.from(allServerList);
+                    curPos = floCrypto.randInt(0, serverList.length - 1);
+                    fetch_api(apicall, false)
+                        .then(result => resolve(result))
+                        .catch(error => reject(error));
+                } else
+                    reject("No floSight server working");
+            } else {
                 let flosight = serverList[curPos];
                 fetch(flosight + apicall).then(response => {
                     if (response.ok)
@@ -40,12 +92,17 @@
         })
     }
 
-    Object.defineProperty(floBlockchainAPI, 'current_server', {
-        get: () => serverList[curPos]
+    Object.defineProperties(floBlockchainAPI, {
+        serverList: {
+            get: () => Array.from(serverList)
+        },
+        current_server: {
+            get: () => serverList[curPos]
+        }
     });
 
     //Promised function to get data from API
-    const promisedAPI = floBlockchainAPI.promisedAPI = function(apicall) {
+    const promisedAPI = floBlockchainAPI.promisedAPI = floBlockchainAPI.fetch = function(apicall) {
         return new Promise((resolve, reject) => {
             //console.log(apicall);
             fetch_api(apicall)
@@ -77,48 +134,52 @@
             else if (typeof sendAmt !== 'number' || sendAmt <= 0)
                 return reject(`Invalid sendAmt : ${sendAmt}`);
 
-            //get unconfirmed tx list
-            promisedAPI(`api/addr/${senderAddr}`).then(result => {
-                readTxs(senderAddr, 0, result.unconfirmedTxApperances).then(result => {
-                    let unconfirmedSpent = {};
-                    for (let tx of result.items)
-                        if (tx.confirmations == 0)
-                            for (let vin of tx.vin)
-                                if (vin.addr === senderAddr) {
-                                    if (Array.isArray(unconfirmedSpent[vin.txid]))
-                                        unconfirmedSpent[vin.txid].push(vin.vout);
-                                    else
-                                        unconfirmedSpent[vin.txid] = [vin.vout];
-                                }
-                    //get utxos list
-                    promisedAPI(`api/addr/${senderAddr}/utxo`).then(utxos => {
-                        //form/construct the transaction data
-                        var trx = bitjs.transaction();
-                        var utxoAmt = 0.0;
-                        var fee = floGlobals.fee;
-                        for (var i = utxos.length - 1;
-                            (i >= 0) && (utxoAmt < sendAmt + fee); i--) {
-                            //use only utxos with confirmations (strict_utxo mode)
-                            if (utxos[i].confirmations || !strict_utxo) {
-                                if (utxos[i].txid in unconfirmedSpent && unconfirmedSpent[utxos[i].txid].includes(utxos[i].vout))
-                                    continue; //A transaction has already used the utxo, but is unconfirmed.
-                                trx.addinput(utxos[i].txid, utxos[i].vout, utxos[i].scriptPubKey);
-                                utxoAmt += utxos[i].amount;
-                            };
-                        }
-                        if (utxoAmt < sendAmt + fee)
-                            reject("Insufficient FLO balance!");
-                        else {
-                            trx.addoutput(receiverAddr, sendAmt);
-                            var change = utxoAmt - sendAmt - fee;
-                            if (change > 0)
-                                trx.addoutput(senderAddr, change);
-                            trx.addflodata(floData.replace(/\n/g, ' '));
-                            var signedTxHash = trx.sign(privKey, 1);
-                            broadcastTx(signedTxHash)
-                                .then(txid => resolve(txid))
-                                .catch(error => reject(error))
-                        }
+            getBalance(senderAddr).then(balance => {
+                var fee = DEFAULT.fee;
+                if (balance < sendAmt + fee)
+                    return reject("Insufficient FLO balance!");
+                //get unconfirmed tx list
+                promisedAPI(`api/addr/${senderAddr}`).then(result => {
+                    readTxs(senderAddr, 0, result.unconfirmedTxApperances).then(result => {
+                        let unconfirmedSpent = {};
+                        for (let tx of result.items)
+                            if (tx.confirmations == 0)
+                                for (let vin of tx.vin)
+                                    if (vin.addr === senderAddr) {
+                                        if (Array.isArray(unconfirmedSpent[vin.txid]))
+                                            unconfirmedSpent[vin.txid].push(vin.vout);
+                                        else
+                                            unconfirmedSpent[vin.txid] = [vin.vout];
+                                    }
+                        //get utxos list
+                        promisedAPI(`api/addr/${senderAddr}/utxo`).then(utxos => {
+                            //form/construct the transaction data
+                            var trx = bitjs.transaction();
+                            var utxoAmt = 0.0;
+                            for (var i = utxos.length - 1;
+                                (i >= 0) && (utxoAmt < sendAmt + fee); i--) {
+                                //use only utxos with confirmations (strict_utxo mode)
+                                if (utxos[i].confirmations || !strict_utxo) {
+                                    if (utxos[i].txid in unconfirmedSpent && unconfirmedSpent[utxos[i].txid].includes(utxos[i].vout))
+                                        continue; //A transaction has already used the utxo, but is unconfirmed.
+                                    trx.addinput(utxos[i].txid, utxos[i].vout, utxos[i].scriptPubKey);
+                                    utxoAmt += utxos[i].amount;
+                                };
+                            }
+                            if (utxoAmt < sendAmt + fee)
+                                reject("Insufficient FLO: Some UTXOs are unconfirmed");
+                            else {
+                                trx.addoutput(receiverAddr, sendAmt);
+                                var change = utxoAmt - sendAmt - fee;
+                                if (change > 0)
+                                    trx.addoutput(senderAddr, change);
+                                trx.addflodata(floData.replace(/\n/g, ' '));
+                                var signedTxHash = trx.sign(privKey, 1);
+                                broadcastTx(signedTxHash)
+                                    .then(txid => resolve(txid))
+                                    .catch(error => reject(error))
+                            }
+                        }).catch(error => reject(error))
                     }).catch(error => reject(error))
                 }).catch(error => reject(error))
             }).catch(error => reject(error))
@@ -126,11 +187,13 @@
     }
 
     //Write Data into blockchain
-    floBlockchainAPI.writeData = function(senderAddr, data, privKey, receiverAddr = floGlobals.adminID, strict_utxo = true) {
+    floBlockchainAPI.writeData = function(senderAddr, data, privKey, receiverAddr = DEFAULT.receiverID, options = {}) {
+        let strict_utxo = options.strict_utxo === false ? false : true,
+            sendAmt = isNaN(options.sendAmt) ? DEFAULT.sendAmt : options.sendAmt;
         return new Promise((resolve, reject) => {
             if (typeof data != "string")
                 data = JSON.stringify(data);
-            sendTx(senderAddr, receiverAddr, floGlobals.sendAmt, privKey, data, strict_utxo)
+            sendTx(senderAddr, receiverAddr, sendAmt, privKey, data, strict_utxo)
                 .then(txid => resolve(txid))
                 .catch(error => reject(error));
         });
@@ -147,7 +210,7 @@
                 return reject("Invalid FLO_Data: only printable ASCII characters are allowed");
             var trx = bitjs.transaction();
             var utxoAmt = 0.0;
-            var fee = floGlobals.fee;
+            var fee = DEFAULT.fee;
             promisedAPI(`api/addr/${floID}/utxo`).then(utxos => {
                 for (var i = utxos.length - 1; i >= 0; i--)
                     if (utxos[i].confirmations) {
@@ -171,13 +234,13 @@
      * @param  {boolean} preserveRatio (optional) preserve ratio or equal contribution
      * @return {Promise}
      */
-    floBlockchainAPI.writeDataMultiple = function(senderPrivKeys, data, receivers = [floGlobals.adminID], preserveRatio = true) {
+    floBlockchainAPI.writeDataMultiple = function(senderPrivKeys, data, receivers = [DEFAULT.receiverID], preserveRatio = true) {
         return new Promise((resolve, reject) => {
             if (!Array.isArray(senderPrivKeys))
                 return reject("Invalid senderPrivKeys: SenderPrivKeys must be Array");
             if (!preserveRatio) {
                 let tmp = {};
-                let amount = (floGlobals.sendAmt * receivers.length) / senderPrivKeys.length;
+                let amount = (DEFAULT.sendAmt * receivers.length) / senderPrivKeys.length;
                 senderPrivKeys.forEach(key => tmp[key] = amount);
                 senderPrivKeys = tmp;
             }
@@ -185,7 +248,7 @@
                 return reject("Invalid receivers: Receivers must be Array");
             else {
                 let tmp = {};
-                let amount = floGlobals.sendAmt;
+                let amount = DEFAULT.sendAmt;
                 receivers.forEach(floID => tmp[floID] = amount);
                 receivers = tmp
             }
@@ -288,7 +351,7 @@
                 promises.push(getBalance(floID));
             Promise.all(promises).then(results => {
                 let totalBalance = 0,
-                    totalFee = floGlobals.fee,
+                    totalFee = DEFAULT.fee,
                     balance = {};
                 //Divide fee among sender if not for preserveRatio
                 if (!preserveRatio)
diff --git a/docs/scripts/floGlobals.js b/docs/scripts/floGlobals.js
index 2b0b974..5501626 100644
--- a/docs/scripts/floGlobals.js
+++ b/docs/scripts/floGlobals.js
@@ -2,17 +2,8 @@ const floGlobals = {
 
     //Required for all
     blockchain: "FLO",
-
-    //Required for blockchain API operators
-    apiURL: {
-        FLO: ['https://livenet.flocha.in/', 'https://flosight.duckdns.org/'],
-        FLO_TEST: ['https://testnet-flosight.duckdns.org', 'https://testnet.flocha.in/']
-    },
     application: "exchange",
     adminID: "FMxYC7gYZhouzqtHZukGnPiQ8nvG4CMzXM",
-    sendAmt: 0.001,
-    fee: 0.0005,
-    tokenURL: "https://ranchimallflo.duckdns.org/",
     currency: "rupee"
 };
 
diff --git a/docs/scripts/floTokenAPI.js b/docs/scripts/floTokenAPI.js
index 13c17f5..a87876f 100644
--- a/docs/scripts/floTokenAPI.js
+++ b/docs/scripts/floTokenAPI.js
@@ -1,53 +1,95 @@
-'use strict';
+(function(EXPORTS) { //floTokenAPI v1.0.3a
+    /* Token Operator to send/receive tokens via blockchain using API calls*/
+    'use strict';
+    const tokenAPI = EXPORTS;
 
-/* Token Operator to send/receive tokens from blockchain using API calls*/
-(function(GLOBAL) {
-    const floTokenAPI = GLOBAL.floTokenAPI = {
-        fetch_api: function(apicall) {
-            return new Promise((resolve, reject) => {
-                console.log(floGlobals.tokenURL + apicall);
-                fetch(floGlobals.tokenURL + apicall).then(response => {
-                    if (response.ok)
-                        response.json().then(data => resolve(data));
-                    else
-                        reject(response)
-                }).catch(error => reject(error))
-            })
-        },
-        getBalance: function(floID, token = floGlobals.currency) {
-            return new Promise((resolve, reject) => {
-                this.fetch_api(`api/v1.0/getFloAddressBalance?token=${token}&floAddress=${floID}`)
-                    .then(result => resolve(result.balance || 0))
-                    .catch(error => reject(error))
-            })
-        },
-        getTx: function(txID) {
-            return new Promise((resolve, reject) => {
-                this.fetch_api(`api/v1.0/getTransactionDetails/${txID}`).then(res => {
-                    if (res.result === "error")
-                        reject(res.description);
-                    else if (!res.parsedFloData)
-                        reject("Data piece (parsedFloData) missing");
-                    else if (!res.transactionDetails)
-                        reject("Data piece (transactionDetails) missing");
-                    else
-                        resolve(res);
-                }).catch(error => reject(error))
-            })
-        },
-        sendToken: function(privKey, amount, receiverID, message = "", token = floGlobals.currency) {
-            return new Promise((resolve, reject) => {
-                let senderID = floCrypto.getFloID(privKey);
-                if (typeof amount !== "number" || amount <= 0)
-                    return reject("Invalid amount");
-                this.getBalance(senderID, token).then(bal => {
-                    if (amount > bal)
-                        return reject(`Insufficient ${token}# balance`);
-                    floBlockchainAPI.writeData(senderID, `send ${amount} ${token}# ${message}`, privKey, receiverID)
-                        .then(txid => resolve(txid))
-                        .catch(error => reject(error))
-                }).catch(error => reject(error))
-            });
-        }
+    const DEFAULT = {
+        apiURL: floGlobals.tokenURL || "https://ranchimallflo.duckdns.org/",
+        currency: "rupee"
     }
-})(typeof global !== "undefined" ? global : window);
\ No newline at end of file
+
+    Object.defineProperties(tokenAPI, {
+        URL: {
+            get: () => DEFAULT.apiURL
+        },
+        currency: {
+            get: () => DEFAULT.currency,
+            set: currency => DEFAULT.currency = currency
+        }
+    });
+
+    if (floGlobals.currency) tokenAPI.currency = floGlobals.currency;
+
+    const fetch_api = tokenAPI.fetch = function(apicall) {
+        return new Promise((resolve, reject) => {
+            console.log(DEFAULT.apiURL + apicall);
+            fetch(DEFAULT.apiURL + apicall).then(response => {
+                if (response.ok)
+                    response.json().then(data => resolve(data));
+                else
+                    reject(response)
+            }).catch(error => reject(error))
+        })
+    }
+
+    const getBalance = tokenAPI.getBalance = function(floID, token = DEFAULT.currency) {
+        return new Promise((resolve, reject) => {
+            fetch_api(`api/v1.0/getFloAddressBalance?token=${token}&floAddress=${floID}`)
+                .then(result => resolve(result.balance || 0))
+                .catch(error => reject(error))
+        })
+    }
+
+    tokenAPI.getTx = function(txID) {
+        return new Promise((resolve, reject) => {
+            fetch_api(`api/v1.0/getTransactionDetails/${txID}`).then(res => {
+                if (res.result === "error")
+                    reject(res.description);
+                else if (!res.parsedFloData)
+                    reject("Data piece (parsedFloData) missing");
+                else if (!res.transactionDetails)
+                    reject("Data piece (transactionDetails) missing");
+                else
+                    resolve(res);
+            }).catch(error => reject(error))
+        })
+    }
+
+    tokenAPI.sendToken = function(privKey, amount, receiverID, message = "", token = DEFAULT.currency, options = {}) {
+        return new Promise((resolve, reject) => {
+            let senderID = floCrypto.getFloID(privKey);
+            if (typeof amount !== "number" || isNaN(amount) || amount <= 0)
+                return reject("Invalid amount");
+            getBalance(senderID, token).then(bal => {
+                if (amount > bal)
+                    return reject(`Insufficient ${token}# balance`);
+                floBlockchainAPI.writeData(senderID, `send ${amount} ${token}# ${message}`, privKey, receiverID, options)
+                    .then(txid => resolve(txid))
+                    .catch(error => reject(error))
+            }).catch(error => reject(error))
+        });
+    }
+
+    tokenAPI.getAllTxs = function(floID, token = DEFAULT.currency) {
+        return new Promise((resolve, reject) => {
+            fetch_api(`api/v1.0/getFloAddressTransactions?token=${token}&floAddress=${floID}`)
+                .then(result => resolve(result))
+                .catch(error => reject(error))
+        })
+    }
+
+    const util = tokenAPI.util = {};
+
+    util.parseTxData = function(txData) {
+        let parsedData = {};
+        for (let p in txData.parsedFloData)
+            parsedData[p] = txData.parsedFloData[p];
+        parsedData.sender = txData.transactionDetails.vin[0].addr;
+        for (let vout of txData.transactionDetails.vout)
+            if (vout.scriptPubKey.addresses[0] !== parsedData.sender)
+                parsedData.receiver = vout.scriptPubKey.addresses[0];
+        parsedData.time = txData.transactionDetails.time;
+        return parsedData;
+    }
+
+})('object' === typeof module ? module.exports : window.floTokenAPI = {});
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
index e2d4dc0..6440c21 100644
--- a/src/main.js
+++ b/src/main.js
@@ -4,7 +4,7 @@ require('./set_globals');
 require('../docs/scripts/lib');
 global.floCrypto = require('../docs/scripts/floCrypto');
 global.floBlockchainAPI = require('../docs/scripts/floBlockchainAPI');
-require('../docs/scripts/floTokenAPI');
+global.floTokenAPI = require('../docs/scripts/floTokenAPI');
 
 const Database = require("./database");
 const App = require('./app');

From 166778e7f8339ab77998d7d7b7ec10e07cafc9b7 Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Wed, 25 May 2022 03:55:55 +0530
Subject: [PATCH 108/168] get-transact API

- Get user's deposit and withdraw history (private request: ie, requires signing)
- Update floTokenAPI
---
 docs/scripts/floExchangeAPI.js | 385 ++++++++++++++++++---------------
 docs/scripts/floTokenAPI.js    |   9 +-
 src/app.js                     |   1 +
 src/market.js                  |  14 ++
 src/request.js                 |  11 +
 5 files changed, 240 insertions(+), 180 deletions(-)

diff --git a/docs/scripts/floExchangeAPI.js b/docs/scripts/floExchangeAPI.js
index ff1319b..92b63a3 100644
--- a/docs/scripts/floExchangeAPI.js
+++ b/docs/scripts/floExchangeAPI.js
@@ -1,6 +1,6 @@
 'use strict';
 
-(function (EXPORTS) { //floExchangeAPI v1.1.2
+(function(EXPORTS) { //floExchangeAPI v1.1.2
     const exchangeAPI = EXPORTS;
 
     /*Kademlia DHT K-bucket implementation as a binary tree.*/
@@ -46,7 +46,7 @@
         this.arbiter = options.arbiter || this.arbiter
         this.metadata = Object.assign({}, options.metadata)
 
-        this.createNode = function () {
+        this.createNode = function() {
             return {
                 contacts: [],
                 dontSplit: false,
@@ -55,7 +55,7 @@
             }
         }
 
-        this.ensureInt8 = function (name, val) {
+        this.ensureInt8 = function(name, val) {
             if (!(val instanceof Uint8Array)) {
                 throw new TypeError(name + ' is not a Uint8Array')
             }
@@ -66,7 +66,7 @@
          * @param  {Uint8Array} array2
          * @return {Boolean}
          */
-        this.arrayEquals = function (array1, array2) {
+        this.arrayEquals = function(array1, array2) {
             if (array1 === array2) {
                 return true
             }
@@ -94,7 +94,7 @@
          * @param  {Object} candidate Contact being added to the k-bucket.
          * @return {Object}           Contact to updated the k-bucket with.
          */
-        this.arbiter = function (incumbent, candidate) {
+        this.arbiter = function(incumbent, candidate) {
             return incumbent.vectorClock > candidate.vectorClock ? incumbent : candidate
         }
 
@@ -107,7 +107,7 @@
          * @return {Number}              Integer The XOR distance between firstId
          *                               and secondId.
          */
-        this.distance = function (firstId, secondId) {
+        this.distance = function(firstId, secondId) {
             let distance = 0
             let i = 0
             const min = Math.min(firstId.length, secondId.length)
@@ -124,7 +124,7 @@
          *
          * @param {Object} contact the contact object to add
          */
-        this.add = function (contact) {
+        this.add = function(contact) {
             this.ensureInt8('contact.id', (contact || {}).id)
 
             let bitIndex = 0
@@ -172,7 +172,7 @@
          *                          closest contacts to return
          * @return {Array}          Array Maximum of n closest contacts to the node id
          */
-        this.closest = function (id, n = Infinity) {
+        this.closest = function(id, n = Infinity) {
             this.ensureInt8('id', id)
 
             if ((!Number.isInteger(n) && n !== Infinity) || n <= 0) {
@@ -204,7 +204,7 @@
          *
          * @return {Number} The number of contacts held in the tree
          */
-        this.count = function () {
+        this.count = function() {
             // return this.toArray().length
             let count = 0
             for (const nodes = [this.root]; nodes.length > 0;) {
@@ -225,7 +225,7 @@
          *                           to check in the id Uint8Array.
          * @return {Object}          left leaf if id at bitIndex is 0, right leaf otherwise.
          */
-        this._determineNode = function (node, id, bitIndex) {
+        this._determineNode = function(node, id, bitIndex) {
             // *NOTE* remember that id is a Uint8Array and has granularity of
             // bytes (8 bits), whereas the bitIndex is the bit index (not byte)
 
@@ -267,7 +267,7 @@
          * @param  {Uint8Array} id The ID of the contact to fetch.
          * @return {Object|Null}   The contact if available, otherwise null
          */
-        this.get = function (id) {
+        this.get = function(id) {
             this.ensureInt8('id', id)
 
             let bitIndex = 0
@@ -291,7 +291,7 @@
          * @return {Number}         Integer Index of contact with provided id if it
          *                          exists, -1 otherwise.
          */
-        this._indexOf = function (node, id) {
+        this._indexOf = function(node, id) {
             for (let i = 0; i < node.contacts.length; ++i) {
                 if (this.arrayEquals(node.contacts[i].id, id)) return i
             }
@@ -305,7 +305,7 @@
          * @param  {Uint8Array} id The ID of the contact to remove.
          * @return {Object}        The k-bucket itself.
          */
-        this.remove = function (id) {
+        this.remove = function(id) {
             this.ensureInt8('the id as parameter 1', id)
 
             let bitIndex = 0
@@ -332,7 +332,7 @@
          * @param  {Number} bitIndex the bitIndex to which byte to check in the
          *                           Uint8Array for navigating the binary tree
          */
-        this._split = function (node, bitIndex) {
+        this._split = function(node, bitIndex) {
             node.left = this.createNode()
             node.right = this.createNode()
 
@@ -360,7 +360,7 @@
          *
          * @return {Array} All of the contacts in the tree, as an array
          */
-        this.toArray = function () {
+        this.toArray = function() {
             let result = []
             for (const nodes = [this.root]; nodes.length > 0;) {
                 const node = nodes.pop()
@@ -386,7 +386,7 @@
          *                          calculation)
          * @param  {Object} contact The contact object to update.
          */
-        this._update = function (node, index, contact) {
+        this._update = function(node, index, contact) {
             // sanity check
             if (!this.arrayEquals(node.contacts[index].id, contact.id)) {
                 throw new Error('wrong index for _update')
@@ -405,7 +405,7 @@
     }
 
     const K_Bucket = exchangeAPI.K_Bucket = function K_Bucket(masterID, backupList) {
-        const decodeID = function (floID) {
+        const decodeID = function(floID) {
             let k = bitjs.Base58.decode(floID);
             k.shift();
             k.splice(-4, 4);
@@ -431,7 +431,7 @@
             get: () => Array.from(orderedList)
         });
 
-        self.closestNode = function (id, N = 1) {
+        self.closestNode = function(id, N = 1) {
             let decodedId = decodeID(id);
             let n = N || orderedList.length;
             let cNodes = _KB.closest(decodedId, n)
@@ -444,7 +444,7 @@
         self.isPrev = (source, target) => orderedList.indexOf(target) === orderedList.indexOf(source) - 1;
         self.isNext = (source, target) => orderedList.indexOf(target) === orderedList.indexOf(source) + 1;
 
-        self.prevNode = function (id, N = 1) {
+        self.prevNode = function(id, N = 1) {
             let n = N || orderedList.length;
             if (!orderedList.includes(id))
                 throw Error(`${id} is not in KB list`);
@@ -452,7 +452,7 @@
             return (N == 1 ? pNodes[0] : pNodes);
         };
 
-        self.nextNode = function (id, N = 1) {
+        self.nextNode = function(id, N = 1) {
             let n = N || orderedList.length;
             if (!orderedList.includes(id))
                 throw Error(`${id} is not in KB list`);
@@ -471,14 +471,14 @@
                 return reject(ExchangeError(ExchangeError.NODES_OFFLINE_CODE, 'No Node online! Refresh the page or try again later', errorCode.NODES_OFFLINE));
             let url = "https://" + nodeURL[nodeList[curPos]];
             (options ? fetch(url + api, options) : fetch(url + api))
-                .then(result => resolve(result)).catch(error => {
-                    console.warn(nodeList[curPos], 'is offline');
-                    //try next node
-                    fetch_api.curPos = curPos + 1;
-                    fetch_api(api, options)
-                        .then(result => resolve(result))
-                        .catch(error => reject(error))
-                });
+            .then(result => resolve(result)).catch(error => {
+                console.warn(nodeList[curPos], 'is offline');
+                //try next node
+                fetch_api.curPos = curPos + 1;
+                fetch_api(api, options)
+                    .then(result => resolve(result))
+                    .catch(error => reject(error))
+            });
         })
     }
 
@@ -519,7 +519,7 @@
         INTERNAL_ERROR: '500'
     };
 
-    const parseErrorCode = exchangeAPI.parseErrorCode = function (message) {
+    const parseErrorCode = exchangeAPI.parseErrorCode = function(message) {
         let code = message.match(/^E\d{3}:/g);
         if (!code || !code.length)
             return null;
@@ -546,20 +546,20 @@
         return new Promise((resolve, reject) => {
             if (!response.ok)
                 response.text()
-                    .then(result => reject(ExchangeError(response.status, result)))
-                    .catch(error => reject(ExchangeError(response.status, error)));
+                .then(result => reject(ExchangeError(response.status, result)))
+                .catch(error => reject(ExchangeError(response.status, error)));
             else if (json_)
                 response.json()
-                    .then(result => resolve(result))
-                    .catch(error => reject(ExchangeError(ExchangeError.BAD_RESPONSE_CODE, error)));
+                .then(result => resolve(result))
+                .catch(error => reject(ExchangeError(ExchangeError.BAD_RESPONSE_CODE, error)));
             else
                 response.text()
-                    .then(result => resolve(result))
-                    .catch(error => reject(ExchangeError(ExchangeError.BAD_RESPONSE_CODE, error)));
+                .then(result => resolve(result))
+                .catch(error => reject(ExchangeError(ExchangeError.BAD_RESPONSE_CODE, error)));
         });
     }
 
-    exchangeAPI.getAccount = function (floID, proxySecret) {
+    exchangeAPI.getAccount = function(floID, proxySecret) {
         return new Promise((resolve, reject) => {
             let request = {
                 floID: floID,
@@ -574,19 +574,19 @@
             console.debug(request);
 
             fetch_api('/account', {
-                method: "POST",
-                headers: {
-                    'Content-Type': 'application/json'
-                },
-                body: JSON.stringify(request)
-            }).then(result => responseParse(result)
-                .then(result => resolve(result))
-                .catch(error => reject(error)))
+                    method: "POST",
+                    headers: {
+                        'Content-Type': 'application/json'
+                    },
+                    body: JSON.stringify(request)
+                }).then(result => responseParse(result)
+                    .then(result => resolve(result))
+                    .catch(error => reject(error)))
                 .catch(error => reject(error));
         });
     }
 
-    exchangeAPI.getBuyList = function (asset = null) {
+    exchangeAPI.getBuyList = function(asset = null) {
         return new Promise((resolve, reject) => {
             fetch_api('/list-buyorders' + (asset ? "?asset=" + asset : ""))
                 .then(result => responseParse(result)
@@ -596,7 +596,7 @@
         });
     }
 
-    exchangeAPI.getSellList = function (asset = null) {
+    exchangeAPI.getSellList = function(asset = null) {
         return new Promise((resolve, reject) => {
             fetch_api('/list-sellorders' + (asset ? "?asset=" + asset : ""))
                 .then(result => responseParse(result)
@@ -606,7 +606,7 @@
         });
     }
 
-    exchangeAPI.getTradeList = function (asset = null) {
+    exchangeAPI.getTradeList = function(asset = null) {
         return new Promise((resolve, reject) => {
             fetch_api('/list-trades' + (asset ? "?asset=" + asset : ""))
                 .then(result => responseParse(result)
@@ -616,7 +616,7 @@
         });
     }
 
-    exchangeAPI.getRates = function (asset = null) {
+    exchangeAPI.getRates = function(asset = null) {
         return new Promise((resolve, reject) => {
             fetch_api('/get-rates' + (asset ? "?asset=" + asset : ""))
                 .then(result => responseParse(result)
@@ -626,7 +626,7 @@
         });
     }
 
-    exchangeAPI.getRateHistory = function (asset, duration = null) {
+    exchangeAPI.getRateHistory = function(asset, duration = null) {
         return new Promise((resolve, reject) => {
             fetch_api('/rate-history?asset=' + asset + (duration ? '&duration=' + duration : ""))
                 .then(result => responseParse(result)
@@ -636,7 +636,7 @@
         });
     }
 
-    exchangeAPI.getBalance = function (floID = null, token = null) {
+    exchangeAPI.getBalance = function(floID = null, token = null) {
         return new Promise((resolve, reject) => {
             if (!floID && !token)
                 return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Need atleast one argument", errorCode.MISSING_PARAMETER));
@@ -651,7 +651,7 @@
         })
     }
 
-    exchangeAPI.getTx = function (txid) {
+    exchangeAPI.getTx = function(txid) {
         return new Promise((resolve, reject) => {
             if (!txid)
                 return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, 'txid required', errorCode.MISSING_PARAMETER));
@@ -670,7 +670,7 @@
         return floCrypto.signData(req_str, signKey);
     }
 
-    exchangeAPI.getLoginCode = function () {
+    exchangeAPI.getLoginCode = function() {
         return new Promise((resolve, reject) => {
             fetch_api('/get-login-code')
                 .then(result => responseParse(result)
@@ -713,7 +713,7 @@
     }
     */
 
-    exchangeAPI.login = function (privKey, proxyKey, code, hash) {
+    exchangeAPI.login = function(privKey, proxyKey, code, hash) {
         return new Promise((resolve, reject) => {
             if (!code || !hash)
                 return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Login Code missing", errorCode.MISSING_PARAMETER));
@@ -736,19 +736,19 @@
             console.debug(request);
 
             fetch_api("/login", {
-                method: "POST",
-                headers: {
-                    'Content-Type': 'application/json'
-                },
-                body: JSON.stringify(request)
-            }).then(result => responseParse(result, false)
-                .then(result => resolve(result))
-                .catch(error => reject(error)))
+                    method: "POST",
+                    headers: {
+                        'Content-Type': 'application/json'
+                    },
+                    body: JSON.stringify(request)
+                }).then(result => responseParse(result, false)
+                    .then(result => resolve(result))
+                    .catch(error => reject(error)))
                 .catch(error => reject(error));
         })
     }
 
-    exchangeAPI.logout = function (floID, proxySecret) {
+    exchangeAPI.logout = function(floID, proxySecret) {
         return new Promise((resolve, reject) => {
             let request = {
                 floID: floID,
@@ -763,19 +763,19 @@
             console.debug(request);
 
             fetch_api("/logout", {
-                method: "POST",
-                headers: {
-                    'Content-Type': 'application/json'
-                },
-                body: JSON.stringify(request)
-            }).then(result => responseParse(result, false)
-                .then(result => resolve(result))
-                .catch(error => reject(error)))
+                    method: "POST",
+                    headers: {
+                        'Content-Type': 'application/json'
+                    },
+                    body: JSON.stringify(request)
+                }).then(result => responseParse(result, false)
+                    .then(result => resolve(result))
+                    .catch(error => reject(error)))
                 .catch(error => reject(error))
         })
     }
 
-    exchangeAPI.buy = function (asset, quantity, max_price, floID, proxySecret) {
+    exchangeAPI.buy = function(asset, quantity, max_price, floID, proxySecret) {
         return new Promise((resolve, reject) => {
             if (typeof quantity !== "number" || quantity <= 0)
                 return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, `Invalid quantity (${quantity})`, errorCode.INVALID_NUMBER));
@@ -800,20 +800,20 @@
             console.debug(request);
 
             fetch_api('/buy', {
-                method: "POST",
-                headers: {
-                    'Content-Type': 'application/json'
-                },
-                body: JSON.stringify(request)
-            }).then(result => responseParse(result, false)
-                .then(result => resolve(result))
-                .catch(error => reject(error)))
+                    method: "POST",
+                    headers: {
+                        'Content-Type': 'application/json'
+                    },
+                    body: JSON.stringify(request)
+                }).then(result => responseParse(result, false)
+                    .then(result => resolve(result))
+                    .catch(error => reject(error)))
                 .catch(error => reject(error))
         })
 
     }
 
-    exchangeAPI.sell = function (asset, quantity, min_price, floID, proxySecret) {
+    exchangeAPI.sell = function(asset, quantity, min_price, floID, proxySecret) {
         return new Promise((resolve, reject) => {
             if (typeof quantity !== "number" || quantity <= 0)
                 return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, `Invalid quantity (${quantity})`, errorCode.INVALID_NUMBER));
@@ -838,20 +838,20 @@
             console.debug(request);
 
             fetch_api('/sell', {
-                method: "POST",
-                headers: {
-                    'Content-Type': 'application/json'
-                },
-                body: JSON.stringify(request)
-            }).then(result => responseParse(result, false)
-                .then(result => resolve(result))
-                .catch(error => reject(error)))
+                    method: "POST",
+                    headers: {
+                        'Content-Type': 'application/json'
+                    },
+                    body: JSON.stringify(request)
+                }).then(result => responseParse(result, false)
+                    .then(result => resolve(result))
+                    .catch(error => reject(error)))
                 .catch(error => reject(error))
         })
 
     }
 
-    exchangeAPI.cancelOrder = function (type, id, floID, proxySecret) {
+    exchangeAPI.cancelOrder = function(type, id, floID, proxySecret) {
         return new Promise((resolve, reject) => {
             if (type !== "buy" && type !== "sell")
                 return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, `Invalid type (${type}): type should be sell (or) buy`, errorCode.INVALID_TYPE));
@@ -872,20 +872,20 @@
             console.debug(request);
 
             fetch_api('/cancel', {
-                method: "POST",
-                headers: {
-                    'Content-Type': 'application/json'
-                },
-                body: JSON.stringify(request)
-            }).then(result => responseParse(result, false)
-                .then(result => resolve(result))
-                .catch(error => reject(error)))
+                    method: "POST",
+                    headers: {
+                        'Content-Type': 'application/json'
+                    },
+                    body: JSON.stringify(request)
+                }).then(result => responseParse(result, false)
+                    .then(result => resolve(result))
+                    .catch(error => reject(error)))
                 .catch(error => reject(error))
         })
     }
 
     //receiver should be object eg {floID1: amount1, floID2: amount2 ...}
-    exchangeAPI.transferToken = function (receiver, token, floID, proxySecret) {
+    exchangeAPI.transferToken = function(receiver, token, floID, proxySecret) {
         return new Promise((resolve, reject) => {
             if (typeof receiver !== 'object' || receiver === null)
                 return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Invalid receiver: parameter is not an object", errorCode.INVALID_FLO_ID));
@@ -918,19 +918,19 @@
             console.debug(request);
 
             fetch_api('/transfer-token', {
-                method: "POST",
-                headers: {
-                    'Content-Type': 'application/json'
-                },
-                body: JSON.stringify(request)
-            }).then(result => responseParse(result, false)
-                .then(result => resolve(result))
-                .catch(error => reject(error)))
+                    method: "POST",
+                    headers: {
+                        'Content-Type': 'application/json'
+                    },
+                    body: JSON.stringify(request)
+                }).then(result => responseParse(result, false)
+                    .then(result => resolve(result))
+                    .catch(error => reject(error)))
                 .catch(error => reject(error))
         })
     }
 
-    exchangeAPI.depositFLO = function (quantity, floID, sinkID, privKey, proxySecret = null) {
+    exchangeAPI.depositFLO = function(quantity, floID, sinkID, privKey, proxySecret = null) {
         return new Promise((resolve, reject) => {
             if (typeof quantity !== "number" || quantity <= floGlobals.fee)
                 return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, `Invalid quantity (${quantity})`, errorCode.INVALID_NUMBER));
@@ -952,20 +952,20 @@
                 console.debug(request);
 
                 fetch_api('/deposit-flo', {
-                    method: "POST",
-                    headers: {
-                        'Content-Type': 'application/json'
-                    },
-                    body: JSON.stringify(request)
-                }).then(result => responseParse(result, false)
-                    .then(result => resolve(result))
-                    .catch(error => reject(error)))
+                        method: "POST",
+                        headers: {
+                            'Content-Type': 'application/json'
+                        },
+                        body: JSON.stringify(request)
+                    }).then(result => responseParse(result, false)
+                        .then(result => resolve(result))
+                        .catch(error => reject(error)))
                     .catch(error => reject(error))
             }).catch(error => reject(error))
         })
     }
 
-    exchangeAPI.withdrawFLO = function (quantity, floID, proxySecret) {
+    exchangeAPI.withdrawFLO = function(quantity, floID, proxySecret) {
         return new Promise((resolve, reject) => {
             let request = {
                 floID: floID,
@@ -982,19 +982,19 @@
             console.debug(request);
 
             fetch_api('/withdraw-flo', {
-                method: "POST",
-                headers: {
-                    'Content-Type': 'application/json'
-                },
-                body: JSON.stringify(request)
-            }).then(result => responseParse(result, false)
-                .then(result => resolve(result))
-                .catch(error => reject(error)))
+                    method: "POST",
+                    headers: {
+                        'Content-Type': 'application/json'
+                    },
+                    body: JSON.stringify(request)
+                }).then(result => responseParse(result, false)
+                    .then(result => resolve(result))
+                    .catch(error => reject(error)))
                 .catch(error => reject(error))
         })
     }
 
-    exchangeAPI.depositToken = function (token, quantity, floID, sinkID, privKey, proxySecret = null) {
+    exchangeAPI.depositToken = function(token, quantity, floID, sinkID, privKey, proxySecret = null) {
         return new Promise((resolve, reject) => {
             if (!floCrypto.verifyPrivKey(privKey, floID))
                 return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Invalid Private Key", errorCode.INVALID_PRIVATE_KEY));
@@ -1014,20 +1014,20 @@
                 console.debug(request);
 
                 fetch_api('/deposit-token', {
-                    method: "POST",
-                    headers: {
-                        'Content-Type': 'application/json'
-                    },
-                    body: JSON.stringify(request)
-                }).then(result => responseParse(result, false)
-                    .then(result => resolve(result))
-                    .catch(error => reject(error)))
+                        method: "POST",
+                        headers: {
+                            'Content-Type': 'application/json'
+                        },
+                        body: JSON.stringify(request)
+                    }).then(result => responseParse(result, false)
+                        .then(result => resolve(result))
+                        .catch(error => reject(error)))
                     .catch(error => reject(error))
             }).catch(error => reject(error))
         })
     }
 
-    exchangeAPI.withdrawToken = function (token, quantity, floID, proxySecret) {
+    exchangeAPI.withdrawToken = function(token, quantity, floID, proxySecret) {
         return new Promise((resolve, reject) => {
             let request = {
                 floID: floID,
@@ -1046,19 +1046,46 @@
             console.debug(request);
 
             fetch_api('/withdraw-token', {
-                method: "POST",
-                headers: {
-                    'Content-Type': 'application/json'
-                },
-                body: JSON.stringify(request)
-            }).then(result => responseParse(result, false)
-                .then(result => resolve(result))
-                .catch(error => reject(error)))
+                    method: "POST",
+                    headers: {
+                        'Content-Type': 'application/json'
+                    },
+                    body: JSON.stringify(request)
+                }).then(result => responseParse(result, false)
+                    .then(result => resolve(result))
+                    .catch(error => reject(error)))
                 .catch(error => reject(error))
         })
     }
 
-    exchangeAPI.addUserTag = function (tag_user, tag, floID, proxySecret) {
+    exchangeAPI.getUserTransacts = function(floID, proxySecret) {
+        return new Promise((resolve, reject) => {
+            let request = {
+                floID: floID,
+                timestamp: Date.now()
+            };
+            if (floCrypto.getFloID(proxySecret) === floID) //Direct signing (without proxy)
+                request.pubKey = floCrypto.getPubKeyHex(proxySecret);
+            request.sign = signRequest({
+                type: "get_transact",
+                timestamp: request.timestamp
+            }, proxySecret);
+            console.debug(request);
+
+            fetch_api('/get-transact', {
+                    method: "POST",
+                    headers: {
+                        'Content-Type': 'application/json'
+                    },
+                    body: JSON.stringify(request)
+                }).then(result => responseParse(result)
+                    .then(result => resolve(result))
+                    .catch(error => reject(error)))
+                .catch(error => reject(error))
+        })
+    }
+
+    exchangeAPI.addUserTag = function(tag_user, tag, floID, proxySecret) {
         return new Promise((resolve, reject) => {
             let request = {
                 floID: floID,
@@ -1077,19 +1104,19 @@
             console.debug(request);
 
             fetch_api('/add-tag', {
-                method: "POST",
-                headers: {
-                    'Content-Type': 'application/json'
-                },
-                body: JSON.stringify(request)
-            }).then(result => responseParse(result, false)
-                .then(result => resolve(result))
-                .catch(error => reject(error)))
+                    method: "POST",
+                    headers: {
+                        'Content-Type': 'application/json'
+                    },
+                    body: JSON.stringify(request)
+                }).then(result => responseParse(result, false)
+                    .then(result => resolve(result))
+                    .catch(error => reject(error)))
                 .catch(error => reject(error))
         })
     }
 
-    exchangeAPI.removeUserTag = function (tag_user, tag, floID, proxySecret) {
+    exchangeAPI.removeUserTag = function(tag_user, tag, floID, proxySecret) {
         return new Promise((resolve, reject) => {
             let request = {
                 floID: floID,
@@ -1108,19 +1135,19 @@
             console.debug(request);
 
             fetch_api('/remove-tag', {
-                method: "POST",
-                headers: {
-                    'Content-Type': 'application/json'
-                },
-                body: JSON.stringify(request)
-            }).then(result => responseParse(result, false)
-                .then(result => resolve(result))
-                .catch(error => reject(error)))
+                    method: "POST",
+                    headers: {
+                        'Content-Type': 'application/json'
+                    },
+                    body: JSON.stringify(request)
+                }).then(result => responseParse(result, false)
+                    .then(result => resolve(result))
+                    .catch(error => reject(error)))
                 .catch(error => reject(error))
         })
     }
 
-    exchangeAPI.addDistributor = function (distributor, asset, floID, proxySecret) {
+    exchangeAPI.addDistributor = function(distributor, asset, floID, proxySecret) {
         return new Promise((resolve, reject) => {
             let request = {
                 floID: floID,
@@ -1139,19 +1166,19 @@
             console.debug(request);
 
             fetch_api('/add-distributor', {
-                method: "POST",
-                headers: {
-                    'Content-Type': 'application/json'
-                },
-                body: JSON.stringify(request)
-            }).then(result => responseParse(result, false)
-                .then(result => resolve(result))
-                .catch(error => reject(error)))
+                    method: "POST",
+                    headers: {
+                        'Content-Type': 'application/json'
+                    },
+                    body: JSON.stringify(request)
+                }).then(result => responseParse(result, false)
+                    .then(result => resolve(result))
+                    .catch(error => reject(error)))
                 .catch(error => reject(error))
         })
     }
 
-    exchangeAPI.removeDistributor = function (distributor, asset, floID, proxySecret) {
+    exchangeAPI.removeDistributor = function(distributor, asset, floID, proxySecret) {
         return new Promise((resolve, reject) => {
             let request = {
                 floID: floID,
@@ -1170,14 +1197,14 @@
             console.debug(request);
 
             fetch_api('/remove-distributor', {
-                method: "POST",
-                headers: {
-                    'Content-Type': 'application/json'
-                },
-                body: JSON.stringify(request)
-            }).then(result => responseParse(result, false)
-                .then(result => resolve(result))
-                .catch(error => reject(error)))
+                    method: "POST",
+                    headers: {
+                        'Content-Type': 'application/json'
+                    },
+                    body: JSON.stringify(request)
+                }).then(result => responseParse(result, false)
+                    .then(result => resolve(result))
+                    .catch(error => reject(error)))
                 .catch(error => reject(error))
         })
     }
@@ -1242,7 +1269,7 @@
         })
     }
 
-    exchangeAPI.clearAllLocalData = function () {
+    exchangeAPI.clearAllLocalData = function() {
         localStorage.removeItem('exchange-nodes');
         localStorage.removeItem('exchange-assets');
         localStorage.removeItem('exchange-tags');
diff --git a/docs/scripts/floTokenAPI.js b/docs/scripts/floTokenAPI.js
index a87876f..7378f43 100644
--- a/docs/scripts/floTokenAPI.js
+++ b/docs/scripts/floTokenAPI.js
@@ -1,4 +1,4 @@
-(function(EXPORTS) { //floTokenAPI v1.0.3a
+(function(EXPORTS) { //floTokenAPI v1.0.3b
     /* Token Operator to send/receive tokens via blockchain using API calls*/
     'use strict';
     const tokenAPI = EXPORTS;
@@ -20,6 +20,13 @@
 
     if (floGlobals.currency) tokenAPI.currency = floGlobals.currency;
 
+    Object.defineProperties(floGlobals, {
+        currency: {
+            get: () => DEFAULT.currency,
+            set: currency => DEFAULT.currency = currency
+        }
+    });
+
     const fetch_api = tokenAPI.fetch = function(apicall) {
         return new Promise((resolve, reject) => {
             console.log(DEFAULT.apiURL + apicall);
diff --git a/src/app.js b/src/app.js
index 68989eb..40fa3a1 100644
--- a/src/app.js
+++ b/src/app.js
@@ -83,6 +83,7 @@ module.exports = function App(secret, DB) {
     app.post('/withdraw-flo', Request.WithdrawFLO);
     app.post('/deposit-token', Request.DepositToken);
     app.post('/withdraw-token', Request.WithdrawToken);
+    app.post('/get-transact', Request.GetUserTransacts);
 
     //Manage user tags (Access to trusted IDs only)
     app.post('/add-tag', Request.AddUserTag);
diff --git a/src/market.js b/src/market.js
index 034df99..23e01c5 100644
--- a/src/market.js
+++ b/src/market.js
@@ -254,6 +254,18 @@ function getAccountDetails(floID) {
     });
 }
 
+function getUserTransacts(floID) {
+    return new Promise((resolve, reject) => {
+        DB.query("(SELECT 'deposit' as type, txid, floID, token, amount, status FROM InputToken WHERE floID=?)" +
+                "UNION (SELECT 'deposit' as type, txid, floID, 'FLO' as token, amount, status FROM InputFLO WHERE floID=?)" +
+                "UNION (SELECT 'withdraw' as type, txid, floID, token, amount, status FROM OutputToken WHERE floID=?)" +
+                "UNION (SELECT 'withdraw' as type, txid, floID, 'FLO' as token, amount, status FROM OutputFLO WHERE floID=?)",
+                [floID, floID, floID, floID])
+            .then(result => resolve(result))
+            .catch(error => reject(error))
+    })
+}
+
 function getTransactionDetails(txid) {
     return new Promise((resolve, reject) => {
         let tableName, type;
@@ -712,6 +724,7 @@ function blockchainReCheck() {
             retryWithdrawalToken();
             confirmWithdrawalFLO();
             confirmWithdrawalToken();
+            console.debug("Last Block :", lastSyncBlockHeight);
         }
     }).catch(error => console.error(error));
 }
@@ -731,6 +744,7 @@ module.exports = {
     getRateHistory,
     getBalance,
     getAccountDetails,
+    getUserTransacts,
     getTransactionDetails,
     transferToken,
     depositFLO,
diff --git a/src/request.js b/src/request.js
index f9c110e..bc383a3 100644
--- a/src/request.js
+++ b/src/request.js
@@ -265,6 +265,16 @@ function WithdrawToken(req, res) {
     );
 }
 
+function GetUserTransacts(req, res) {
+    let data = req.body;
+    processRequest(res, "User Transacts", {
+            type: "get_transact",
+            timestamp: data.timestamp
+        }, data.sign, data.floID, data.pubKey,
+        () => market.getUserTransacts(data.floID)
+    );
+}
+
 function AddUserTag(req, res) {
     let data = req.body;
     if (!trustedIDs.includes(data.floID))
@@ -509,6 +519,7 @@ module.exports = {
     WithdrawFLO,
     DepositToken,
     WithdrawToken,
+    GetUserTransacts,
     AddUserTag,
     RemoveUserTag,
     AddDistributor,

From 078a3af0512be04b53a18e694703a226474e6542 Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Wed, 25 May 2022 04:14:09 +0530
Subject: [PATCH 109/168] Update market.js

- Removed floID field returned by get-transact API (as its already filtered by floID)
---
 src/market.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/market.js b/src/market.js
index 23e01c5..705137e 100644
--- a/src/market.js
+++ b/src/market.js
@@ -256,10 +256,10 @@ function getAccountDetails(floID) {
 
 function getUserTransacts(floID) {
     return new Promise((resolve, reject) => {
-        DB.query("(SELECT 'deposit' as type, txid, floID, token, amount, status FROM InputToken WHERE floID=?)" +
-                "UNION (SELECT 'deposit' as type, txid, floID, 'FLO' as token, amount, status FROM InputFLO WHERE floID=?)" +
-                "UNION (SELECT 'withdraw' as type, txid, floID, token, amount, status FROM OutputToken WHERE floID=?)" +
-                "UNION (SELECT 'withdraw' as type, txid, floID, 'FLO' as token, amount, status FROM OutputFLO WHERE floID=?)",
+        DB.query("(SELECT 'deposit' as type, txid, token, amount, status FROM InputToken WHERE floID=?)" +
+                "UNION (SELECT 'deposit' as type, txid, 'FLO' as token, amount, status FROM InputFLO WHERE floID=?)" +
+                "UNION (SELECT 'withdraw' as type, txid, token, amount, status FROM OutputToken WHERE floID=?)" +
+                "UNION (SELECT 'withdraw' as type, txid, 'FLO' as token, amount, status FROM OutputFLO WHERE floID=?)",
                 [floID, floID, floID, floID])
             .then(result => resolve(result))
             .catch(error => reject(error))

From 142eb0d22fe283658b8dcc9ae6d8d037c5d792c4 Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Wed, 25 May 2022 19:41:19 +0530
Subject: [PATCH 110/168] testing pwa functionality

---
 docs/css/main.css                  |  13 +++++++-
 docs/css/main.min.css              |   2 +-
 docs/css/main.scss                 |  11 +++++-
 docs/images/icons/icon-128x128.png | Bin 0 -> 5591 bytes
 docs/images/icons/icon-144x144.png | Bin 0 -> 6477 bytes
 docs/images/icons/icon-152x152.png | Bin 0 -> 6994 bytes
 docs/images/icons/icon-192x192.png | Bin 0 -> 9367 bytes
 docs/images/icons/icon-384x384.png |   0
 docs/images/icons/icon-512x512.png | Bin 0 -> 11516 bytes
 docs/images/icons/icon-72x72.png   | Bin 0 -> 2521 bytes
 docs/images/icons/icon-96x96.png   | Bin 0 -> 3757 bytes
 docs/index.html                    |  10 ++++--
 docs/manifest.json                 |  52 +++++++++++++++++++++++++++++
 docs/scripts/serviceworker.js      |   6 ++++
 14 files changed, 89 insertions(+), 5 deletions(-)
 create mode 100644 docs/images/icons/icon-128x128.png
 create mode 100644 docs/images/icons/icon-144x144.png
 create mode 100644 docs/images/icons/icon-152x152.png
 create mode 100644 docs/images/icons/icon-192x192.png
 create mode 100644 docs/images/icons/icon-384x384.png
 create mode 100644 docs/images/icons/icon-512x512.png
 create mode 100644 docs/images/icons/icon-72x72.png
 create mode 100644 docs/images/icons/icon-96x96.png
 create mode 100644 docs/manifest.json
 create mode 100644 docs/scripts/serviceworker.js

diff --git a/docs/css/main.css b/docs/css/main.css
index 0ff90df..e6236df 100644
--- a/docs/css/main.css
+++ b/docs/css/main.css
@@ -1433,12 +1433,23 @@ sm-checkbox {
     flex: 1;
   }
 
+  #asset_page__footer button {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    flex: 1;
+    padding: 0.5rem 0;
+    color: rgba(var(--text-color), 0.8);
+    font-size: 0.8rem;
+    font-weight: 500;
+  }
   #asset_page__footer button .icon {
+    height: 1.2rem;
+    margin-bottom: 0.3rem;
     margin-right: 0.3rem;
   }
   #asset_page__footer button.active {
     color: var(--accent-color);
-    background-color: rgba(var(--text-color), 0.03);
   }
   #asset_page__footer button.active .icon {
     fill: var(--accent-color);
diff --git a/docs/css/main.min.css b/docs/css/main.min.css
index aca58cf..e152aa6 100644
--- a/docs/css/main.min.css
+++ b/docs/css/main.min.css
@@ -1 +1 @@
-*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #516beb;--text-color: 20, 20, 20;--foreground-color: 252, 253, 255;--background-color: 241, 243, 248;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a4b3ff;--text-color: 220, 220, 220;--foreground-color: 27, 28, 29;--background-color: 21, 22, 22;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{text-decoration:none;color:var(--accent-color)}a:focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a.button{padding:.4rem .6rem;border-radius:.3rem;font-size:.9rem;font-weight:500;color:inherit}fieldset{border:none}button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:500;white-space:nowrap;padding:.8rem;border-radius:.3rem;justify-content:center}button:focus-visible{outline:var(--accent-color) solid medium}button:not(:disabled){cursor:pointer}.button{background-color:rgba(var(--text-color), 0.06)}.button--primary,.button--danger{color:rgba(var(--background-color), 1) !important}.button--primary .icon,.button--danger .icon{fill:rgba(var(--background-color), 1)}.button--primary{background-color:var(--accent-color)}.button--danger{background-color:var(--danger-color)}.button--small{padding:.4rem .6rem}.cta{text-transform:uppercase;font-size:.8rem;font-weight:700;letter-spacing:.05em;padding:.8rem 1rem}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}input{accent-color:var(--accent-color)}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}sm-copy{font-size:.9rem}ul{list-style:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wrap-around{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.direction-column{flex-direction:column}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.5rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem;align-items:center;justify-items:flex-start}.popup__header__close{padding:.5rem;margin-left:-0.5rem}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:auto}.logo h4{text-transform:capitalize;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details:not(:last-of-type){border-bottom:thin solid rgba(var(--text-color), 0.3)}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}details .icon{flex-shrink:0}details[open]{padding-bottom:1rem}details[open] summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.9rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.tooltip{position:relative;z-index:8;cursor:pointer}.tooltip .banner{position:absolute;right:0;width:min(20rem,100vw - 1rem);display:none;font-size:.9rem;background-color:rgba(var(--foreground-color), 1);padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.1);border:solid thin rgba(var(--text-color), 0.2)}.tooltip:hover .banner{display:block}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem;width:100%;align-items:center}#user_popup_button{background-color:rgba(var(--text-color), 0.06);border-radius:2rem;font-size:.8rem}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto}#pages_container>*{padding:0 1.5rem;min-width:min(26rem,100%)}.listed-asset{position:relative;gap:.5rem;padding:1rem 0;border-radius:.5rem;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;grid-template-columns:auto 1fr auto auto;grid-template-areas:"icon name rate right-arrow" "icon name countdown right-arrow"}.listed-asset__icon{grid-area:icon;padding:.5rem;border-radius:1rem;display:flex;background-color:var(--accent-color)}.listed-asset__icon .icon{height:1.2rem;width:1.2rem;fill:rgba(var(--background-color), 1)}.listed-asset__name{grid-area:name;margin-left:.3rem}.listed-asset__rate{grid-area:rate}.listed-asset__countdown{display:flex;align-items:center;grid-area:countdown;justify-self:flex-end;font-size:.8rem;color:var(--accent-color)}.listed-asset__countdown .icon{margin-left:.3rem;overflow:visible;stroke-width:3;fill:none}.listed-asset__countdown .icon .path-a{stroke:var(--accent-color);stroke-dashoffset:var(--path-length, 0);stroke-dasharray:63}.listed-asset__countdown .icon .path-b{stroke:rgba(var(--text-color), 0.2)}.listed-asset__right-arrow{grid-area:right-arrow;background-color:rgba(var(--text-color), 0.1);border-radius:1rem;padding:.1rem;margin-left:.3rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#portfolio_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{position:relative;display:flex;flex-direction:column;height:100%;align-items:flex-start}#asset_page_wrapper{display:flex;flex-direction:column;height:100%;width:100%}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(46rem,100%)}#my_orders{grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;grid-template-columns:-webkit-min-content 1fr auto;grid-template-columns:min-content 1fr auto;border-radius:.5rem;grid-template-areas:"checkbox quantity quantity time" "checkbox price amount cancel"}.order-card>.grid:nth-of-type(2){grid-area:price}.order-card>.grid:nth-of-type(3){grid-area:amount}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{grid-area:checkbox;cursor:pointer;margin-right:.5rem}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{grid-area:time;font-size:.8rem;color:rgba(var(--text-color), 0.8)}.order-card .cancel-order{grid-area:cancel;color:var(--danger-color)}.order-card .cancel-order .icon{fill:var(--danger-color)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.completed-trade,.transaction-card,.live-order{gap:0 1rem}.completed-trade__type,.transaction-card__type,.live-order__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.completed-trade[data-type=Bought] .completed-trade__type,.completed-trade--buy .completed-trade__type,.completed-trade[data-type=Bought] .transaction-card__type,.completed-trade--buy .transaction-card__type,.completed-trade[data-type=Bought] .live-order__type,.completed-trade--buy .live-order__type,.transaction-card[data-type=Bought] .completed-trade__type,.transaction-card--buy .completed-trade__type,.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type,.transaction-card[data-type=Bought] .live-order__type,.transaction-card--buy .live-order__type,.live-order[data-type=Bought] .completed-trade__type,.live-order--buy .completed-trade__type,.live-order[data-type=Bought] .transaction-card__type,.live-order--buy .transaction-card__type,.live-order[data-type=Bought] .live-order__type,.live-order--buy .live-order__type{color:var(--green)}.completed-trade[data-type=Sold] .completed-trade__type,.completed-trade--sell .completed-trade__type,.completed-trade[data-type=Sold] .transaction-card__type,.completed-trade--sell .transaction-card__type,.completed-trade[data-type=Sold] .live-order__type,.completed-trade--sell .live-order__type,.transaction-card[data-type=Sold] .completed-trade__type,.transaction-card--sell .completed-trade__type,.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type,.transaction-card[data-type=Sold] .live-order__type,.transaction-card--sell .live-order__type,.live-order[data-type=Sold] .completed-trade__type,.live-order--sell .completed-trade__type,.live-order[data-type=Sold] .transaction-card__type,.live-order--sell .transaction-card__type,.live-order[data-type=Sold] .live-order__type,.live-order--sell .live-order__type{color:var(--danger-color)}.completed-trade__total,.transaction-card__total,.live-order__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.completed-trade__quantity,.completed-trade__price,.transaction-card__quantity,.transaction-card__price,.live-order__quantity,.live-order__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.completed-trade__time,.transaction-card__time,.live-order__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.completed-trade .more-info,.transaction-card .more-info,.live-order .more-info{flex-shrink:0;padding:.3rem}.transaction-card{content-visibility:auto;contain-intrinsic-size:2.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.completed-trade{display:grid;gap:.5rem;grid-template-columns:1fr 1fr;background-color:rgba(var(--text-color), 0.03);border-radius:.5rem;padding:1rem;margin-bottom:.5rem}#market_asset_rates{display:grid;gap:.5rem}#market_asset_rates .listed-asset{padding:1rem;background-color:rgba(var(--text-color), 0.03)}#market_orders_wrapper .list__header{font-size:.8rem;font-weight:500}#market_orders_wrapper .list__header div{padding:.5rem 0}#market_orders_wrapper .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.live-order{display:grid;gap:1rem;padding:1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.03)}.live-order:not(:last-of-type){margin-bottom:.5rem}.live-order[data-type=buy]{background-color:#00fa9a10}.live-order[data-type=sell]{background-color:#e2135110}#portfolio{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start;width:min(32rem,100%)}.portfolio_actions__wrapper{grid-column:1/-1;justify-content:flex-end;gap:.3rem;padding-top:1rem}.portfolio_actions__wrapper .button{color:var(--accent-color);padding:.5rem .8rem;flex-shrink:0}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem;padding-bottom:1.5rem;border:none}.balance-card{display:grid;align-items:center;gap:0 .5rem;padding:1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.03)}.balance-card.is-locked{grid-template-columns:auto auto 1fr auto}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto auto 1fr auto auto}.balance-card input{align-self:center}.balance-card__icon{display:flex;align-content:center;justify-content:center;margin:0 .5rem;border-radius:.8rem;align-self:flex-start;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{margin-top:.5rem;grid-column:3/-1;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#portfolio_cards_wrapper{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit, minmax(12rem, 1fr))}.personal-asset-balance{align-content:flex-start;padding:1rem;border-radius:.5rem;color:rgba(0,0,0,.8);width:100%}.personal-asset-balance:not(:last-of-type){margin-right:.5rem}.personal-asset-balance:nth-of-type(1){background:url("bg-art2.svg") no-repeat bottom right,#c2ffd7;background-size:contain}.personal-asset-balance:nth-of-type(1) .icon{background-color:rgba(102,255,156,.5)}.personal-asset-balance:nth-of-type(1) .button{border:solid thin rgba(102,255,156,.5)}.personal-asset-balance:nth-of-type(2){background:url("back.svg") no-repeat top right,#fcffa8;background-size:contain}.personal-asset-balance:nth-of-type(2) .icon{background-color:rgba(255,234,0,.5)}.personal-asset-balance>.flex{margin-bottom:.3rem}.personal-asset-balance>.flex .icon{height:2rem;width:2rem;padding:.4rem;border-radius:.3rem;fill:rgba(0,0,0,.8);margin-right:.5rem}.personal-asset-balance .button{display:flex;align-items:center;margin-top:.5rem;padding-right:.8rem;justify-self:flex-start;border-radius:1rem;background-color:rgba(var(--foreground-color), 1);color:rgba(var(--text-color), 1);transition:box-shadow .3s}.personal-asset-balance .button .icon{height:1rem;background-color:transparent;margin-right:.3rem}.personal-asset-balance .button:hover{box-shadow:0 .3rem .5rem rgba(0,0,0,.16)}#personal_rupee_balance span:first-of-type,#personal_flo_balance span:first-of-type{font-size:1.5rem}#personal_rupee_balance span:last-of-type,#personal_flo_balance span:last-of-type{font-size:.9rem}#portfolio_result{justify-content:center;text-align:center}#portfolio_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#portfolio_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#portfolio_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}#help{width:min(60ch,100%);margin-bottom:3rem;align-content:flex-start}#help ul{list-style:initial;display:grid;gap:1rem}#help ul li{margin-left:1rem;padding-left:.5rem;font-size:.9rem}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}#main_header{padding:1.5rem}#user_popup_button{width:100%}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}#asset_list_wrapper{padding:0 1.5rem}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#exchange{margin:0;padding:0}#login_form{padding:0 1.5rem}#asset_page__header{display:flex;padding:1rem 1.5rem .5rem .8rem}#chart_header{padding:0 1.5rem .5rem 1.5rem}#trade_form{padding:0 1.5rem}#price_chart_container{flex:1}#asset_page__footer button .icon{margin-right:.3rem}#asset_page__footer button.active{color:var(--accent-color);background-color:rgba(var(--text-color), 0.03)}#asset_page__footer button.active .icon{fill:var(--accent-color)}.hide-on-mobile{display:none !important}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.popup__header{grid-column:1/-1;padding:1rem 1.5rem 0 1.5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#user_popup_button{justify-self:flex-end}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}#pages_container>*{margin:0 1.5rem;padding:2rem}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:17rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:2rem;background-color:var(--accent-color)}.order-card{grid-template-columns:auto 1fr 1fr 1fr auto;grid-template-areas:"checkbox quantity price amount time cancel"}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 52rem){body:not(.is-signed-in) #market{gap:2rem;width:100%;grid-template-columns:18rem 1fr}.completed-trade{grid-template-columns:1fr 1fr 1fr 8rem;grid-template-areas:"quantity price amount info"}.completed-trade .quantity-block{grid-area:quantity}.completed-trade .price-block{grid-area:price}.completed-trade .amount-block{grid-area:amount}.completed-trade .info-block{grid-area:info}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page_wrapper{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}}
\ No newline at end of file
+*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #516beb;--text-color: 20, 20, 20;--foreground-color: 252, 253, 255;--background-color: 241, 243, 248;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a4b3ff;--text-color: 220, 220, 220;--foreground-color: 27, 28, 29;--background-color: 21, 22, 22;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{text-decoration:none;color:var(--accent-color)}a:focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a.button{padding:.4rem .6rem;border-radius:.3rem;font-size:.9rem;font-weight:500;color:inherit}fieldset{border:none}button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:500;white-space:nowrap;padding:.8rem;border-radius:.3rem;justify-content:center}button:focus-visible{outline:var(--accent-color) solid medium}button:not(:disabled){cursor:pointer}.button{background-color:rgba(var(--text-color), 0.06)}.button--primary,.button--danger{color:rgba(var(--background-color), 1) !important}.button--primary .icon,.button--danger .icon{fill:rgba(var(--background-color), 1)}.button--primary{background-color:var(--accent-color)}.button--danger{background-color:var(--danger-color)}.button--small{padding:.4rem .6rem}.cta{text-transform:uppercase;font-size:.8rem;font-weight:700;letter-spacing:.05em;padding:.8rem 1rem}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}input{accent-color:var(--accent-color)}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}sm-copy{font-size:.9rem}ul{list-style:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wrap-around{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.direction-column{flex-direction:column}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.5rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem;align-items:center;justify-items:flex-start}.popup__header__close{padding:.5rem;margin-left:-0.5rem}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:auto}.logo h4{text-transform:capitalize;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details:not(:last-of-type){border-bottom:thin solid rgba(var(--text-color), 0.3)}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}details .icon{flex-shrink:0}details[open]{padding-bottom:1rem}details[open] summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.9rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.tooltip{position:relative;z-index:8;cursor:pointer}.tooltip .banner{position:absolute;right:0;width:min(20rem,100vw - 1rem);display:none;font-size:.9rem;background-color:rgba(var(--foreground-color), 1);padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.1);border:solid thin rgba(var(--text-color), 0.2)}.tooltip:hover .banner{display:block}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem;width:100%;align-items:center}#user_popup_button{background-color:rgba(var(--text-color), 0.06);border-radius:2rem;font-size:.8rem}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto}#pages_container>*{padding:0 1.5rem;min-width:min(26rem,100%)}.listed-asset{position:relative;gap:.5rem;padding:1rem 0;border-radius:.5rem;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;grid-template-columns:auto 1fr auto auto;grid-template-areas:"icon name rate right-arrow" "icon name countdown right-arrow"}.listed-asset__icon{grid-area:icon;padding:.5rem;border-radius:1rem;display:flex;background-color:var(--accent-color)}.listed-asset__icon .icon{height:1.2rem;width:1.2rem;fill:rgba(var(--background-color), 1)}.listed-asset__name{grid-area:name;margin-left:.3rem}.listed-asset__rate{grid-area:rate}.listed-asset__countdown{display:flex;align-items:center;grid-area:countdown;justify-self:flex-end;font-size:.8rem;color:var(--accent-color)}.listed-asset__countdown .icon{margin-left:.3rem;overflow:visible;stroke-width:3;fill:none}.listed-asset__countdown .icon .path-a{stroke:var(--accent-color);stroke-dashoffset:var(--path-length, 0);stroke-dasharray:63}.listed-asset__countdown .icon .path-b{stroke:rgba(var(--text-color), 0.2)}.listed-asset__right-arrow{grid-area:right-arrow;background-color:rgba(var(--text-color), 0.1);border-radius:1rem;padding:.1rem;margin-left:.3rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#portfolio_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{position:relative;display:flex;flex-direction:column;height:100%;align-items:flex-start}#asset_page_wrapper{display:flex;flex-direction:column;height:100%;width:100%}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(46rem,100%)}#my_orders{grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;grid-template-columns:-webkit-min-content 1fr auto;grid-template-columns:min-content 1fr auto;border-radius:.5rem;grid-template-areas:"checkbox quantity quantity time" "checkbox price amount cancel"}.order-card>.grid:nth-of-type(2){grid-area:price}.order-card>.grid:nth-of-type(3){grid-area:amount}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{grid-area:checkbox;cursor:pointer;margin-right:.5rem}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{grid-area:time;font-size:.8rem;color:rgba(var(--text-color), 0.8)}.order-card .cancel-order{grid-area:cancel;color:var(--danger-color)}.order-card .cancel-order .icon{fill:var(--danger-color)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.completed-trade,.transaction-card,.live-order{gap:0 1rem}.completed-trade__type,.transaction-card__type,.live-order__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.completed-trade[data-type=Bought] .completed-trade__type,.completed-trade--buy .completed-trade__type,.completed-trade[data-type=Bought] .transaction-card__type,.completed-trade--buy .transaction-card__type,.completed-trade[data-type=Bought] .live-order__type,.completed-trade--buy .live-order__type,.transaction-card[data-type=Bought] .completed-trade__type,.transaction-card--buy .completed-trade__type,.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type,.transaction-card[data-type=Bought] .live-order__type,.transaction-card--buy .live-order__type,.live-order[data-type=Bought] .completed-trade__type,.live-order--buy .completed-trade__type,.live-order[data-type=Bought] .transaction-card__type,.live-order--buy .transaction-card__type,.live-order[data-type=Bought] .live-order__type,.live-order--buy .live-order__type{color:var(--green)}.completed-trade[data-type=Sold] .completed-trade__type,.completed-trade--sell .completed-trade__type,.completed-trade[data-type=Sold] .transaction-card__type,.completed-trade--sell .transaction-card__type,.completed-trade[data-type=Sold] .live-order__type,.completed-trade--sell .live-order__type,.transaction-card[data-type=Sold] .completed-trade__type,.transaction-card--sell .completed-trade__type,.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type,.transaction-card[data-type=Sold] .live-order__type,.transaction-card--sell .live-order__type,.live-order[data-type=Sold] .completed-trade__type,.live-order--sell .completed-trade__type,.live-order[data-type=Sold] .transaction-card__type,.live-order--sell .transaction-card__type,.live-order[data-type=Sold] .live-order__type,.live-order--sell .live-order__type{color:var(--danger-color)}.completed-trade__total,.transaction-card__total,.live-order__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.completed-trade__quantity,.completed-trade__price,.transaction-card__quantity,.transaction-card__price,.live-order__quantity,.live-order__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.completed-trade__time,.transaction-card__time,.live-order__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.completed-trade .more-info,.transaction-card .more-info,.live-order .more-info{flex-shrink:0;padding:.3rem}.transaction-card{content-visibility:auto;contain-intrinsic-size:2.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.completed-trade{display:grid;gap:.5rem;grid-template-columns:1fr 1fr;background-color:rgba(var(--text-color), 0.03);border-radius:.5rem;padding:1rem;margin-bottom:.5rem}#market_asset_rates{display:grid;gap:.5rem}#market_asset_rates .listed-asset{padding:1rem;background-color:rgba(var(--text-color), 0.03)}#market_orders_wrapper .list__header{font-size:.8rem;font-weight:500}#market_orders_wrapper .list__header div{padding:.5rem 0}#market_orders_wrapper .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.live-order{display:grid;gap:1rem;padding:1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.03)}.live-order:not(:last-of-type){margin-bottom:.5rem}.live-order[data-type=buy]{background-color:#00fa9a10}.live-order[data-type=sell]{background-color:#e2135110}#portfolio{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start;width:min(32rem,100%)}.portfolio_actions__wrapper{grid-column:1/-1;justify-content:flex-end;gap:.3rem;padding-top:1rem}.portfolio_actions__wrapper .button{color:var(--accent-color);padding:.5rem .8rem;flex-shrink:0}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem;padding-bottom:1.5rem;border:none}.balance-card{display:grid;align-items:center;gap:0 .5rem;padding:1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.03)}.balance-card.is-locked{grid-template-columns:auto auto 1fr auto}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto auto 1fr auto auto}.balance-card input{align-self:center}.balance-card__icon{display:flex;align-content:center;justify-content:center;margin:0 .5rem;border-radius:.8rem;align-self:flex-start;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{margin-top:.5rem;grid-column:3/-1;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#portfolio_cards_wrapper{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit, minmax(12rem, 1fr))}.personal-asset-balance{align-content:flex-start;padding:1rem;border-radius:.5rem;color:rgba(0,0,0,.8);width:100%}.personal-asset-balance:not(:last-of-type){margin-right:.5rem}.personal-asset-balance:nth-of-type(1){background:url("bg-art2.svg") no-repeat bottom right,#c2ffd7;background-size:contain}.personal-asset-balance:nth-of-type(1) .icon{background-color:rgba(102,255,156,.5)}.personal-asset-balance:nth-of-type(1) .button{border:solid thin rgba(102,255,156,.5)}.personal-asset-balance:nth-of-type(2){background:url("back.svg") no-repeat top right,#fcffa8;background-size:contain}.personal-asset-balance:nth-of-type(2) .icon{background-color:rgba(255,234,0,.5)}.personal-asset-balance>.flex{margin-bottom:.3rem}.personal-asset-balance>.flex .icon{height:2rem;width:2rem;padding:.4rem;border-radius:.3rem;fill:rgba(0,0,0,.8);margin-right:.5rem}.personal-asset-balance .button{display:flex;align-items:center;margin-top:.5rem;padding-right:.8rem;justify-self:flex-start;border-radius:1rem;background-color:rgba(var(--foreground-color), 1);color:rgba(var(--text-color), 1);transition:box-shadow .3s}.personal-asset-balance .button .icon{height:1rem;background-color:transparent;margin-right:.3rem}.personal-asset-balance .button:hover{box-shadow:0 .3rem .5rem rgba(0,0,0,.16)}#personal_rupee_balance span:first-of-type,#personal_flo_balance span:first-of-type{font-size:1.5rem}#personal_rupee_balance span:last-of-type,#personal_flo_balance span:last-of-type{font-size:.9rem}#portfolio_result{justify-content:center;text-align:center}#portfolio_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#portfolio_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#portfolio_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}#help{width:min(60ch,100%);margin-bottom:3rem;align-content:flex-start}#help ul{list-style:initial;display:grid;gap:1rem}#help ul li{margin-left:1rem;padding-left:.5rem;font-size:.9rem}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}#main_header{padding:1.5rem}#user_popup_button{width:100%}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}#asset_list_wrapper{padding:0 1.5rem}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#exchange{margin:0;padding:0}#login_form{padding:0 1.5rem}#asset_page__header{display:flex;padding:1rem 1.5rem .5rem .8rem}#chart_header{padding:0 1.5rem .5rem 1.5rem}#trade_form{padding:0 1.5rem}#price_chart_container{flex:1}#asset_page__footer button{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0;color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}#asset_page__footer button .icon{height:1.2rem;margin-bottom:.3rem;margin-right:.3rem}#asset_page__footer button.active{color:var(--accent-color)}#asset_page__footer button.active .icon{fill:var(--accent-color)}.hide-on-mobile{display:none !important}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.popup__header{grid-column:1/-1;padding:1rem 1.5rem 0 1.5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#user_popup_button{justify-self:flex-end}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}#pages_container>*{margin:0 1.5rem;padding:2rem}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:17rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:2rem;background-color:var(--accent-color)}.order-card{grid-template-columns:auto 1fr 1fr 1fr auto;grid-template-areas:"checkbox quantity price amount time cancel"}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 52rem){body:not(.is-signed-in) #market{gap:2rem;width:100%;grid-template-columns:18rem 1fr}.completed-trade{grid-template-columns:1fr 1fr 1fr 8rem;grid-template-areas:"quantity price amount info"}.completed-trade .quantity-block{grid-area:quantity}.completed-trade .price-block{grid-area:price}.completed-trade .amount-block{grid-area:amount}.completed-trade .info-block{grid-area:info}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page_wrapper{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}}
\ No newline at end of file
diff --git a/docs/css/main.scss b/docs/css/main.scss
index 87d189a..f42baed 100644
--- a/docs/css/main.scss
+++ b/docs/css/main.scss
@@ -1279,12 +1279,21 @@ sm-checkbox {
   }
   #asset_page__footer {
     button {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      flex: 1;
+      padding: 0.5rem 0;
+      color: rgba(var(--text-color), 0.8);
+      font-size: 0.8rem;
+      font-weight: 500;
       .icon {
+        height: 1.2rem;
+        margin-bottom: 0.3rem;
         margin-right: 0.3rem;
       }
       &.active {
         color: var(--accent-color);
-        background-color: rgba(var(--text-color), 0.03);
         .icon {
           fill: var(--accent-color);
         }
diff --git a/docs/images/icons/icon-128x128.png b/docs/images/icons/icon-128x128.png
new file mode 100644
index 0000000000000000000000000000000000000000..5c63fb5e9032651c39a27a93e57d9ea21d3a0591
GIT binary patch
literal 5591
zcmV;|6)5V7P)<h;3K|Lk000e1NJLTq004jh004jp1^@s6!#-il00009a7bBm000XU
z000XU0RWnu7ytkjiAh93RCwC$T?dpDRTg~{5L^QyE-SJsf)QC4#Z>_@AqLE8&A=$j
zin@xJ7FPttu%e>J0GJSS4lpWa%$Nl^7%(Tys3?Y^XJ+di{yTO1_4`#dtliDX|L6SE
z-81#3dg|U6e<E74Ta|n5AN2)MpA_}(#_x5jbg%!8`Y%y`AnH43kmJ@W>T{z0Wz<JU
zeO2S{hE}3h;a;akz0vht)F(!LwG?1lMEwnr<9<ifJ9*^feQzc6dDM^1NS@Gs!zO@q
zje0}W>zp<VFkeS~2wY#S0NTx6_mi_8A~!$kM<vKz=&qaV?kjT7DeDugL5a-&B@Tdt
zqTV^`wMs)DjQW}YN|mx2n@7E4)E`%J_eZ_GB0&d7n7QtE2S@!okg1RQNP|3~70L9k
z>K^(u_4~n5{}q5?kOsi-d%B-rrsU3ZKNrnrKYsxH{xbLTec)$Ix@Um^jqdY$K-7u=
zS#h*~jC<f)fL|BW%jWofrPbF(eTAss>ppJ?a?;q6EL3s~d>{AzRYSuW;49qk>)h)C
zXCZ=1D3b5*=pOW4#sd~$R*Cv_cb!;-Z`|u`O0EKk)g$Wj6refxI!uuegT9m0wcN*s
z0I@g(xYj-3%{&@b4X+XxEClmDK1GhL!zVx<k=w<v8WmvXYru`vK|HZsAi-~E`nPfq
zwpPUizU#@=2t+$YLr0{LVEw3ntSrGCXML<7PwsapSOCdPUWS@MAi@6;`0+!Z=^kp&
z4F0tWH1<=l1Om_y4=636SR}*|x%V@WU?AK>+|PTEkpvPfruL6?5A)6x?bmXnRA7gG
zdVmqsacdp*cOa-kFxfqHOCiDWaIZQb&+35$i|6;dz=Q1G1nu7fH1Kfv8)yl31uzBB
z(;=<f5#oS4C>m|<A%T3a@o+DZdp+tah3uf|=Kp^804Fx#;W03;IJqO;&yF<W0S2fq
z$aQr^pGHXM&Vg%%Jl{usBSWLnGCgIGV4COJ&^!UzAkezb83-V9Cp)<pRZ-?f00l{~
zgZupx9-v+{%sN|^wg#A0kh0E$Vo_a6CK8%@Fl)G~96z)(GWbuCTgMTG<@Q$T8<%pw
z22g|q3=|G7^>EiO<6e70nun?0WREsitIQzh<Z>$h2=PEdyAM*Z<(ptO#br!2G6@XQ
z7E*pGSNb?l(PxsXD~SAH512y8DIix5E~I0y1b!2K0syjK25k|!VW4r{jjA8FHneCs
z7s1aZm~|Y1tOrXV@4t$AJA<Giw^<Xd$5Ib|Pk2aEGCU-dlXPvYhcxnetkUKj6mF8-
z%RS0^)TP`{<Z3<l+bg(&{0G&>X`z_ObyCcvJUFhlec<HYrA3237IA#qj2gX%0gAle
z8!QLP@W|t82?1e$Pb}~nh2i782lfz{{$oA4wg!_Q@^p~fGexW9=eH|ume+d|tPbb#
zpD7ZE+zAP3A<rrJK@m>m1}@E300&gA01zL|XfcT5VP5XnX0#Y=X=W*{Yyg0)f|GpD
zTNPnMn_o!z&ePTPIY?D$X$Svw0P)ADubluSYRX+8_pt-kr@bP#q5}&-)B&31)5Q`U
zr~G*X0J@R!z2*HihMc&NzDrw1fZz{T0o9-c(_aPhla<^~38qy3R%-wsXAd<f-#pU*
zLq2b>WYC=d%lPiqs-jp&g+s@qQ{3I}GT`GjLV<B(f+kdhAD%|><W7D)Hv{-<MSV8q
z57#y-(=YFTc7-UkCi2?J{T^k70M{7bU+#Yj5I_^>`lZDJAj2<G8u7L>&)S4nz=PSy
zU5DU5=?N$+;qx{wUvC8PSj%UqdH~M&-NpmT3KUNY)t2M=gsR}F1_4Cwv86%lMLXL<
zwGIQRza{uxZZ!bjFHnS8JwfZZok)cfHCT=(a6YF3GPDA_8E%K$pIn?`rI1`;`h$l6
zBNPGfzB7KWSwN-w$NEM6BX|%wRZguoNYK`q$VO!`xc5nr<5KH=a4il4_jcFJGc16B
z(@zmgUjM3sM||b^1ML-I^e{6LK<@h%#p4dmHlV8jz%`pYD-dyL^%8f@GKRV3!IZh6
zE%os5j&|3yGF-+`S4hGdd``)&Yxr^`Kp&&tK(2b%sJ;uv4xJSNMD9|9z(RmI&6xm6
zZPTbvfFg(hAz;)RGCYxz>;F$H!l2JQ%aG#%Bc8keiXkUty9ln|)c_se@2ChMntYm}
z$qf*f{MnO=PNBj{s?FX7EF1Md(xR!@{Eu(!z&pnUM2!X*^-!|q**+W4qD7iKVPhhc
zbW!UYRr!?7a5pE%dHGEg&*nv~Z!jYCssxjaLEzS&AaJTtLy+(I4Fs~-Si9db+>QKC
z)0z|L@&Na7W_G^Q@C8)3xIz~`Q2T#y(R95blT#JCoYJy7k6gW~w8=GB8JWWLgaGhY
zC`Mt;qMeExbPzbxQwr{??xW+98xjgwOKd9lAF{{O>mk6yV5i>5z47xxrMZpjZ)BBg
zP=5AI<GXKU1bzr4PvUH8kbZ#YdkK&?c>=(phWW?ud3tjy1c^!Pqrh!Yz0m-JCtF;Q
zAlK-Ty9n}V-@WuSZnjSQD{T}Y&oiu3g8`(@0PgaXkmd6*50FoKtc?)v?+JyhB{J%l
zirg2Th`2$q9T!|K4@DU*SFeEQI6;PI*Y{{`g92Vg^g4R-__peMTLqo{K~}(Do8oEW
z76J8GfXMao$jH6frF3XcE&#viWEFHRG~$4(sc^}4njHK2F)E;H1y#Tt$f0ZDeEJ~6
zbX%@#p$CvR-M#eR7)Sm=phg!{SeEjx6l-&3b1VbPLm5Ja3oc|tj{}>{l#GBd(#VOW
zLU%F66G2GT6~=kuj#;jl)Y2#)BVl>c#<w2r*8@7J{oM@nt>un3zVG%aZp%0H+-xiW
zYv`+B=BKy^xTdEjj{_<)bC(M}yyE9@mr^3|dR`uz;rHA_=Rj?etJqa~v|j)0Dvu8r
zGH@!{#)$qOPLbnDA}g!!+Jf@u99V-#wav}+TO{DYkxk$Mkl_a{Ii7mG6~!}t$<RFC
z{W>Z$ofJUH&-*6$Zvo_F!&)8XG2v*zMi_D<JfuPS-px__El}`tbp}RTa#f2VSD6wy
zS3uzTwnrO9i+MsxYZWhafxxfcBln3Rw;{zt-1Q!^-P+v2Cy$wLicIBVlCGi&_aKUA
z<J1{N9|7c_V7kf06EhRESbkPxq<&8&$Vs7TgWnSYmgIufU@DyZr@?>9Ak7UKNb{g^
zztJA>@o$~kobvwW41NzV`92fA(2Xrf&7Rvy34UMXaJ^znD34nMOz3)M!+pY{kRqn2
zt5g0^vQLXofI0)W-N~LVrU!8PD>)wd{Mkb`yzf>)`-@+uUJlaJBvU+D`TcGX^yL!d
zE>jkR)7sB7$c+x*7ax3Xk7V%QTxMPgWO#MahZ#uogeo+3pm;S?lH6kfqSAmrIRSjp
z&Y!^VbK`k@FJ~YP7oS!Exs@rNX`Cd-)8N{LsK5B&>(M$Z=)?Jb5`;aN0Yn~M><ahd
zis6h5WUF)WK`{L#0^ge9gQJdvl<e&pKxFx?7Xy5~4^e1Ei1xMFx4;+eAFjZ^n(T=h
zI+*JR_u`SwSsB3(JAo7#e15$zBlx4#-?$<J__*3wQp>k9f`3>5zqsIYs`q#b_`X@h
zivxZ~iZ`N8iWT_2`-Xt8xZvXo-#SmgCz^k@`WshfH2b@O%({>wrUi=I2F))n_?(8l
zk`esT>TleX0sMO9^LeQItAspXe#X0xZ5#r=;xu`nykhsQ1Wm+f|1^+q39*6&KJNLm
z1IY1=rtdNod3Z>8g8+VU!B6wS=(|q@d7cD1Jt0;QV0ju_Z;<0z&kHhu&);dS0Df`7
z??Um)pEU3XgM23=YH#%T?#)4N56T}cOagz+0Df`7=Sh>_Wbnb<4+MEG_0G)@xP1qe
zI-+>-N7}&79Ez8w2k?soezz1KjJ_KWf!s8soCg1pjNtRm->U`iiyQ5;U;Qith-|)l
zfPA+mfRAVX^~(r8mw;Cesa|oK6i!;FMEgDvnKYj-2KekQe#!touS{+ez%PD#AVa{X
z&398sgK{fEpqNA&zNUQuzxbyAtPJ4)N`<F(OwAzoBY-cnd2XX@^8iA?R|4?+l7CVq
zj^|66R_5c4NGT4<Yab<7L;lI1IjHb;4&WEBRRAb&c>FL<#vH0NxVr+`HyLw(CC59O
z%%kKP!<MB9tw`EGJcB8|0fI##&O;geH!j_hK=XRf{cz3S0RjBdXg?3|=)DHCDSnUQ
z<>CU!c4V)<^)22IvTaG}>jW<d0bl8~e;E0fQi(S13E+zsUq{JHusF3_7w#p5t2N~G
z;*A!Hq@fkD;i+8K-aGdirk_^{&-GXUkvkViBXa9gyl~UEYsc<E`%7p3HzfZOY9Yhc
zh7a#Wg}Z%Y0LK9yp5h^H<48*0>Ep!!O=->l;bb4&fEzGday5q4K<%HPu20&r6Xk}6
zz^^n-9`Jw39;+8XPEi2r!y)TDY2WrrPAtwX<ewN)=Uhba{UvB(%9AE&TDxdedn$%#
z{&~Ba)*hF0vvEJ%v$sWnX2~JIe2SN1>CKnN7z7Zv@pMAWaVz=v?7c6*QhFC~F8Q}n
zf0qh((N5ZbU);v+h8efc56*JpM`%S30tXpEpb%h|VUk5|pb-QLkk=VNiro1L#F-EX
zP@Xi<w}q-@0r2=3Ehj+UX;=Uuz@Y}=L~ddrKzZ7;Wbfd`JBqLBiOLzI*T_DR^Z5kA
z@gUIm9^%{^peT<Us3HG=&W`F@e1EbE1jTZEYXpy|*%Li-Z-y+Od_<T@h3o2lN5bL8
z&vTU(NGj(F0eBII-p5bwxpt@nl*bC_eRc6brIrbDhm(Cg%=HEV@bl@4Xd*XCWgDTD
zkOVp<6l*Zh1Bz(rBqOrVvKiwvLyl_?9YZi!zBUyA6f3~z?JS#++w*HJfGOI1i^mEG
zu<cx?q2=xf1SoyOE#6)*KpE!&1wSJR^nQN6dIB#W``C~>BDjL`kzhrNPaQ*0j!Mz!
z3a7n#)lhE_m`DQI>g^W@Dtmay6Iu!40XF%#q+8s<U;w?sV+k&%!V^6)okTey1=ky<
zQ~qJrUqV(8NKgh#!0kdR9PAlx5Jt-#L4_xo{KIoC&KbByk>>*lCbMj5A6gMez>7A2
zRB78dLyN@?h%8STpQT7J)+2}a8%+5}%yVXNu!nS^6|o_he2&l)3QXSSeJudc(&`qF
zUP|X}Th}n;@P1t=-uGYn<&cd8Yfy%`fEyp|@EL%@D|c$twH1aOFYtH<<k-I-=&=U)
zo_7=f9^__I{!Svn8kE5$@ZnN?nB>m@%-vLY+L&l{l``)ig4}f!4>+M5-jB0{+mtmp
z&!w!E^$D$r4YiY(b>9h~@aW;GV5WV5@-E?LQ+%rVH<0&h(ja*_lXw>H$4l9E_gJ6M
ziX0mtFnv{gz`z{ji6yF(W?v3+JSBW5!~JLt=f6Dz<hb^*ZXiN=+yVl_Yx!OUV4hTf
zRzm#%iNKRfZUi|#Z=jDs1hhUpK*h6}UIsZ{PPR%QLV1J47S7MV0l;vHxTj$e^s#eW
zP`vT991gJ`<<Cm0Rz)HHTf9HfgHWsB<7t-<L?|y2TDii{n*iuNv}i?<b|u=9^i)J(
zG95$thhu6YaO2G<WY#g)EqJrac7{6%t%O8q>4@+a06JM&1d-92+S8Fn<UXZE^9WW`
zM9_z2{)OUgX>%@P=@f`iev8mw`D~s8xSe4UG!c3!B5>`2&;Dy~5D0<o0v16In_4Tl
zhVl}DA2@F@GmY{qgME!)Q4ct6OYwnJa@zS>9wJmJi-0cW62l?{B9xd2<T8Y3RIu2~
z07es`pQ;CZ<@|l?l=N{ckmJFo^9}NZRt6$)UOxu_y~U-5X++=wqSrz016nj^q1wnc
zDwUi}Lg8)eMjGS^t;9s&>LCv^&!>1!z{MU7)v*PS7kmjs;PVXjFbITlE4Vm9hMoCn
zxg!nogjQlAaFBL0fXRCo4Ws;$vNhPmnZbC<-_EYquq0%}2U9`jCCWdoB*X_LYFb10
zqIklnX!TAi{j=WlG_t2bjt8v9Kw(G-r0;i_vLZaVwPA1zrElo3dC=%e${z*ft?D|c
z>n#EerFhe7nc2LrK^n9uY(=mn%~RRVpm<$Gum&Y;sMWhe&?a?&A)afI1U#Sc0YxAl
zI9lBRzgh*QUx3W(DoqX6pbTz-OS)4Om=8yNJ;NGkK=}w8JlKLau&OZtMeEbS6{_%l
z<H3~#5|qgr3|FB1MDfN_8W=sk@V=708PdNh&;3Ry8Q!&g8_zvLD{^d50fiv(?-KPt
z04Za&hd?}-^cdx@KX{Mg^#^#5O67v)D<X^vE}^{EU<1e!<gf`|sl25J6ePtY$Pk1?
zgO%&ia$Q}a31>$05OiA)=|U?333&3yi;4sc=D{BGjGxC*{vs6a=cmLIoF&Xq_hV9Q
z5=c-!5^zOty3%Ow#~9k2L;_jFa*M|e$o*C{NXPDEm*5Uc-{fI051^n%pW?9uNDADx
zUNVJR4`Jkfd~VTfgLDHzU|2p9tU~!q%_TS-=Fv<9>2Z*&0}@mukbn=Y{M;a2IJUlw
z?ttt1c-*WE^z`@mXaTk@q=-2n!5t}qVQ;bz(A+!31mz>ap%4t>;?(U@vV$!tfAeY~
z!G#{PE^;RTadJS0&4MK;pF6k#fDll4(#RSqV2)ANLu6}Gz?=po5KHh8q=;espoGOD
zZd}HlXK3?N9ytMMB?p{Xka`I8)=P*7Hm3Z8ue1vZ1So?m7)gaYmGJACDX!o|B`2?s
zrdXY;$=)sPkl+eR+eF*iIkRsagw@N?W|3=8`N!EIn3gN31S^2Mt&98k*jbif3Ca))
zOz>#)^b{9zle%8O<avv&5=i$b*_&;S3|62#1n6g200CzY0~C4RpZptI4>07!eH^dc
zfW!rJgB2)`8{mrF*OWhMC_vtA03z?#qx_T2P^%wHupFCH;qf_gzd^wYl&3vI_Muqc
zQoL?ZYb8$s`@j=Fa7NHc$zc|ukHZz>JQAQNj}_2|R3Vr<d+Gw*o*@508v7??60<$T
zSpap2;08)q6S&GCfCOj9D<6(+is8>?;OA7290U8jK^(c?z~BZ-PXIZa;8%(_ycDgx
zzyMO@CV|PvQ`ER$>9HLA`6aktosu1qK)BF~lnGp_z!U#}Eydf)SOYzJE+9wpT-iI0
z;*BdQ!F6Eg>LQORtQuTE>6!p}tOMaS2f{v-zblz<!U%6R!AsId(V|7AD`d1dob&TM
l!&}{Zo=(18!u<-`{{Z&L^hjQ~6&(No002ovPDHLkV1fb*mpA|b

literal 0
HcmV?d00001

diff --git a/docs/images/icons/icon-144x144.png b/docs/images/icons/icon-144x144.png
new file mode 100644
index 0000000000000000000000000000000000000000..e1e6a92ec2c9ed1dc13932e7aae675b7526a8c4c
GIT binary patch
literal 6477
zcmV-T8M5YyP)<h;3K|Lk000e1NJLTq0058x0058(1^@s6=SJeV00009a7bBm000XU
z000XU0RWnu7ytkm|4BqaRCwC$od>j4#ns36eea<n*hOPONFowZP%#p_QNT|_Vpo<}
zBSDFZnpmQrVz4JjFxD^jhRRY<u^>o9jRi#!dzYXFP3#RtUi;2oZ}z(XyU(6E=Msf;
zA2Vysy6=`bbKl*+v)eSH+AVcSotD&lle!hWUZ2!bMmsJ)OX}RDPDtu@@P0#}tz377
zq|Qm|3rXFrioRnh2sq@RX@xp9saxa#q24{-pxWP&)b)*ithR$x+gV8+kQ2gKmT(av
z{+|+})JvR(urz}F-6g3X8EqFP^^^bz^87MS-!~<7O#m=zqk<I#;4>$*>y!GX`@7ja
zzMs^+4Cn-a5$<!ZCiSmL{n9;ea*t0Ybz=YlVORy=yELh@0X}~GG^qziZB)!6!Z^tZ
z>jw9{V^aTYXoPFrd)T(lfy3`_>R#)S)Ti8Q-vCTULf^}|$1~jfx4Y-dfHrJaCUNx$
zQSk~3>|aj6>#Fy5Nb0{82yZ9#=kS?B-0L?gFu459z1Nu37WX$h>Fc=nyC!vkd%wHt
zd$4<t+kEXFKTPT`GyJMp7PIy_+6m_@^}0N+mefa;Ai4fAsVgS+7598=5NbX2GaT9o
zgr6sM*Q8$Vo?i}qmZ0yRU{2@5b^dIa(^!^(@52Cm;sm;?dQY2*aZY&Of;RcsJw9Nx
zErD<cIxT|`wZe6FG&D*F_t+_^54z7S0KaN_Qdf#5ZOLk%bDS_n1q6Y2_-OD=8Uci{
zO6X*O(9eM?4zhso3HViYp6|)!P5^iznA2Vnq9v2}>FI><RZ@RoXb?+daXA&VM-ym~
z-vk6H5cPKbiBm03@)+o+6ae@(0B|8_r5z$fi{E_R=LB$W&L1C5(y`ziW2CfK4v6|I
zfLfFmvp`18Gyxz&Ex1pFXz`h@-$0IKtqkpBwI2(DYgP~q^axU(AEr_R&0x;{8i=s)
z`4qzxa@{vV^!;ld&g@F!?#wEFaQVz`uI*>wL^pvTo1MRdT1Wb3r}sbZa}Oo;J;SHE
zH3vj|-4{U%B1F4Kh`yg9=I0vsL(hXKrj!%DRb9@A+n<=!A3CR2L%`1RPe71bbG5jf
z(}5~aB!11E0dpq*M>i^G&zluQTSkb!A9!|wANluH{K$I1lyftk-D`VNW!6|A;-p^>
zxW*RH_Z9H^-Kw1cIW7QqgZh8Omudvl+%@KjzFX79Kl*F#2Y#9IXK_UUI{^TPy4NJ@
zd<j*KU&-S~0MQGeoz{ly{{X`KW~GTv4?wO{5xVc$0WB8GA~?<$7|~KScjvQIo@${5
z(+Nylvl8T7i1@_xN#F9_j!;^t1+Ft7$9H{-DhF>xi~TKXq3;Hsfgr#s9tSnl{w!#}
zs}hQQ<`7Dcdo`(u>xDpHvs9ZV0C4#Xe`s?6uLW{c{MsH7qD3nL$cmsHSh&4%0wiE;
zO_d|!p|-Dr@DU=>EIS&)tXIAiwiPXQK@L-Pozh|g(0lGTh^A~20h$N^oRiaWt^?Eb
zPbz18*Y^M<*E>-O9yP(N3?Y`BZ-x-Hz;$|Mg!a8CJ;o;A<C3U_7R_}19)47goR+CF
zY@Y<}PYb|@Ii@d^FN7fU%K-3r!wd=pHwGY(>)o%~x4`%BU4`k6@HlgUs(e7syHMUg
zFQ@OK+g)xzAZFz{&vy_2f26b*LckiZdxkG`M4<26BS87#=?Y0UoNrT~v;8pj<8PCr
zz4n=!3<!8m&pI9m<oQDZU&yBg1&W`*4bx)u-#0>(tpS#Yd{0&sV*#+g659DW{3aC0
zeI7qXt~bhaJ$Zgwz>j(^#|`j?$|>QEa82}u!tk&l9|4umkNvCA9{Vc)<;5!c=5m)2
zzU#31RSGZh>F?2C0>dUAEh0C^RKpLFw(Or(GkCmI!NcVNs+|6rr9E(p#sO40Le7ty
zWx!{_vrygrc}<B3bRGEqcn#4a$9TR|y(gU401t{<D6Ki_03MmQ{B+Jxot#iwmFD_g
z27DdBWKLJ`=x|y?Ff1U%4$2JawzqiN%J;kwzKaFmaS@<O0rH6Y3?=+;A!kz`0FTSX
z@FOo!3B!^{Yc)XB^qK+B^U9gkLL8eBjXkbRVIDt7zSBh>fbt|Imzo5j{P2CKZC<cI
zBR}%~o*xN?zlMr<<Ok-&VP}t@fdc1wH(ybDis^W2n;oblDFo=o41i`B012EtK)ad&
zxcpz28UUe5yJ>0FKqUplQ22pSfEQ+{crH9C>|;Z7w0Qg;?7KvjGZGs?IB&Vn9A)HV
zT635o`JS(OoN;+={VD-Mcqc7wp?sYZepi<iYc;gTLrUlxIvx|cQVA5z!w|!_!uH!H
z^(CsD(=2US8_Cp-u^B?V+5;&UUVZurrB|k+6aG^J0=d@p3RVs8)b<vIl~ffIrSDD_
z{z!;W8kGRwqw><<WsEzFN6X)*^b}NilyS0UjlS1_3^Rg((bgdN`~*XY2+&oAR+R7C
z*8oO8-!c%zO)<0|_I=ONrh$69aQs8#Zfb_etB28+$EJ>Oj%TZ(6`GVlb>Yk|PwM)V
z(o;wA?-8H{>cO#Y_L#714S?#wG+X8m0qWy{fS<qOF@KHVqqQr5ct+m3uJ&+u*AN#i
z%rew)v*B2daM$4^+<w%yVFBNXpXX@HT4_gT7W%son>ROjRtXTnLwHVAQQ?NFA4`ZA
z8zwBv1j)5{W$SuM>&WAJkjBt`i<!T)y*SYv={)M9r}^$5*FRdTC%=Ld*c-{-n+L(s
z!wOBx0dLJ{->iHt`TJzUS31_CK@f_QJVIpiImggm2>jbr9-7hc?Pf%O8s0zDdKfQv
zOE-_eS|GA%3fxKB$waUkLGUd~b2NI|x2X0_h981`4^yT<{;!8UA$%wsEY}#I;At`P
zK+_E;SZ|VLnLla2cYD!5bt<B12~;h7p4&6g__2L$wMk${^5!b~##x2Du4{V_0KGjv
z3;xZ~+S&>N(FT_X%$LA>o(BM);Qx+Cd*zv!R#Qd(`Kxm{j9Tm52r4}52h+m;2FyqQ
zfVxL$vF{0x#A`5eFqZ`Y&|$O|ApcMA2L2z>AUmtyP#*UqdomfCzc<@U23ikb`u=GY
z-oGKkEaj3w`$i?mDQ@Ti^GRQNfYp7^Q+-?co3$V_t*?hr9iXnEx5;ZXhCl=WzF|7%
z9R9GTww~2q%oqAW->Aq&ulHu>dNh?MhSx#FbFgx<8x5zJqp3ZVwvhgxpvpDodYSOY
zE{yL4eV05L?u!Ee$TeT~<Zkq`pccwEw^{n$ll*h3F?#FXo|1_2Lr(KJ)2wbsQRTLC
z4eAG2-*BYmhvfOed#V2FlmL$L^!<j5R#x$79sNIS6!19^fTPv_A&=)#dJ>s6t+lTw
z1N|DM$If)$*R~h!V`X07b?N(=N&OSG?LnxMY`%HGmxFqrOl{K@dU`&q3v065oMZfq
z8|K(W38*1($I9oX<}g41qVgauey83U@X0kNt3KuTIX5SKo3+ObbO|DeHI4Tha;V!*
z?#JnD2siKD)_D>776Bd_fCmNZTZ{ihpgjV(ouNrL3IralM)tW~j=)<!Mcsd))#|Hg
zUo!G3^;Kxkb*XY)yA{Q?It{zL0pFPc?STN?;mJAuBLhA$Ydzbe_Q?WiQOx1u{;m(?
z)ILK2P`$H8Rt}1<y#e$q0mN|`@Wlya1uY_oQHB6p4DIoV;rDa}&DE3vz(_+oZUWk^
z*^_jY)W=HS!3`SAcMQ+3a%92vicpLopUKc%^7<?TzK&GhJGwCg-u<KYDIPpMsXXG{
z<Po4~k5deX{H6@eg_>m}1AzN-ny#g8=3$YG-2H40=H~Q!rW^2`7Jx^pUb)c$;JY#d
zKHPhHjcB@xm9MIEd8*LeF9Q4+(h|$M$06h&=aT2LF%(XDty2+OBl*{y={<p>=_&|3
zT<*?kdbs`^{1q<SQhExB&+N@GG}kHQpCY2$k8aO7pIU|IwhVaC^bA+<@C?N-Gkhj#
z%h_rf?U$`+j->Q{)IQBMHHxix@Qly!TdccZ%+{JzxjS0OZ}}RWX4$-RIHiX~e0}ry
z-SW|KE*3nuki9&|y8CZdW`~c-d_AYr%XNoEfCsk}?iNi~vEaG23V7~U5l@51;r79^
zo6=lIR{;+%$L<rI=Hi6vT<)j>o`0ye9Ckle1w4Bzc>a*X=UE8fVXFvFao{N#iMkLx
zGblZ^wHkQ#Qx5a#RlvhTAwP}q6bGK=4B?01c@hM#;rX@-cw}&N6s6A*^TETT`#+BG
zEcwy^A@@@O;b+0a=I8M$;L(Y`F*)))a@}Xip4cDD5`u@Ptv;6_e0=W_syy0~h57s<
zILxB?uAp#+8LvB&(#MX+vIODb^;vIa2p`{jSUJqRlz0y1o7REHBuKP(UBFq_eLn!;
z#!$Tg@T^Paby%Scv%Gg7RSryUO66@>vf$zOw^QF^Vh(sj>rM7Vi?J*rczA~2dsV<Q
zUR~#ZsB&$72p-NbZ>e%k)2h%s_eOY%1<$5bdHi<P*w$4lNjR9&%cVo`Y!2UH1#s4_
zNKb=1$&=)aWeLHvIh7}ag+|pSjMnSWhf#W$j%wg}F~eC$cqT@8if6XI%+MS-SLY;^
zr#XBP;gMa}W>x{u4H2GVB?)=m`n(*PNB$lT`5i6?QvR{2`2df=H@OOUu8r^%qm%%m
zXDR<=up?YM85Q4^vL}OCnn&7Slp{@`NAx2+1p?^S9Cv@Sf=4t@Z%Us4m<Jw7_8n41
zlJJfQPx1Vo-&GN9$<YSOfYUpd!V~Cmo4kHX^K3}z%|Lzd+#BI3P7wiYM)~I<pAY6v
zAC>uS4zstj@_D#Cnc=WY-;YIjidkk-zU4QQ49#^=hVaqs;pXJh{$$FRq2?XwJI5qp
z@l4ln%D4RHO)xnkK;FpeeM56uD@RX<enory82Sw@JLa>yx<`15=QLZpefgFhZvg;^
z5JytJ9W(A#{R%*#6&$F!b~VgiECtB<jG%l=f6r7}OQNT@$-mXE2%pbmT^qm=c(x3*
z#lHVy^c_n<%JXFJzKW*nb#><pe7_|BUW2H8j!^*AtCT@#r?NSe|M>A(7IWm)FQ5T1
zWFO)I;1bH-sQY!YcWLcH<&&aAeg8UYpW-^t+JCVCc!m5&Za+c(sigwI;U4$~1+-Ua
zo8DLoq=6=r|C|be>VFjg0?!KM-)dI?;LSK!R_z3!<H_D+9AAsRPr)I2mHfNU%j3oh
zIst*5;;$%u(v5XYlXc3@`2q7M0Pdjrj-^21JMZ1|9@&Sei1~UcV7_`#_AyNd1^^oE
z0Z6XNTfVFwo#)~Lv?{gj322?-6WZ=pv_T*8AJ;9<H#Ia!7C-{;>?o>Y7b}P3JL#sO
zN)05LV{6wh0cZ?`58Ayqny=!QCn<c~_6ddt5*QecPYnPCs(H@Q_5pMXg%7*EB?463
zqK`fB9XNZu0T7nw3;+cn_ODh90JIm`CkIL2H%EYq57543kD`Z67`DIC10X;0eCjm~
zfaLEVQhMqKewVu<K*e{YS5%I)7UBet5cN<7YLTqda<G4E=X!CXpN?Xx4K4I1N)M)r
z8RBi=I%Hhq4N7N}1&G5uCQzR5X#f;TLdH@+E!0Ih!`h_u%g{pBTq5nqgy!!&5rAmR
zXvT_N#JBlv0D{pTKM0H7o(_|Nt9i7DK(%$igkF@R?^p_=iS$}5fq*xpT*U){XojB9
zu8Hh3-x~sE^pBLDPc7HlFlwP<7ZD8m8}BGhB9CXg&vXcAv0qSSHdz4tz!T2vGD$%s
z08WVj)s92W`z|jqLh~lF4>HjZ?N0Xb;a3FO;wb%N9*7PP031uf{GqKt^Wdq>FH-vK
z^(=@QK@%MsfIzehFHoET5aCHYn?!%8wji1hW=xMyWkEC$w8#PgYL^`TP=m@33CwSU
zFBT!H0f>4~d9ZaM2=X4|vsQc781oE>4gjs=bIQ3~4Q;-ma&oaDLR32ttqj_r89?A2
zRy*Zzta-}FG{dnT8PH@1(QyEgXhimtR*DeSj$_T`TtkqrQTcG&hCrT&s66)?wb3mB
zZBhb|I8QWJwdH}@?LE-NQos<O%K%F68N{Y#aKNNtd)_7fIh8A7$GjJOw$7u;SleAk
z>ABM*Gt6l$1v6<pzvp5@kQ}Dtl4l<XTu!6PRUqta|26;uYBJt4S|;*Kih=i`{*j@%
zVkxjm+YEdossE(%^5ZNJcs=|bsy$ENSl9FU5<KTKzAjL0*{mL=`i=vz1uP{6#y(U&
z<4Y=^vfMQQ5<cg!em1n_eWZ_65Y>60;`!EpSA9Q3<y9ontQFih!n3}3v#Ae3ki0GM
z$q=EHC_OPB!Qf2u9B4m7Imrl;hL{tV&rs!hHl7IAF(YRcOTo+<kGhYBC{0$i4pHFL
zd)l)P#fum}fcCdgIRh=9ulMAU4yN)tw^kRq?H_<PmI6B2T)I1_8kY)j?q*N`By7*Q
zqcf;&Rfn{{*7;o)ym%engyB#s&oPpm)lPxFV=1VA#G2z~1riU1Y?l)xcBscvISVaQ
zYzG+dmJBHPbCaMgPgm*dam-^Wn158SKpIDtYrpOZfTTg}>OlHhX|#hVefpsV1^0h-
zpzr7-)fh+^HQk-mZ9Q5+gS4It-_gh7rPn;%(b)qM`aBybkREmpcm$~iLApwrrn{A&
zk_V(Op*;`!@*1{IhB?&zcXRzqTTUbF9YLx+kT`qHJ9K;m!hA5Pzw$&*mT9|;Dzn-=
zqw)kpBU%0PY=di{?JR0rCl^7gF_5~rsOu9D=5(czLU|w_OXI^<nhcPZHDJ*Fb98qX
zwB_Ta_KD$t?L}=}oU^<@MNZoo{*4ty^;ICqw#0{dV9+4#Oy#r5#7ElM192<`28maA
zj8`DsOy#K~I^5SF450Ff&{CgKc_;)?YZxBb#jH9X-PzC6HkJZ|#3pPeRn8;gE$>$L
z_$V4A-rQ=A0*N(R9}kGwmN&M#RJFa4%A@|eZ7c=$kvL5M90bX0`HxV7FL|DKbp91a
ze4LNEkjk?f^%M{UV`~L5Z|QdymB-oQ^pOIWdKGa^R2qT(mF)u>0iW~qkx8mOue~3d
z)4w`FK{%J%5}8pO)j&bv9HgQ(uDr#}DjtoX&EkGko{)x9K>B#V#lP7Ho2J@ww778$
z`)k9j2^hRHnx2ftxuk;w8Ufp{pz=Rb&n5pH?FQv!f1}!-LzT;tqLW<%+KA^6H5yKG
zw}5|w?RTSc5>t|qyij1ffRip@te@0Jsd8%V%aoqO6idOi5ihrXi7MBQ@#9eeZG`?!
z7cfhhe;S?Bw>q2Bn~aX3%E@-I6kHoMxI7WAsc&^)bPWg+Upt4=+uA(koNu2=l)}5T
z%~$>N0XDr2%@s?5Behd0z4nX;T=xLY6Iuy71loTMk9!B&H-Jf#o!aIDjKe*B#ZsVx
zzRqAuFNbb*xuB3B8zAp9-)Mh!puM!^)glio0J&ZtO<HZ4wC%x^;0_<-G8|l40Kls~
zzA)O~8fcGT+zxHU9P*m}H6ujDF9N~OKnvgwA5$rP?3C4>{g<zd_K#C}^Yr?FIlYO}
zn^OD-{Gtd^jX;Fk?#bUg;eNRs5N!b(1lzwr<sH{T8$;Y_K*Uh*5Fx4^h<2pPQ-B15
z8B{qx$k%>%s@%1<T8JJ6ErvO(ff1tGf#^`G+|WTFn4%nUpHHO^##;ywb@V_eQ1O86
zJCxq?uhlv15uzG#tS?f+7l^LS2(jh$ah~?m0}x8z{m4E`?F+~=#jJIKLwqT-JeuUR
zfF{6cA#**N?5Z55@I<nAzkS1n|2{1kO96`9-F=lmgFE8?A^?%RwkP?IbQqSy9O)hT
z1;B|JS}>LZn=;WReAL6*0YS=ZQxycw@O*;|e`sq;A0r{(<M8MY)rKisi^}WCnw1cz
z1x$%RuoI=vM-!MH%+Y>=2SEN#>qJvl8(Qcul-@{PAR3WF6FhA|B<&CJIK}dOTS}h`
zB5m^=OcTozEI0*3pYMvAV6BX(>IAZP^5@65sBMRkP?=@;Qt@=68Z%{21hmK)k0ubI
z_M*zu8Fl-ip7sLZ>F{}N25*l5)rJ{6gZzi=WgT?Kuf1Yu5z#_VW@x~zlo@MLnyhDp
zsQ4lMt_A=YmJiPGWyVwZsLxFd2n0r60PtbJ7dkUWWW_gO8&LYpdj#m341h*a`p9x@
ze_RFxvz70J8tjEArs4y{D?2`+^f8|z#Mv1dY$%0~OCRR}u;j@nX${spnz3R7#Ad`g
ztr|~hT-ES{1c<?g3B%F;$2>li05Qn}ptL_GhV;b-h<B9zfGS7H7gFUGG2IOa1c05W
za;^`y<N7{TZY`tRPlonQ#x>54eo(Os?_~Bar56{<`5i+85g3<lRJoLg>u1z9I?w07
zZbRXW^mtF-d=?2GC9!%S3XG*7T1d8lVN-TLwXN#dri$zEjKgQCEweqy`BizNz+)YN
nJQ~kOMx5^=!%oKc43_@~rXL_t3(3~600000NkvXXu0mjfh}dmc

literal 0
HcmV?d00001

diff --git a/docs/images/icons/icon-152x152.png b/docs/images/icons/icon-152x152.png
new file mode 100644
index 0000000000000000000000000000000000000000..87bafc4eeb0892600d83e4c78ebbb5f848df053e
GIT binary patch
literal 6994
zcmV-Y8?EGtP)<h;3K|Lk000e1NJLTq005W(005W>1^@s67{VYS00009a7bBm000XU
z000XU0RWnu7ytkp1W80eRCwC$T?x3I)74(*-kV4$VhB>RB2mMSn2Lx>w51{RZxf=1
zwgmZ+#w`5iIsC?&5>uY4Aruu&OqGg=A=GacL{LN2kW>k|_n!2u=YH!s?^$Q<;X~zo
z*WS<bJ@=mPp1se$-+IrxhQ0RMM8$4R+0X4O*PE5=tje_-{JkZ|SmP_#YnAKx%C!RA
zZ;qV9xXRU5xlXKHy>j$Vt$~{e@7l_>FuOjlT$fa?o(2e9;MfHE^EIz>9jSm?GWyHC
zr7G8l(EneR>(t8C4L+xo#8s>&0$a9ny$`}IXForxTn7c%Ozxep04CS}SFUY6Y$UID
zR{dlSuUD?YUy@N%Tf|L-H6jz{2bJqF10)Yut_=W`O$PhClf9SwzW_`qW1I(IYB2zI
zOZL8*m1|1&dn@$685p%Wv01TfuxB$N9+2G|RJmTw?#<7BwpXsh6*vVb!?XAN6##G{
zfMY@S^O?%E5sc9#``H)XyH$2?G~AOp{G)OWNw!(BY_Huj;Z0Yp#KIq&{jDtn82|nN
zI02>XeKWJa^;2UE0dRZ@s_#fOm%FmRovRpbi%doG-#!DtT?e*VQkf0jre{JM0Kh|`
z?GJ(#A%9Z2_Evv?2*6c>F?s_4=fhacc0DTBKyV7a3#=;a_MOUgH!z{F;VT*QC6(F0
zw%4#sSQ8CTu>>r)b!PBuCSkj1R`&ZohT0O4EK#}c&))Y1fMgD+;_*g*1o{P_s?oL^
z9^vVxwunIXawep0JvNPiWDNkr=b$qAn(YxTf@A_1@2$#_8044(jyuw@>lS7qm1LJS
z7<(O^3Fkg#H~IQ3lZ73`E^EzfDhAt7k4=Oixf+<L9e_5%(;wM%H~<TQIvKtU31o}V
zW8}7aW=FALc8nB?2)<h;OazGte6V6Y7sze^kd~qUJ^{mB?*9h*v;&*Xs9eh><A2cu
z?2b$z_eZdor7qV21}SGi5rJ>x5pav@-)?|(?*QOsjDui|a%S7{YhJ2aF@bE+sm8rQ
zn6d0d3W#?q23ZIoWBY7#hk&hRDT@gY4FF%pJ&tMvvI4SM0J5Ymzkw!#TAHd6_lY?@
zFA?g2RE_$NS0EEX&#hc*seU5pEdfYZRIZz#Z#$^WlLH`YQa0TJ_4DN{#F4zqZ;-t%
z1>tUy<KfGD)~1d{=!IF>fZJtCumZBTsG1RhHrd0#biFdr|5Gtpn*v$0=S#zFnuE!v
zI^Lh!*Vsfj{Q+FR&#68HV3V@`?^Ukl;qOzGfCX$Eg<lEYcPPwZ4BQ{4)GXR{heUX%
zy&z84ra*RmVzF<g$$BG4)4!MFp^IRL061h#a<S~^npC@Hi6DD31LHa%bPllgP~%Tf
zAVqb#gXaq&{dZCQ$}orDCZqp9s~XP&aGa6jVT)Q}TjmX_W;-lqe8w?Up8+8PewC`r
zMSSfKeFfwzgZkBu!<;Mz=Tdbthbz?QqT{e-GW!2Bs&PAb$PAM1IcyRc<0=?qPlupb
z$S)f4Egi9+W_-Q?<OHgZ(#!9E@USj^5#Dw<9xuV?Bzx>@@){SXj%6GX*3ca6CGQyw
z{U3A)NT=<zQf<<p0FLkXHGm@HEt%POTGh#TKaEh82YZ-wOj4C!PZQz&0Uq+7bJ$(Y
zU_5^eV{GCW1H&Ni8#a^(dr|~I&NNs|ROPb~b6<?ADLx2Nnajq>=>KX>LINYGcFl0z
z$Ol_8LJEAHAFyHM{`m$#M7X>>wYq}^OArcK0R75py!|3TdOGycAfKGn<X1Q9f1n=f
z(K%Fu0C23b-MR$?BmLF`p_UCbb!tS|;XbNeio&qPjEK2!q5!JL*eMzOU*4!+A@jOK
zu#bHSfQm=>d4%m_vFELZE!GZUi*AAc;a~$`I7a^f8#jT&VX5ke5{rE~n~MeflzNyO
zMuI~d>JqcMCTD++dA+7QIW6E{JI0j%qc_zCU3LE}J#&(K;|-7_Nc$yQEFZYINow(@
zIaQ<leII31Gutc?@ojGbBmX%^cmh?_v<P+kyz)R19J4(vXvO6$klvU8mJeK_mL#Ql
zN@O@gzVW}J+C)CgwrI%-F3Z5z2K(9$kTok0*u_BGH~=F3hbn++Rn6Y+Qb|>YZ7yy%
zDVvGCwN)eR6lu6dC}W%*0WPt*c)jrj!*eSupkYkwmku?jgRUAN(*Gz&e|bHS>Vv*z
zHKz>|i}_iD+wCA&Q9(lj;K2K1;NgqiH9dm)WQ>i$saQbu5%jWBm2&^w06>NX0Csc0
zj_YR_`C3)SIxpYKI2SJ#Po?_pT$cqNngD}stBERB#=mpw%xa!*HjcXo2&)z5FcE;?
zri3e>Ga&%5og4s@@tz7W`v9`jvJvF_CxF#HII$Hr&kS$@mprh?9RXAQ5IGlYmSP=Y
zo<Sb=v$m0GfN~U_qv?|z#=gA1J77au42GU5FDWhQ0oV^607H-;lK|Es0DJ&PC}GJr
zdLGza%?@?OZL|^ml%FR$z=h*&lm$C+$F~T5eimZj_OiiX2(XC(fF0ogSQ(s|Rg5o_
z^xrW8V5fXr0VduZKK#C*61DrjFf(cq9L?&%^`+`AZWO$L>n0^E0cHutJ6U;x+Ore(
zTaIcMtu27v5>Szs1pvnP*E2vW{fBt^%N)+?tN@b=HBG=!vSnX?qxm6@Qv%XUACdsr
z&FIhH@=FwJ>6p;pGTW|1_LeiwsCdZ$2`2T8hWCHp;YniOKRSdffS%%DK%9FY55NwO
z0N9D&RtDpGU0jspPRD~maE&qgFP_;T*FezKwRFR(tgA5wZ`$}Z2-*rk2)Hg+4#=Jk
z;f4Sv;97?4tPHIpSM{jKD<kGGva<qg4eBUU#243n_z`tP(K!o%SNlIO9*7kzWLDvY
z?cJy&dxBG4xKhnqf&MtgMU`t;>c~<UMIF0zo}}9P4{e4wDB!x@@Nh4WV2^7J;WjA)
zz1;wZ%zI8CP&(bifHH?+oe5y_PwYc>B|v?(c?8r>^#$G*8iHswR2A;pX%Eby)v)!j
z|5yVY%!aRe03yIV$q=sCk7s)TDxdwN!}Q?Ri>f=7%ElP-e{a{B0<H4!PNwQ&GVW|{
zg^)wL0gN_>yIuw``uZd5Xu!3q3qfV&Wbt*HVN-J3f$Ed}tVsUPJb}^|B0RtwjQ+l5
zA`Q0rnI>^DU||_-XTuA$1mOY(uhG3t?u<=qOjL1iWU92y^Zv5IS_|Ndu?GmIr2fC_
z$i3KI2Ikem6@YHz0H_AoAs&F;>X`%Do}J3}k_X9K+UI&yNZAqRnw{Bd+>UcRz=a-Q
z$bLxKF7~d+h<1US!zAl?jPuo~y4YU!sJAHwbLe8iE`Z9I|D}Lg0{eEp<A1?%Z|;l+
zzC45n9V~|5QhdPIs;G5u2Ls`^6oK(N#Hgg*O?FbB1<X&WzCNp^{?AaV)Fs>llyLFO
zH;=+=h);P;kh48===AH5@(}*l2v)W!q4M=8bsUhO`}5D4N)YXe@g%x`B2{yzn!(dM
z)-i`x<!G?Gzp`P>>o3j9R9gbTWmq%VyE~rCm;gZK{_(1x%;CF{0DY!2FZ*!YnCjQ?
z@VYOHgQ0DqZJnFISk-Fw&CHot(XdZs4(l6HeFP@gu~^r`TKfJ~k>EH=^^^JZAv=pT
z#(tCkZ5-K|9GXFgcjf@AJkT4I3S#?)bD%bGI0w4_wg#wvp8>O*0zk<z#>LQ|bI3SX
zo%7*)I>7C6T(<D2Yh*8u?=9~z?*AMK4qeN&*%3Q)&EfA<&C>1Et!ow_-IZ$329k&0
z9AV4tpGBiL%cA!b2@Gr;=<P?<3eVU-Ha_%d035<zCmX7svK0eY4q3>!m-Zah7f`Y0
zaAbgyJ8hH2<)$3(w-}}QE6yPnn7Rm@%cvIS;B$zUHNHTrQMH_BdjK5QDb|uX93N26
z0=ik`&gJivt(m@BjrZo9pmeG1ya!E*fH(6njRwat4wXI4!+r?R&y?*YbJ!qa4l?$>
z-&Xc2VyLAn)#rS<nBzr9K=fh<^MnA3?eR$4ZF&-2v7D3}1F8|j0y`?krHoB{u|NdJ
z42OEYAYu-3FHc3s)E03Z?-;VTlv&I()&Li(R+rs{3-MU6L>Dt|i%`$!C)HRSa1Hi=
z%4byL&hK{ub{B$U6!dQa&o=~6tP9q~;~1sZK;YVx>QjAu%=3e+Ul${!u^<9mw*oL^
zjCH~5blHA5)>e*qVrmTrE-t(Du}84FF6t-)TsIrwaxu?LU_Z&Y<>jcqJJhoU(BqP7
zEC#r+povedS(TlIImSeQOMuHO8<MrL7|daoV+;#icO<pg_%S+eOH;KJQjB09fiZ-=
zjv#v*ze}}BT9PmrFYP>=V-9S0bx#0meCA?sJs-h5SQo#CVxGOIKBK|{nfz^k1uib^
z`*Z}jgjv}>TQk{R#Q@iHIRyJLs5N1aT_U_a%u+qUV6MMK%mE#bt&`nV44do4oPyn4
zfvcbKJ|DQwQ3gGpO&K$XP}zgj8U$Qig7cLe206dpL4j)<=o<sB3zW^aA~+SX;2N61
z)%f6Am8vDcV+H#o54c(*z;&?#7l$I=$f25Xhf)Gp1A~h*O5e{3uAQ^KiwD3}c7W?5
z1uiag@Kz3Qk+XTXOW<nUCW7UZm$^CAB7zHTt~}rxqvpU4!aF&@^)6Mje-pSGn7KBi
z>e5SVq)PgU0@qKC_gOoY+8hQw*R`LQ16*%VwJt>hR|A7<hXCtXpc$Y-3B#y<^N0m5
z2~(V|z{TF@XB5Bu!`|&m30#d2uARuPy5j;D3%I`m$KjFSlHW(G{=8A+iyYwMnAlPY
zT#XN|T?4?-g8i7P2VqHc{2a0)^e%A8p`a4s-z^g00>CH1nMmMjz-CqVi2>I?s9F|N
zvO%w*+JoFf;5t|_SL_@FTr&V%Y5Avt!F8ZRu&%6#nP5yyyMydvbS`imq?l`DPH;T}
zeG|AESS=n9P-&XEc$ub$8tWc%AGY8FmpB9?45Qzda5xoMFM+Fp!L>X27oD|W|3dX?
z#`h>@$qTL_<j<<mbC_%}aB2+*uKtl~Q3QLBA=uj#xXL-fwQWv-PfFk_hRwxk&hv5@
z^!LIT!eCcYIKpp%OH><|B={(Y-S;reA#E{hz=joPo}u^+7WcszVpJbZb`jwaxG;<`
zJ;xj#OEy<=*lV0atyzM764*k(^^<@>u4`@`2A?kgJCEX*f1XOAh~j`tpK{^by~F7_
z%P6(T35Oq0cn6V;afSh|{^YMCi*uMw)d+n8SA(lY4lT?ff3hEzL0=!#ny}bSIn>%X
zu$M|O)=Y}4Tfz3(nucmktwGuAB8smWF$9=P!1ZIY&qA`8=PwH2GKbU1Urq^k5N(^l
z)%Z=ou`c;@u~6ujE5Qo;JQ~S<%#zC)?6tPT?y~?oLaFA|8l1f@r}#o_T>)772p1Q7
zA^YhxWnCvfRB8IQWOEhE_F94b6_ybkgB{?wn&N70>4U70L4AdMh5fi1b*~ibDi(YB
z>YU>JdmMu8O4SV?zQY+7f@9F6fI2#oy+$Xyt9bU;?c_h7N7&<s4))o|0VWO5>kZXr
zo$=^muell9V!zZHyzvg`w<vr7!3+-r{@eo&1l^Vn2IP}S-XZr9IRemYlI>MI_Uc3R
zDLB>vQpXyqNq!$i;Un~(@YsMH%lgcro^gzw62OWFumR*hTubh4Y_N|2>=dfc_0nfN
zo@M}4#_H{{{{;LTR9!x)$Ko0IyExPv3YWKfb@z;MA=RG=so7_c$Nu^rRS!tjbMP@>
zY6Sq;&K`h?aR2IHju?OmP<tC=#4woLpODmJF;(Q|9uLrWLTrqR40(UZVDke2`&|N9
zv6={%H=??NtRmd29Kw~?zj7G)0<ia}nxk(43>Vp5b2u*nthnt_hnf`OUh5F9uwY+u
z?+}u+hFk`^ynZAwhYJ(Hiff0RLUt5A6v3Cq`SY_42EuXH3fOVy1m<vk0$6eFu=U8!
z+Y$!iqH<jVAia$23{)9oV1NZTb+DjL?@1wwf`V)U`Hy&6-@#%bfC%8MK&>9bI#^Ty
zI@=K{Nv$9N+mP(scM<l;2!L3JB}k~_0gsxMds~s6DjhmdG_``*Vqyn<VE|;BM@5Oi
z*Pv>^wB4|!*7X2H=5U2E2kl9wOo{?GtFF8&o5BLf-i9}*YpS+*!X}*h^OD2hXV9&a
zSghEpk_GrF)kg9KAX5Uu6_A}y^*fUUAZtdjSRY`*R`v6)1hC>ZVU``Kez`~lykGVn
zmseR*>b6y>xjO;?!3v75IqVylLuv&8*-#~5VWIh8OSx2?23cFCW(6RJ2LR%#q=-z|
zC)s1g2iYD<z``WFZ*l2Jkey8RQTdqq^m2b7*nkVD_OQ_I9-A<=f`Duw*h45_K8vVF
z0A!*DhXb%ahu`-Bby@Pvfn#iQU=CvZKWNx*sTB}pTvHy;Ta*yOYhbj8BK>SreQ1De
zbO0nW2R<TZI;dP3<4)tfsTB}pd^Fyl02q?u%ylTX0DzPNAb9{n4+7Nj0g&Lmi;X!v
zP8~5g-yBkF;D*dH$`CM~)ffYkBf+kcJg}#z_N>N|BaFgrcVI*5|1YYRGe|14fDH|I
zE=&G|5k}y&p2YxAK9KMN`$JTlT*x5V(*snjVZo&bZlU_@S<YSS=9xok1yPyY4yO82
zO}qhjKn^w=4r9o5O{S8CiJCn9e?is5-enH2Qpfp6$u{c*DwCPy5~|;9dnMIov07<5
zB^cv(RGVnXKphldvnH?)|Ie5M+iQ!%=cVX>f!U0+G44_V=2OiMP{8!D5ob%>t;XPb
zW2<|BrsptG^=D6auzG(|n+3DYP{_Q@G(!oQ)1kLlKr1<HD{fqZa~kyLf+xpQZ9Z5_
zU=CB&9JoBfI!SF7w`mo`Srs#tkZ-MA-}kVI9^;o(J$qY9NBs}g?=CMn`u{go4~CZ*
z9+&J~Dgmu?*k}Cvp_S`x5HiQU#u;j_<Owlw^`BQ@3_h0c5U{Vb`qd1{2Y5|_{=6!1
z7};eIQY#?Pm@$r1K;x})=Tb*4{1~8h%Rn(pIRd<4Wi=1bu<-$^S1U%`OMPat(F*Jc
zFwl;Lu!0=-cTNCkI7W8^Xl$d6rE2{QQJ2jQ=Yj*eXRENrfr=3m&<gAbxPW%H0-6Sf
z2HHpkG+v13@|xQ@fYzi~tylJ$vKsJC#<VLWpmh$Qamo)b8@&u5;W7h!==&NTuQLQR
zIkU(GG(C@HE7zG+&C>X1rh0oOpmh$QaV7?@W#aM^FB|a&kUo*BlWjCkWPDcvZL$Hh
zCdWKhQmT_#^|Zujod;+VT6m0V^T#;KziK4V_~emOsebv1f!5E#ih3SvQS~?-DSf~|
zTP}H>ox|(o#wpt`7^-t6kC5>-*TT4fYBN407Pq0Jj|Lihow%~VMO=<D!Xv2_6lnbW
zD5_?&O8(h#R2$WA_JD*v#v7=<ZW*tYuIv~?I|G~^^dj`<f_w+5&rIu_1qK?cri;Ng
zk{H;29!Ed}jSCPzpn%54{0US|G15RmdyVZxUatBC`ahe2&ozhC3eXTF9Orsaf#gy0
zr{-uj;`E+Z)EKX4D%oY@VSg@`cf0EUK&DQUebz~wfddR9p3|;Z@z_R~9>i>P64jm|
z&e#1^t$$&Sq4Ut*Q2jaCam8ex6}KTsdS(W@&WJrc5K=&)^Wj^Qs6LPEJh1WfjwfWq
zC8&CAG%kT1megkFQJcf4BVL7R(|ii=)&VBLF*s{O&IWG<Lw>hNkCkh7=**EPsCw{3
zVzYv>Su?QNom9WM_fo1oYT4Q&AVxf^w%e#S^;*IjD>&E;RW}!Hx!hpG3#j%i@x*2Y
zX0zW?ZCa3IOzf0{&4vR=WsQ;<axc#q_?pYYzpv)NPQ`%4X2oVREXzKd>bKQho!Lw-
zFAvAyq{tVHF>U}xZ1FfEJs~7AU$I#!d78y%Gu{L;8CXOZ=}qd`VJ?8M)KwQ43(Jbi
zLilW|J=Ck@VME!7f`wn6p^lyMNo95dm3a{u|5&czc*R`gQF&)L#yHqB2EP6c)o)a8
z%kKN;kXnPQOli0i9Zw>e0PJDeM96R>sQz#-*_!9Ft8gRBK*O#J^-rzA8wz+B)g~nh
zNVulO(gB-Dp9(AtB!J=IY_|vpVp9l(d;y;7)QCBxRsfaxbE-Y!MnJ~#t5pL6Zc!jB
zt1+IZYL-Wf$FAc;zdm%>b!#P%6(3|+wXqBWelJ46a{n-@t@`){fTULh$Tm>6*a8TJ
z^i3cuZtJ3q?lxspaVG340eeX9pRf8ZFhJJqnL~fFPZee-VygtQ;xpOl4uJ6Pq8=X4
z4nqoedO+4Q0%ZG=UEr8OwqXKUv5kLj6BRH-)jdYFsnjkHm2=2mQ6P~qcsF@h&lm!n
zOVu1&L1p(!-es{v7|c{}I{<Qv2OJ2H&8faVnT+wL2#|AoT7gTz_B4D>3dR;xRa)nj
zi-1Q*8vSFaK0YSDpX3>%S%I`{fONb^U8mOIO$2-^xlftf!K0>xRh9%M#6!HKL}-7{
z7y`UYj5+8-Cz3r@P*thV%0!jPJH3~Vu%$*BEQV(abPcFVP8FI<wTFnw&v{^vB~@8a
z7Q2?}bIAlOH%54syeZ{Fsz32p#yB&A#eAyv#$@mpo5eOG|5=$o^9We(UFA`=43xDT
zK$X|Mf%VEcRc&eoXipdhzX<$!k9rb;|5)|cEOuFhJvW8iM<L#u)MT+e$`h$J<3bB~
zr~@D(aJJRvkbPn=-}}U4OUWFLaIm1T*cQpFEUuc|&H)Y)_GFK6<=(vpK#;{oIzXzA
zlrB3!J~pYz;x(TqheGB<T2~G*(0NpU^dKHf{h*^iItw2ebCBOT*S|+nmBsZaXF34Z
z7BKeZ^>7EkWIP7X@*aRRW%k}e!{C?KyCoJYZktZ^+tyG;ogM(#U<bgE3AYN^Q4a^^
za76-GaobeGi^IIJ2?2oZXn2zC*=tFa-Xq{FOmWPi6+GJ13fdl_+S7eo6_ZR3#IiO5
zKrJv>h_6ur2AW2-hrjA^W+pKe*OR=*0EE=l=k>xh0!BI)H~v`lotv=|he5Wd>LFjQ
zIZSlS;qA<eTrU~<#We7Vs*BDaW%d}?Yuy<<w-|4fZ6r>$;Z3%KsJ7Zp%p8u%SnI`%
kG0&ooqjkPxd{(gi8|f$AKj8%5y#N3J07*qoM6N<$f`{8TjQ{`u

literal 0
HcmV?d00001

diff --git a/docs/images/icons/icon-192x192.png b/docs/images/icons/icon-192x192.png
new file mode 100644
index 0000000000000000000000000000000000000000..296e0c5b957e29d9f64a642c65ecfb34800beb05
GIT binary patch
literal 9367
zcmV;IBxu`-P)<h;3K|Lk000e1NJLTq006)M006)U1^@s6Qrv6@00009a7bBm000XU
z000XU0RWnu7ytku07*naRCwC$T?xFERkdGtU`U*jL=7yp)FjO?GI*M%qM|5{h@>Tk
z<ug-KF-1dgNDU`ME0Y97V^B0LBpksJA!iY1Q(p+AlAxHty@z+!yWjGxv%Wp7{T+N_
zcdg&=``vrbId^^g-tYfk(_VXTfYvAV+1LHb*MjnOYx(NU-mhbyN!9t2Oy>jTYjFAc
zJo`*Tg1)-!>o(=<pXKYF@^xYP`YQWOBbb;J5CY=V^0k^>bIaGk0$_ECBzR5eMDU&@
z?yb>D;66Lk)0}->S-!3<Uz-&qmPsoY0^g>YRYg#Jm;sAGdsq4TMgqX-{ay^DA7vNm
ze4>2qnxK<B%CzkFSCp@RGkyOmU#AuzmPsoYvaBa(Kw8B>^^y1)LymR|fDxD{WxrQq
zI#vpDT~)q57a;-N=PTKmxV~mVtjEgNf0;KhNtI_Z0HIYKU%p-xM4<0q&MdnRU<B4J
zGf#rQv!r~D%D_p4Siyk&N<=4-bT}Kw-I>nS%p-7Ojby)PBrpkD>V6D3qq5h~Dxa1C
z%LTA2*zY$wz<NIWY;ShI^MyCy9_CjLJw&KZ<!f>Fxkcq`W0ttT$-EaI<FmpW)Y~IB
zaarq`8DQQjUmJ?gY+b${V&TS0mVnMHU*C2RYU3=~#n1dHd#x?|+yPn4P9$hz-e6Ao
z>dMAPzjq}AcK__P_Sx6<vdR^`-z11N!YV~3KI^|b1IqCNBpfW4v(HIOdzR3B9((V*
z!upcVE*aQKUo+FWGV?wpSo&O^y*Epcmyhu@F-A@-B=MImBr=iK|E>%m&v<~rUptxs
ziU3A{Lod=1TI&4oFwlV`S>~X<o>}c?VY%-tUtcI+6WMG19OJ5E_t>j^En`F~F=8z(
zUx!#oWJ2IMgaPZwfOV{6uYad}y)6K?ipAznGo8l<bn@4RvE;Z}===aG<<2))*b}N~
zZB@QrVq;t#$TiFxv|^#E%v|N?+hkw2C|@rG0Jb^<U<_Q`a-Rs*rA@ArJk1ydXo&<J
zpk?-%kFkmAz6~nnSIY}pku*90cT9pcY-EY&V*+42gjtvoMFTLp?*Io0cy2Jlkx+;9
z;n%yx7<owaEXxaw1g$9U@0bA;LGV1Y?5QMb&j8lU@`EN8vUE|Bi*)vLkbv}JDYj1{
zsZeGJ5|A!x&Dg<6(7Iy(KQJI1S1=alpP%3$0eJ$P<k~Qi1V3TGF9|Z>wZ90-ijsi7
z#~fpCBSGr`|2_-=FVy(J34psW%U^N;>```~Q01kbd8lQKNYb-#5@>sfP-Zzuz;l=V
zj0FGLp-=nFBGUsOR6`}Cj>Y5iMA+gY!7O&4`Upu!JAmpU!2kuRxLzdelSYEpoA_SL
z9`w^tTOFK0btMD-A`!Zj1lXoI2qZ1_*9Czlvv}P_f>RSouo)XC*TcWx(@5~2BNABj
zpbxFV`pb4_YIxhEd|l(Hy6~T`^N@hXc?Z+^V)okA4y(;Q%}^x?2+%!5l}UO6Y~tJA
zNbsK({@l$T^lXn6PSMvPtMZV}A?!1EIYJ9Qxpk$`M<DAjDl{}Xw+>V$wweS92*9T#
zCfdh}yhSGOSS9PEB$mlq9{QXhEa)C<!1`YyEOi@3j*XzDu}%WkMFRSrb=mLmHVXP1
zcJqW+oCM!jT5b9pei!jpbJ=HYam{Bm^ud*0OBt|ksllqz?|f5OOWvPD;Oi|ym6C%5
zqnYkMLiO5%-Pt`!=OrG%@^GfRg4}iNGf#=XMUr4#4aUM`Eg--x%o5|ZO$`Jf;LKu#
zniH_F6FlJJB)B|FWI6b65M!kKwsV9+GIV(@^CmH?-N49Pa(EX$#vfZg@YxJ~D9)v3
zvWshYkg|nhg{YV`IEd1@e7zU&1kI42^<A3%o&+%6|8Pg_UJ_#(pO_R6^AMFUyzgrH
zz-P<yV@Krs3}FAGw2U#G%Nam!3V?#ZHPitvNdn$O^z#5oY25dEbn+_K!3m)Y>YW$y
zEDsyBK3j6X2rIM+Vo2^|mJzM()&T+#Sh1h~UC5U%`PZgEIOPgk_H=j^IY;n!s4U>u
zc!B;<J@f3E$2i?Wq0dI>GXg60Z2UT-2KVjLd9DHs1lZqtl2;iD^-8eXb0Ob;Aptuq
zF@b%;6J9m5zkN#!h1PEH_Y(0dKFsY3J~Yy~j|c~_?AcZkPSO3k3BXGNkX}tKpWYh?
z`CcIj*riz&EH+O1JOA6Glap$qRfX0*p@;EBsI1na(C3_jZku#szx)ybg5C)rAQH>~
z_re(-w!8xIUVj2Ic9<><gjO`x^A&$T>D<hbw7ZD4n|Xn?N4RBsL{xpAs4<a7Fg`6p
zpBoY_pj>|0<nRF83-nL$0@r&;#liZfGWn;!`On~<#pbWwQ?Qs|@(EUb#z3VMNDr)M
z0e8(G>NMd^(7SXj@bGEr;}ejd9hP2Troy_?-*XVS+ZiOOj!GcaiH<PH<puUKFR=E+
z{ij2IyOIkFggzY9W1xE99^RXiqO*a8EU!Vn0nOFkuxkWdyyfC;aJOM|i>)aF(0ku<
zSbmomxXlRg=?X1IISTUYai1*Up84mmb`WZEfd|faj(aGO14zJX!Ymr^oe_(T-{aiH
zmz16h*E%nX5S8BB-bnE2TK@gO-Os*LV(7y`F$(hg{w#*dvc|ds;J+W-Gp)Y39h2^j
zBljcy=SB!X_e@#*GbfO*@W10ys|bC1;NKJ6TLGSt7^ZORHClj)0NFQDrwjaY4xr?*
zu1(^e4Uv2F^?+5DSSKcgLAM9I6(8f{2FFh)?AZgV_spU1?@rXm!F8PgKLK`BqLm|(
zU=RO;4)8Zeyud2ueF>~xA>Y2>@+z-Dd=Y)4s4lIHc&f!&9%2=t|L3rWPjd0Fp>sk^
zO8T%};0^(PS1wVPKv0}JkQ-;Y8s9<$xI1!R-fFQ}5wl};Y}?5Hr_qrE`G`vIf8Fwc
zPrl4a4|{+Jd$>D3C?QOt&)~HFvrxUwA%O_z61GuVf4+4hZif4=2mH&ku)#+He*ae?
zybU6kmm)gpe{?|P@1g(8?-c|fowY13GD!$ghB*>m0@x+Whrq2AZZNgf5u%Xpqm+c=
z_x!1&qQiCK?$Z}WszC%|oRR&!()+vs{`m#&RfZ@DFjg3akj?={fHg05B9^`x^2`4S
zv@;V!D3tTTy(I|gyh2%q<U7RO;HgNF&fjOBy){Ar0vxt-Z>Ass&hq{v;sNMhS4Bvj
z;sHqK2}XcVCe}yknS}zr4We*czfB@BD1R_`#@53OEH0qV^pr<^I(KCu$SMIs(s>X2
z{Oo|WP9XrjwmDSy?}X+TrYJqYxIhvt32>SbV9kd+xNGsn4j{>g{M~>>s~0*?f=Z8&
zbnWyo-(+D&y+>y~OP((kV|3|!1uDHbIL?<NV5QgbjDZaT1fX$r2X~jL3#>CD#3r3L
zCwPEg8Uboca3y$;WLCc<N_;Y&mf)vkl!F(KFnYujn{&Wnm1GCU!z7*jwZ2f<VXovT
zLpHImJF?%~6si};gb08w4(kN~+ra)`A+YlC+^2jlGZkKn{*PxG0dz5a9ka@=QxK1U
zO1prxsItYEV%fG(*@;0~?CqH=m*I(PGU^a!*&94w1;IQ$GDhB$a~RV}A)T*p$CU(c
zs35?v6RdU215hdVrG#?rNk)J?(6xdf#eV%4A%C`&bnEmFpB~WHF$3LSz`X;51V26C
zp9OSw&MF;Kg++CZktgYc888SOCquj+h|g<mpvVF41$~cEXiFHLQ!EGnWS#t<{=f*3
ze@OM2)oYtoNHDI($)WFL|FGXc%Oq2?2l&3N!RJHe9ImdJMeUbWb*4k*Y_8SdUo9oW
z0^G$7_wdJ6V_#!qybM}qa+fJ}a`2xeKtX_;tgzO+kAI!W|9TUsEY@jOcz|mHIg{Ky
zyE#Gt`v2``1gJca?pgeZiQeC{>vd@9E?gF{PI3)u$x|75Gpl*yL;olc@47(h`*~TG
z9IpuITouvD`*6<kSXs2@Zz)0x0@mLY1%m^?y&k|vfHMMMrPqELsQ^jhcZ*cvT2<+C
zLg1gqTb6yGckQ6o6mZ8}-zsn~<C8j@Al#4R8>3Gr4?PAuzz|!!;sfi=3b2k*gg;#8
zfdQQ|q-s*+DR|cL7ZrI$t0`grnpISq9akxkgvxND3Ebypaa}&^uF>fOwM(Z<A8(jj
z!IJ2D&;RB|1z7p}XL-O%KwBTGC%{S(OO0dn?TSY_zbxYaSR2HAuqL>whtywDk_$Z~
z2@qU$G&fR`i|H&0caCxJScR1f>Euc9OP=y62Nq6fEmeY*$i91oP=_cz3eTTnlZ7WJ
zo*(xpQ!M<ce$ZR8$)=J5T+%|XVv|5ec}j<+M4%D?Fb_F8)7d+L03kAshwxFO^xB!q
zP=&_&I@9X|>mL%qdYvL!ogMkV$a3`1z~A0#WsU+|AyEAlDlGtHSu|cil8Nga!)of}
z>fcwmdS5AZ0aUtAW1woE6$4_{p95=j#G`0K6<4=xgNIOiDGZG?F4hX|_(xs};U#+9
z)pL+yU(a#EdXi<iNU5_)=zI<;d-zC8^*0D_Q^JAIe;&>1^9_L*nC>+Qbju<6>%Phg
z>6B-P#loM3S<c`}R_PwoBIA@v|DO%~ZUXEJ?(OwTqQb(@tHmwC`O2btq4RL?Z~xKk
zm_t~QO>Q+ffGQ8Ta4l7Aa+Cq5FpC$n`gAXBWq3nr{bO-8{rpu{t}Q8bj)_?RUJ2Hp
z{?FP|DqEeb!>SW2SzTU+FBp@L%pNFsVo9D`tPs^4mrk4`IGI^H*8?IT?Z(C^OR1ck
z<CsN`S$+9;oTIeV+*<dDB)?M=JPPUT8L`$f#Eeyc9yOSUy})o!oQ@M%xcu;kA|?-k
ziXPgn9-X)xa1yl4NHzw@<RaFc9-Yr-6GB^xF>2g>JtOUMa8I21EcHxJn9?AU_hyCl
zZ;I%o|Ig2rgyNq$)~tV6u%QZfM1CGxIx+Ek+^@cq<H6P`0flV}?`0LDnOUx}pCA%F
z*qBb<N`TdoSy||DHnbdiT~`43a=f=BSZV_6-VR{VSg<PeveHt=l3#w_!AHsvjr6@}
zRiAW^AOWHQz6-F}nAS0%vq<SS6vm`Z@(?hNP}b-*)}M4<r3|MySRYwKB;}u}<#6#<
zC9)l$0cx8ytP|g_DV+^sjP*7Cy&FS*mj;cc-p2u~(1ClteTB3-4^1Gc?E|!yNFA)b
zQ}0B8+X`6K=?;?DvoP(S%Fu`F{ENd7@vYSt6(H$>X8lb<q0fonKM%~e5iWlHrT{A^
z!mNZ!5}#1p#^Z@mZb%5H=x@0rQb{st<>2oQ`Q|;%tnWxi)rx?6xdW&gox>bD>HA}p
zp^we_nyAAboEiRmLYTr&glQ+NJ^}TI;6DyEWT_tu6eD(k{AOJmLY?Ozl!@gdAIqHz
zOYJ&zP9~|`o0JlO%G<@e37tezoRxk#AwMCKK4(_n1Ois|$^`K9&y5nGCw;ir=K|2z
z`?*ee#xN)8J&7cx_r7b1uZb`2KNb9^Du%+8C&4}0g)%!K>E)lBDs*w3Hx?x61s3|4
z_`u&UG3n*|4{htQs*@6vUcUKO2LXHvTVyA#R;Ts*n0UdzYa;l0E&WJO=yO3LQ27SI
z-|)o!=Yan(?U2q7pruX1sy-$;@Z<4I?-z{GFY+Y4$0q`n>psjws3G7#L)fR2$b7Jc
zJ|-^k<6cBdK|k5W!GEhq=V1lB3Ef*RNu;ko0{w|Ja-730={0cy6*ta$w;=ejHs6-T
z=%llUBmB?;^;!|45MT!;5K8Kt<Vc`R4E%+_PoKlhu)e^+N;-G+gi;}$D;(a06RH;Q
z&xW+)piEj3_}?j5omnC(K4hhFQTy8ky~!gY*^OC#jm~*c*@@bcUXv;-y#&%~=-it3
zWcmoG*e?Al6syZ)DAj=xiop8g8o-Yps<XxYCM0bf)t*&};K!@C1N^v{=Y@jcf0}`x
zZwEiblkjSEq8Hl6Dn2IC@_$DO{?#7v_i=<h2>#~_f*<>FHezF>7=0+@cc#|rT*$&R
z1HZ|~An3)C%_5fnP^PbO4Oo5z|L2)^BJdAS0KYtH3diy#1HXv`{~_Q$N=Xa;!`3kP
z=LztWjDY;skFmJ}(m97Eyas-g+(PzPS<)Bw9PR-B#x;aJxc+tn2lz)q`m8aZjB8^F
zuL%ec9IXU@O4x&?&ezsJwWlo`?;i?)pFG)(j=$Ta6$@2SPOK69eH`G&=CpSb!M}oq
zC@%0%gtXRc*Ur%V?>1?r!uK8>3h5<8zOU*24)FJ66{HyWWpawAWVUmFe+u|drHpl-
zULyW>lU5G?B2^R#e*C%@i_a;fIMngk5cqj~KApwq?O3QXEfM_u?>W!FZ{h;L`3Y4N
z8K2|1Sl?#gC%wlfgi;dxx3jSk_%RH681e_!#lTPZ9_}E$Nh^={QLao#BqjK9gR1Qu
zA<Bpvz(2(Sek^@HDRP4n=q>+n_IDfj4g4R=_=H4Kf*<$!|B3)A$|#RF(SUz4(?f*X
z0xDaqXcK4-{-I|1O<ZBmq{LX71Mmr`v?8=ENGJ{Xu`g$F0r1oJL#)zc;sXDT1*#~#
z{n%BOoLqxW7x?kC`nL*zpI$%3z;EIrz~~x)dOOq8<`V!v>BQCq&5ZGC5BTlC3X>|4
zC)Ly%qVS%Xv1<tY4UDLd)&Ty2jxn0FVv)-On`;DWJ>>V;S-A#ul4qG%0Q@Ck`3?Lg
zRaSKuNZV;)bpWUYt|3so2~FyxaSj!PN-1@oYGIEF2w<V$Ib_-cB}xJC^Tp<Uq4+i<
zKJfPf_qoKHeS3ak;5YF}$|kV<b2B_)50)lBEJ&zZJYf&ENiPEZcIv#hXSh{+Onjlw
zFB8E}{W{ot|2YS+@cSpB*k-j4IJ}cQoNgtgb#-27;5YGwK0A596I;x(Ftf;<Nc44N
zK|<lgSqCvb3a5^OV%wqI$U-xl;Wf$0!=OL>fgdQbvjC_}q)U*tSuGN3Q=yB8K1(3|
zgqFKRZen6m1==4eLJAIMBFS+=4+q$T1qg*C=;qK#L>LR{htuJ~)azR4W8#x_ptAHZ
z#j4)usHD*MM<~GWI!4r0mnYEf3i-2sV}!y}+`C%E$0U^ao&@P9sJ{u7oe}CB*8d?$
zKbLp1$4ZmVnM#ksJ=8G{LYbIUg+R}P{@70f^uYm3y-NX0y_hA^u5)?!1^ub)1pcWO
z_L#)1f8PSYy3GSD(s>!=`-fsWPw-f3y2lKq^(R8%2`!r&0Zd{9_@ff6ye!%^0<32t
z-}2zP$eTRt(L<rnR#_~cva9rP3w=x=0<86+(m&rE0V@G(f+wNmv%Z=oh&)a|+M|<x
z9+YVPmzA&09QlcfNflW4P{!)~y`3ZBPalQ#=efiSf$EGbeXdfHbc|JfOf=!o8Ia$n
zClsnY8nCLQ^Au%BMfW^A5US99?u(F0o*w@_i~UVB1Q?eH)-wW@m0r6fqEog#Y!d-1
z65~0AS0V7f1l0@fO-#I&^)7`6;DFmP09LZ#wD;!909d6*2?>Jv709pR@{#lg3x7<s
z@`xg|Ake)Uv8)8RDG^d}u#Q%M71#XEPauFTaxqcMY(;26z?v2bRp|BG6(JDm9Ham%
z?)dPcf&k=IdK&>uv@%oS0SK(W2_&nj9-t{9Sw*k&vVs7bFwMlo3)UC`hDIza5#w5g
z&J?iX{hm<}m1cjp3RJ30OsYV9K>`5=M+iW#pRFVS&g^a*Apn8+-UtE6GvKDXos9q{
zS^^vd;Xa@u1UNuxt+7fJYpEcezl)HH2=E@X><(uHFbN8Q<BQPJHn3VjfDsV_kWM_-
zXn8~@0ruNU0vrS3RtWkT@B39FfQd#3bkhRXl@s84MRi541Z(o>q$KzNC8@TA%B~Wz
z^}jn=5^RzZ2K5sJkl-S)&Q8!d82k%tv@^?+sJ92a0M~htLZ^vIRrO{*xL0p+LM(-N
zhb6t<DT~KljdmQYHz}+&z1Iu;jeA_@Sw;YpR4*_vVzG%BhbzEE?_D0yNjU&6tL%`F
zv)t?P0-ON1S_ouPL>>u*81kH4O&)-UVJwFHLVMY{xo<)kv@^K3S>gI{x3~=~5jIIp
zhJBl2ad7=B3vXiJA}}8d{*7x>NEP!ea)HgsEW9%@QRM+BXM%qhHv-o=N^lXe#)JEy
zI<EI?iDAp*p74r@iW~cW!MuP;iV#r#>;Wu+3r}zFr~p?T1NCeVV2M=Y5=pgXmXy0f
zHoC{}%?p?mApmZ0`&<ODS0@4%cV&Al5W3*cJ(N1>{XM{ctg2iYW+X64stSDxD(3_E
z0NYCmF4Eb7kzfV5cZO(GhC=ep0j`ICkGtKiXH_ASBKZI=ReT%rr>r-zYD=fY1h#|2
z6Y%dRFmF_+9Oq$<Y8BV{C(8v)ijrVkhbQ1bdld59p=(HRKjfE9lFsuAkf4tP_*~~O
z3x!OIk^r0A<~smOK)WCE+oH!vfHDQDPlx9dZs$4jh}bxHgUYt)Jb|ZtU|{ySHuh*u
zQb~YG>`VbzPJ)M_vi-O=F-EyiSZhv#F&^TC#)*qz<_WU$Rb+kH=Pe{MNlJ_%tNzIF
zf=Gbdk#td7Sq?tjM*TyktC{J(CxKY>etT%?F<R{)EE1w$f_E`7$pK{`3o*#b5(ySS
zrN_TPVP%P2*uy^;s{49KCvJ)Ib)`;D)>A}Yz^g<f9mFv)iCS#}SXWlfp|FKdNd2fl
z_=0l204)&>mro8*>g36Dcc^UrUSb{we|{*-Z;0R)5}73B1t^z_kcd}cu4O<?$qTUI
z?P;dx-|YLV7*Mq#5r$(|FdZuxu|5#QGH+m#oEP+jN~;3_jJ&}-780d+0|fb5BGe*s
zAvtzX#_{}qyF<%Hye?v4L*9A`p__?G4q$j#-XaF7583w@Fi@q$@moVnf4|g;1Up?2
zC$vbXk$vu5k-!tlaBV_w^9ClhkYGb-IUQ!D!y90$!(Ish<L@5`l|wi9Z1jUHL5}I<
z<J=A^YoR4saqTnjB(+MBNiq>INxsDcFx<Shi!v;#X8=Sn;#y;B&*0}2Uj!{DUCLxV
zMl3w%>^U|zI)w%o@*Jh~FeWC>a06vesGJtbXK1mN`4><<U(lc=*G8F_;W0clzV-Kz
zCq}HFm9Kw5e!n4Hg82;#i%e2Qg6{`VDM#}5YTWd;pAxi^2w1`#>i{htrm>q+C)d{@
zOT6EO{N})yW#OGRnKv=X0R^o+Ze6|r@@tOKOMFlKUTC{St{0bb-sB*{bWwo{g+}~!
zJgOBB`B)<KEyz3t7!gcTrBPVg5#{TB2NCXs${A!aBGd~2;)0qxAirVO9fDlGN|X%W
zaMjysP+dC3>#6efeI>C>OuR(EZ5eSQZJEP*UoWaVDMZ)@Dvf(GG&(|j)<=W}G3Fzo
z(!xy_{=Bz&1d}3(a)ThkB@QBBb!S2%5$Y5~z^1*EvSd1>*Jare@Kd3>!xWF1+F#*e
zOiY3y2NGdqfC$?wi6FtZH&jlU<QJAxae}V1La)@>t$a-s`sQZIzVseO1d}8pboPWs
zO^(p0K9bmS@a^mI2$+lD4iZ}{h#)IUJ7tw9zQ*~vEZJYzh+tAH5q<@glk9m}5+~ET
z2Y?wOf((uL3b$($h#)8aCW(apjVy^aBAC=fg!MBZz2>mq*eA4GK_Xyi^dRKhE0ADg
z97L#75TTog2tx!BELk>5CPMox#(u^@gug;%U!l|-0Vm>IeMT;i(5NIr52&2MOxK$k
zkvkX>Olqkbp&TthOV`bgs!^Si2uDM8Ul8{Qm?Lx%L;wX5u)FjLF-B~;z`aY`7!gcT
zMFQogkniCsWjVrj3cyO82;jj?CtswG$uh23>!<*(EXfYaJOCf(3z<jbM7PdUlVl>S
zlL3>?CF46*U=PoxN=w@)be_v}^5dfxWfr_q0bG7R%mIE4)vM-KXCYl*W%y=d;sqFP
z=QzO;!r)0YxOk?W($dPgi80__MTX(hp$Xv@3GRgb7f1Mpm8o5n`b<o`$?~qyvSXdx
z-W^YyKT-)Wsq>rVYX-R2H(<+jcSX1*b)waO74rL<PA*?xQHF0OCf;QEL})qCLt5_p
zlz?^VM2r6tBiBbv?{A@{lT?!*kO#ub)~_JH+aBu0S?cuyg#Z(iXt;run@OG!<~IVc
zv4i^P{kG6@NC@Aug)BIpop3^dun0ZOEJxyva|p*+SY%Q}xMe>CDhu`{V2=~Oqg}9%
zyJz3w35zfU>ro&qI+-QjoU9Kfcr6o?D$7lv#T8vQcmR8UW`#A?A_+j8KUfU;T_$KB
zqYWHh#6>J3-WE_frAHEB6jUbCY%?#Dn!Ujas4h!h$f`xLaDxMSV@Ie(aXr@m`zftA
ze-C%pd!Om!N6Q{=-oT`mBpKHN@co8(GK<xsy$gDS{w(p9-T-&W=%ldToLE~x<!of>
z4Ulk~m^Uz~#TyJ}mRfp)Ye2tS9G_dj#QScj-j9@W4qRt^l#*P0oTm!1l0IC({{!;|
zCPi`s0yHk1r+WOV?Bd}@pMu_CI8?WA^W&TT$YS|M<v4K*%GV*kRV2+FbX1Pf#3TpU
zby?!soLwAX*bLWRX=Qn$yC1a7M7z#D!1nH4lpze=6I;V)uyL+p-e4iLEc$Vc!^FfZ
z++tn?`GYkGV7Q0Tw-T%@ffi?V<q=byTt6=m5?v<7$-T?P7802h35iGsg8vj8yapv$
zSpp!Qy?m$8*(5@uMrBAua=e4A6uRNO!DdDRlcFIJZsPla04%q%qZ0B0{{Cd)3Ai`F
z{f0JIg0_)`Sj|w~u}b=I(f=Nn7nr09EmXmUHS&m99uoZt^rvHT%RLVAEzt?Ls{jB5
zJxN4CRMw;)@7E)d1U;a#i=E43QEP_g*jW>kDiUD3!y*AHZe<^2)tnR(j17<gzaE@e
zb>inayF#o>EjczR8V-FqtFXv0h$gvk)89@7Dnt{(f3P>tH5wAg`mWH!J=O#xfk{yk
zYzvih2{=dzyjarQw16j=?jS)^0TR$SyD?%mIXu>#31ORwNfo$ubbw2qliV?p1Xvw<
z)<G=3_2O}fB-qEHr^LoSi+K(61SUy2!TwOa_`W2<A>09?of2FG=*?N^(&Qn*pv1)Z
z$4sAVocFQcvBcOU$rGF|EVfKyQ@}+!clQvBli)xl35Zx%JCb)!g30zsO;Uxd`b{2i
z(a&QOtSbR}h=*8B?CZ`767YM@ap>eZ!DW^Ym=qxZc8R|3NH#gR&Q@A%4%!(W641{J
zp}M6y<^{H87QdP4<I66OPZ+0($;UwHEr7+rMWIU{CAjJtV5PN|-eqRuI8XDCiicO-
z%@dfU2mxhcBy4#PD(wy0zM+d9;gux81&LPsafi3!<HibBdrOK<QbQq}BwHS_*bgXm
z67X;h@q&PNq3?SttTw&3k3*jv=Wopmm=p<xE>~FWbCedF-aj{>ldSeLN^4D@xyzHY
z@Q}@#=S<W>z`_vceUBI5=LGDm09ReWv$(2FXC`=o-jJUgkRjVs_E=4d<O0`0zPU|W
z?8g(stD8MKxy4=zmA?Nv1!12OByf@HXXXV=QgeatLB7=J0@v{g7Q3GVtS+4+6*?)j
zI$J?1+>LG>d$cAgg4-p&4DNb6ueoEjrJXXg!g~L^0b&tgmq2B1pe{nx9UVk+k?O?6
zDwBzYLGU}sH??sR(CbGkEH(l59;FvJMH#jrLFNT?S}tHxm;eJD;e{&~m@Ysb(s_Z0
zR1&a{C5&@iV4Pg%-j)lPq~rlRKz^dh)!>E|qt20#g+O<>2dq-(>MXno5sP%54EZ$(
zE~1V%0+?uoPhh<R`8ETW#qJjY7lHU&;4Z0hovV~_JKgI5PY5J)3+y{uUs+)?G5J5>
z&5sa(tnQ@|0ubOfgX%ek5CO(VJOI7EvnLUDg+aZ|3z($H9LO(hae06lO3R8n*8NlI
zRUTD_YTH4+joU}m%Z&ggDKgtZ09VVwe5F2IGWiDh`*=73a9wgcMX1JGq)VQ0YDr~c
zQYC)__e?8+ih#E?v+f!%FbDE24744h^fX%qbn>|XS3eLDbQK%tYxYP@Qse<vN%4Vn
zS@{~K&_!Vf?I!ncPiTd^RbZpr87yfHd4MgTayrf`$nS_v7w(5NAd**@m{fsvswW4)
zZ5DA8E!^k7Q=-maICMP(E$arb&3U85v0_;DmV-#Ev)6H-(!;>k2bdHfz&Q-0xI@Hf
zXxZhhi|6y8u-JI8Hl8kXCA7>Uckz5SMdvkHZh;H<as4vxP`$gugA}&>{|i;q=4UEr
R(x?Cc002ovPDHLkV1hS1sA~WK

literal 0
HcmV?d00001

diff --git a/docs/images/icons/icon-384x384.png b/docs/images/icons/icon-384x384.png
new file mode 100644
index 0000000..e69de29
diff --git a/docs/images/icons/icon-512x512.png b/docs/images/icons/icon-512x512.png
new file mode 100644
index 0000000000000000000000000000000000000000..e508c3cbe6f114dc75222c5e35db1839041bb198
GIT binary patch
literal 11516
zcmX9^cR&-()82$2AR<KtsX@9RO;kX-f>co~pmYTV=|xItiJjgBQHp|CUU~_gfJzGp
zk=~0Cic$ihgg{8X^Y{Ic<gzz2xBKkg%riS1b=};M<FLSC004)vk^T(;;Ls%;upWYb
zwt@%tpdU6Lqr3h9upj&Pfq}P~Cjk%z#`=1<g2z@TR|5o%lVyILgNZywDQ)Sl>p~w4
z8MBUAg%M#_-?N>2BJ~T=_)VeqTHYV8r(bB1v2_%o>`CNg|KSr)B4cBJ$}-Phr0*|o
zOzT|pW>ChP&}kB7@=dKlbkr_|uu4>3o0<(ipb!YvjQ!M=QP?jvDuebehw}WaKN(GZ
zwfiuB<FTG?bwnd<R|6^8k>kzy87tRS&whVjtL?5OgMSYGJ}+n9A5RR;y-l8O4L+t>
zeDK=$Gy?1*U&-;{&G5we&fN&y2~N}U#Xver;UNNCAo&`IMd7Tq3u9NqOV{44*BU7L
z09V(qiTYyFDW9V^4CEf$%e8G!8p0fHibs(QSFDg^#+lbnF}Ie41X{Lp1wpB>`%ZhF
zbjr=V5wV{-nipbM!%CWa44Fhrcndm=@WlMfVd8Z#(^oZ_yuhe%fgW7x?6-7$JaSj$
zV%tL_F42sG7g3%=&VKlugId4X#@W!?ncDELC*OGiT`}Zp0y=zuG0?l<PewA{u(g}y
zGUIL1h<Y-#A>6t6P;o7Q2?ST$t{X6d@SiPD{W_bGscn>4e{=);Hhg!95VWsKuu%mV
zv{_;apTvT7L1%jPU<hIMVeQN``i%0mOF}xkq{*NVuR0iDvtm$kcBi9ithMcWM_n_{
zxKGBc_fAu~FpHlAfl`vw3yHq}1WN-AY6G_!_2bca@}mb~pQFoGO(r#XCIkW3#M-mx
zfvaxC3;&T%I&LF9TWJ>e{5?IUO(&P1^C6WnZ;m1huMZdF+|BzGt!NbYV!BPh#o|#N
zo!5a;)eoOkRAHFjC#An+D-X=2txTa}2GPqWHYF!935Vb9ANC!b;t7_8x_PsZe(g2G
zMm3-0`z;}vm>yj=Xs?W}MAL8WVJF=K)qBuYHb@POXCWPZEtQZ3fhJGpEgOvJUMJ&o
ziwu5S)(2Ne0;Q2Me;(@X?$G4~t3tYs$jyS<`}BfcZIc$$yc)M4_3RjV7-o(Br>kL@
z7}%{(-5t-VrTlFQ;9jSj9p$5GRaVLcIH*s|_DO?c+k@#Knt!IvF80vU6ic_ZfUU+=
zfpG#mof2Z#++WuP)6E-1fAk+`48*x^R7k|FVmJNw?WqK`tin;a>)+$f+d5(v**xt#
zYNAzRc1QVGU>?rfjDpR-B@4&Hm-Em$2cc*$q4DY`WrJsYdZ3|e{|Bg6jHdlw89m&Q
zc=zEN){`0MY#yt}YZrq6p-#=B;jzmP^Q?*J+X&4xDur<Z298lbD=yw_*71%J6E(@i
z)(a8zX5D({gU`HVf)(%dw(Rh15hin4Bg_9Qv_oi0D8P@fz-{kk_(1)5CgxaIa~uX>
zVULx2jyU`$uP|tV_<0whb_)1B3D0o4M&rRc82QtwBBI5-QD^<R*R2~YxMnWr*$ee|
z_PuA_<rP&hXwD>Xh<<d+h2~Vu5h-EuQ0vO@f2?YIZ<uI7$+3^6BRuzSG!+Tm^QJ2J
zCf`DU$LqZ&<a4MnB*z7N8^oD!IpZtFevgjliGlaFJ84xJR*YADYZoVz47;t{@>zkA
z*J&g&UE`{V!?NmfoGd(~L3v%Rm-JN(%p6k~b;?3*Pv>qUKd`C=M$7dL)~VuSgfL!5
zA7t0Bm-ym`uB`5Fhe~u>7X0S-8q_#$0Gj_wkS*9z3kA0fCGhqJ&60L;pUF)@2QFve
zYl2$!BpfeBzD6Qy;+oKOKXX*w;ErxrG2ZWY&hM^qot*8617uuwR@YO^RsrLu;tlH0
zuP-eN@Rr_V^%5U+4#<S+5!D2rricO!c&;rO@vB9$f3BkVc~8_q#b*KQ6R`HqGGXo7
zJ%*Xyxj6$P(?|Y1Vx5xLz@$~XVpPn#ruv3O!*#KlK6i8uePJ3ctA1?$>LZoq-?zW(
z%BB~;d1!Zl?5eAM$!lCbG`+a-oiS9Nt8&&o*CSwTF26;M&RRMqdD*+7n4W&P3>#c)
z9w+AL@b?I^$}BZ62J`AlnHF^nJPeYl{ruiN;DR+ab(l73Z=GtJ{M;r$U92$8hJ#sq
zcMm+o+P={jImV}&^T(sIL3gRbpgA9%_Ual<p;Fc-n~9cP9o;PqYfhyX);!I`)=<fK
z#$-EygxFRq<aftkmc`l2SI2si3J`DbxY(wKPx+AZwC-WDwMJ;B2ima9vuE}e%v){(
zZhOWNpR%|6?c7!jd8hiyU^fedP}h7YX?Wyym6c?It$cNZ#L}qMVWnrLDIJAYbo(0<
zg{vNw5$|R;6zT7B9yyipk7=HZb>DJBJ-Rb<@-X5?VZ4jhPS78pi7|<RkbGJw_j*Rl
zZKv^tulH=PrO@JoT|i=Iei4JesUwYjt^j*udBgg*6O}etWt!jAmB!q&H0W0VZ`TA|
zeah6oj6U`_w+Ovz+tZA<w-gRs+`YypRO8)sYVQ0DS>c}1S<xsF4b?dE*CT9!gx$Wj
z`n_oTLi>{GQ|myVpG@FX*uv6SY&#u#ko(}Ms}@)AAHwjH7q5!|g$cmyLVgnpy)V|E
zgH^wEzhkohq&exuxIez}L?ZSF%wxjE(kCct&V6#!wb4P_Z{5RT%-b&3ES0m>5+we-
zq2PVcB#}@O;F8x~)|^B+UnvqOlp&+y5P|R*a48Nr7=FHCH?~K5ZEIaDVaVsTf3$4k
z2+gieu?minh?i`m`^u%8`%p67Yxu8&tuqtWL9i?KTmyCNJ|sD|rF&H3UuR<>2NHW+
z$OOC6e?I$Tr#^-EDKsw~WhsT_gxgG3w`|0{aUV&KC}MEG7<b2)<tyj1uM?NqT>tcm
zqbrWm!=-Q*S#csiFnM0@mVL+WIoCG?giW0Q=Qc*)b*DkvnX;q+37;IF*R+U2-+^Bf
z3cen?H@c*o-XM9}RYQtD3@0_W>uqeSttyqXucxYA5X~U0?GpmeJUYGEeSYgAkJ_yI
znrTi~+?9j)wXO+1RhS@ow0_BD{1xqI_#un<b2~=K;#MiwqMVj{zo}El;6oRs7_(H5
zup~>%M*9<*_w&PsPgngE&TK4EoUzVn41QRp!pISJi><02D_~ce6+T*TUKVajTM=SM
z6qlzGR$~Z5drhZv+<#or>Kk!7>2pgAC0m=~oZ#}A9fXa!q%h|6%j|AW=&yP>Yx4xB
zt5sFp>}3W|sXrg6Ra_ND@91CNa=P6ZkI?3bE;58E{q6XB3iX7^Y~jwrh&XP@WxP{G
z=+R19vQU78(&l@o61X8B*!|^6R!r9^i6nI)d{<4U#Gf=)!LFPrBh-OrS5s=39O}~$
z<9t@!tCq6v@*DQaCCQ<7OGJAx<K5(}Q?ICfbD8lLq2A^Ba`>_5!)18G<LK1{Sefue
zZ4DADp#M03*;fTiFR>FQ{Mu{!<gPL|uij{hr##EPw=m1Wy7E@5<E}MhxVZSC>w&{K
zHp5q^c32j5%VNABa`Th!48vCCxN6r6onfgsertw!3L{c~)c>{SeZiSpr?4R04#o+u
zVOIID^<-m(@<nRG*tNA2n~?~VEGkA-)R>&}yO?nvud^reD3u6B#~qVoaUNngzVQW<
zSvJkZ^`OL<uK3L<CY5F=(OI8dUGKX@TM-H4_`Vaivl^rl{;2SPCvIXiGL2?<Bz5&z
zNn$8+zLEn7Rs;qJp_II?-a8hqBzvEXOp*zbBppVbrY88oE!zi$O{WC=#H1PAQRTza
zt^Q=V<G>>p$8sVP((xoGXbzmzq9z!nCP<QmbV)9hK`U`1dd1oa`rRQk+ti`B)lXYZ
zzrA1TQ?HYIV9q+Nu*a2w4w`@e23!4Y5WC>!GN)ugW>75)xB50EbV-QO{R|B@U@R;b
zrl+q-4pK03n|QmEyj#0X|3eM!^S7p#ZB~#PCpVYec_bKjE!$OJ<0SF|FSvO;az-K=
z{+zTTiIoMx)@KWN{HQ8__<npCa8J6j>@hIbx4TV!U}wB$GDUqkMd-HBHM(#0*UZQ;
ztji%T{>ng4+YM?ABY#sCrT^_s0PY?;$sY(vBw2eOi>bU=e0u;|qAR8c-%8%Wm~~07
zoeB49vvXc?Gh^z3<9+N-Yu;7n>O1^~e?10P+-TZZ95T_UJP?Q^w{6omTdib%{<-dZ
zek=K0vFqZ2d(e5hn|mImk*sBdZ*&16Q#=_52$t){-BBAd1#@<fRM?OYrkfsCFXUK$
z)gp9Kyd)K~=KiAke@EINPe7b=lW*oGzWSoQNu&D9NSCap^a!^9DE0H9ykI{$sM)t=
z{+bulbK@1kLLRZg_$Jjoa?G#MFX1hu<X!V9b`1BpU}NkEyoQ23yn%I%OTaBQ4Mqf~
z&c(_ft}>l<zwM(h1I~JT%K!|c^xWPhWaCAz3?akn3pU+nZR<QYZOKyjpW}iy!C5Lk
zA1sSDa+p%k2}Cu&+x>N=wGue)P<*2~OfxOha6a&X8O(=#o_+kzc7nYy#V9`SB|YT$
zg>+t3aUNqu@hVkZ;NDL;;P|7*m^c#59Hb*tEP~(2kF6c6G`#2kM?ZvQ145?}YPt0r
zMg62iIJh9Y{CD@)AJfnlvmZD1upbrUy!FNY1l;n{_w6qLHS&kSNakjGNJ7;^Xc@^B
zb1QnPyQ}AvJw%4Iq=uEqV=M}YBFxQS7C!-uUR2XCYBk$%cB)#r-2S1T`K89sD>@aP
zDzis1_K=LkXdb9R9)IVA`DKw1PPb4!*tS1Gp~06Yduw*y3`OcdzGkM3C=af*Le|XX
z+HZd6++Fj0aA8(tQ$&SB{Gx!ng4^C*GA~ekc7NIT$a<{|5PdL<#LBv(@a>W2R|rv1
zVm2<V0Mee6ZOecw2iYiou5-KP0vVdtxK<Bmz5bB*z7*5X3jyDEp(P8S33T)*VlneR
z)V4D?e15=qF9??G6oaTmFH1EXiY(gUBdh;Gb~3!A8_ek|BBqeSJxHMhE^>DwY-5mP
zxP%wkS#wZtIZVUxsaPc6?~Y<jj`Ml7ELQDQwtdkei%>vpm}Svqdc!1#QN?$i2FZBV
z0-6AuA7zJm-QBk2iBo;kY{n$+AS?5bREKE_<E`Rck|%NTXij4iAs?GGEv@0O>TwFi
z=qGfKyU};#`KKBsTiR!g=SV!nHTmKL?~TkUoQM5W={<B^B{46jz54mNn_=!L=+jOV
zhE0>@UZPsn+1;QMeUkgH*iv+hELX1S+&maCqUTv96?vy<aKsjETlD|T5?uNl_{?}Z
zf!LH<TlG+TS<=@dLqqk~?aB`dIuRk618PU&^XDzf!)HfK_(T2X^g2b4MYR%!k{L@o
z=w)N_&DoL8nfUpv)F<%fgdE&{@%a=6kLahuRmM=+1Cp1n)yo;0zE11){gFXPp-b<d
zp{ie#m}0RU0;OU#$MT1B-lDzrns^RR`-PBiWLdk!?#oH8w3c^U-rL__v#v5MJ&AVw
z=-kiqF@9HqR5O8S*5xFhhr-eIS8HBu-tgn>7_14rNOnOP(^mf7WR=V1eZ7}nJ#u!+
zcl|n@f!jSj>hFF~H`~j6vrCKIeij$pHAbfhIQDgxM~9te9DFL?Pj(NWg@y$gLo2I6
z_WNP#sg1?mRN5#%kjOvc4>-{kA+e>3V`p*il1skeZI`M{#P&fM*7j6_h~))fWX=8G
zavGcSf<p5q^G3JzjAm+tw`DyCxqi%KVf1Bw%SiUq)W8&}L{mZ}p~fUaJ{|ci^o->}
zuT`Ra!uf~S61k%V_Zc5A^oN5*A{4T5pRW~vdia)UsrGNefQWbPrJhVt@#CtBeN3a>
zXIa)C&-48`G7g51Ur6Gyt-Ou?h!}Ny(U3aPdi6O;vYlb17{XI~LA{4(x<6X6x8qqn
z$%emPuW8tV$GPBy-_ESm_n8GTtwcMb#EoU`-N=nWYktFt+2F(L^H5N<=@^Z9=afhi
z8F}t%O#JFMu682~Yt<GMl{1dbJ%WB{e^70G%JA+1I*E5ATE>`|-<$q0Rs9w3GoSqy
zg6G0h#r?kwi^W5JClB)bLYj8D-e=XE3yUZ*m`xxT+LX}q9#`O`Xd-@F3Ecu4t$ps-
zJqGx?)HfIfKPr|de@DLAoi=bqR$J>`IqhZL>axxGY)eytvX!PAVjf8`IU@dPn)1LV
zl-7HUI7w{!AwJtRRr};u$i!i_vrj4&e6qVnoV>3+sE=Yab{&({Q{b4@NK^ZfEk7I6
zS9|v(yy`y#_O(Yo_dV{;WLoWW>Lt(Neoo`>%n?NKWvv@!lGn-J+|$aw9!hcf1N<_f
zC{vMM%eeE0Gl$PUWY06?n-Lm!${?}c`iQ7S95luWIPAEv+@#{fPG?gNF<6DhvFRd>
zxNtT@v%MyChJC+DI6AQ2810f*Nw+B!<$S_J%yVI(+Lb#*&}Xv8ryZnCh0>3!k(jTx
zD6~l$G#kpbEmpfwihjP^5|`@WEtpH!-58{w5h|je@)D~JHI+($_Oa;lk7&v$k85a)
zpP5s$2g#zRaXL*U-h}1xaR$Ti`*iP5xelWu#^*zXHSC=OrmWSe<k_pq&P}&7C~e|U
zmQ_es(a`_`(W#>DC8Gb|;BC5glLMUNk=Glt*SlgZTpg*{SrLleV|iox5pg$^ng44=
zuNcnh{m5E)Dp=r##BBAT*k2i`XkzPi!1Ttb5|RoKlBc@F6S5fKSQJ@yf>*A?sg#(b
zuI)|xe*u5SF4vi=F*zdSS-`pD@=qFW#jl?C4a+BL_p$1V*YkLL(`;r(+&JmNrfcGH
zP<K|%Xs3NW7IR*;WC^Czf!XX^)tf!#Pc;w47A?$7^Ay(q9zixs<Q9pzAEi$sVvBZs
zCcd7eF*%Y4ow~o(M3xPDB^WMyY3>`re*RW=d`h#*9}$ycyj|UhoQ!KVJS>WHEoguH
z%om+DQN)Ox<e(fdnayxL4rnm79vSdD&`F=5@Pl8?sO^)hmohgAPzt;H3{w9m8;7Re
zfwf$tb5q)&1i`YPCTeUlc)biBsc5}iW4W*P_bU24rOn%P%2N<R`r^szTal|}EuII%
ze<z$Lt6=XxIL!|F4ve_1?knom3x1-*p2h@sdlyx=8pIV1B{hA)PY>wm`dE~FFDknj
zFJMzNxPkIMs3rbWP5M&ME)d$D<WvwKyq1t0`h^=4C&}1vDH|N4BwQ?|F6A+ESrNs3
z&+i=MRkadyR8P!mNGW;&R|&VLg-N=(#jzDRu0BLg(Hi8FV;y5eq`LZ04Tqv%*v<hA
z9+RoNX4%F|t#OF^&~$lbcV(Z+h<@2JVZXU-aAZhLB7qabA;rL6MlTXK1<q9s6Y)(~
z!hnYowZu+KL2~WU%T2;+rwbodEKgwk0yKlD?KfJ~lF6YOwuw=tEf!HKr}|l5>fs52
zV~pOErVly*k2YG~EhAoy?@eKJ*}x8Ah||~rA!=?87VrC#*t8o7Gom-z%(b`Rl|#rS
z0ddMe(3I}3_#=tdP7mAUW=f=mR=0^ylPPt64>T{6RW~?AsX-3Hh6&!?chPtxz%vwA
zOsA@LkKh^K43FrNhXqQi&t{*ZYAi#7?s48{s5vYbvbI@R7u58~4*dcSCR1_|lw=)n
z7mCD)40S5u7uL6z6GK#_n$m$0ecYTb{m-leIh_V`l_ke`OEAzojYf1}`@0>%=G<+d
zoRPvfVkg*72gzs(;`Bc?+AJ-fCIMZ=&85&_PbC>HkiMdFwFgL~Nix_{nyU9;h+|sH
zCiG2dh6YmQpZStuUIsU<HfvgAy}KRicsgwv+nOiM*qq*vOW=oK(x6UDT&33=Co^W9
z4v9jE0zJtgv|fs8h#X3#!Qj!^CnXuRDU1qerl|=hqcu`94S%N@CpWQ2fTyF^l4&YU
zn-N#Z3AhL1R3^l6E#)C2dVBJwPy-Pftj;5H(~c1B2!6Ve4q)Bu+Phdh;~E~_sdp6!
zMB!wozTe$-hlcs%ZL$v3m2d~mJ>Q!1!_z&9w8mb}e<(9zi0IYr>gr<>Xzwj(mLwU`
zc*b=<f*UCPO>C0VyW$-O0rQw5jw0(w#CyK{ewECUNULuWg66>kf`2ko`ZrRN@yKbv
z;vcq2w7jO1QlU?6kBvjv;*q*!65V=aiH$r))ak1D2kKoZ6Z-H3Cz>9VEx|aQ;0phx
zL^W&@jOgyV_s}SDSc-A?u<HNxLJT~1h&n(1DM>Jj_uEujq^V4z(BwR-6G+z4)%}Mk
z)_W_3CW!_Y(sa*CGtPdi&~UJ$wYDD-&F1Inzz$D8yhhjI`R7DCGj+?Q89FgUPTlW_
zaw+v5rT#=}BQs>@dhfrNi;<~@BSFJSW>h6J?8z)M0@YC|bE63@8}gDnRWFI0Tm$4C
z$*l8Km+VK0G?-C_?vND2iQIE#tD4t@4)hGB_|j>M@dOSubnO*aay5R`Mc^o8aMUuv
zJ!OtM9eyH*$k~jpGtL%LA)M21>M$a+u*&*9wS6Z<I7>K}X)sk)ySV|6l>0ld>rN)#
z5vLmB{*a~&*+q+;@S&EPetv}(6K5pXa7|EO?hwNn*!?zBJeu2lz!QR5v{cd;9;JQU
zN}P&>#@KwqJnEPc<hHK17_NF{h82SQ8i=c+oKa2%wHM<@CWCh%59n!}shitosX|4X
z{_H=Zft1ILh*h<_3%!aFu<0f?Nkjxf&VNIJCeZ%7=crx^!>M(Vuc-bMmB~!(erUtc
zb=#H^x2m=T$;C&9fI!R}T{mo-inn_MpIY%Qv#0?aWg=u#<QeycIlh7pQX<oI-HPLp
zDJAiok|Z-GAZT-d{(5{IN1PlA=6h82%~uB#r61bw(2d~tTrb&qpw^xoWW$7cnOl_T
zklb#mqNnifaHhAmIk04KTPF5i6vQ5L{#YBwf|LXW4Ay79rllipO$g~5VT#%&z(1<;
zX&ChQnDKS7*6Lju*iZ4X!zg2Due^oOgF-_ZO2)+N<SM$jmPQd8gU=*9YLYS+OM1yj
z>nxKuSVm$Ha?Yz8>Q)SCq&SAE$zm)fUmP2EW1=#IW6gAS1h~rd9j-OtiRz<!`=0Lc
zRNiH2e!XV0#_PB6yXNNq{^eFOYzpa=C@Y3bNt6@Q`wx=Prl9u5VU)wl0h3SuWqf$p
zneTKo#PFWawh?ujKZ=<4;2A-AHbi+!J47BW86YLP^c5}N!lOPp6dkrz5xTVjd((dv
zuce1W3fZh$@f(H)I)pz53&(%&PDA@@*a;-kZbEI3MX8L{r6c|2Mx01;y~PCJ>Rmcj
z{<&=<PRPfj@sfxglnp_KhM~qGzK+;4K5INd-jxiP6z{!D5s!rC{AWk5@T!hM++aL?
zVwG{Dtx>Y1{V>WI=D3G+yq`BM7BqaS&7w?8LJ{yHkr<S)3H?<0&$2jKu)<(6^CBLn
zy1&}J(xbM*!w0+=OxMBlDTc$L)}4tz)VPbY!K6H<_aL&tQ2XzH6ZUdMi*~>P;4<Kn
zbW%88W8zL{jXXvWDGZo(i4tf314{vyr@lbdNM_xoQ?-)R!zg{&3<BuFUnNrz%^mRf
z>D<iCDG3}HxM&CuzXjNW2)+yuf+37V_fx}8qY^;c*@ctug8-0Fy8mKABWf#R{2qaq
z8tH^t1HkBh%Q7ZZDrw4_X=QXW_&NYercYP0^h2ugp@FJv#{saF3l*%T$kw{Rlx98S
zgS5{Ab!P_y5olyx7#B*n;UUpi+|sZRUeK80Ogc>+zRwPTv2$=(qhcpY7OJNfr=qSG
z2PLoAfvs#`$i75h=+PNv->^nf=QJN54Ca$>hYz)}CrMB*&WvtP%>EPUueeITD2mHA
z_DkO#g)(B@vyIg-`jU_Xp^^Nqr%c#nO8zJiSe`VYkE!FrA<uxLR4|EVWET**RXev$
zk~#4?lSpk@P`hO-nQ&67UJ*sXhiccCKuy#w0U1GM)*4eG8-mMXH~@8^ADbN7NL!NH
zsPI3|rOW47_nL?!+DlS`1I^)J32uh^^pDszW>5CCBcR*e_S8uI@@qmiB`z*pT%up?
zOW3A3qe-c1RU*ti&k|U5?X`N+65L)Z<{vbIgs7Y>b%1FJnNU(Kza5bS2@$+V;_$>_
zPkeYW4I-D*F?>w0((g{Qkj-of8&1SuIFLwd%%VY=@DRbA4~VME&7+*$4_0v0U_eYm
z<u{~OZ2~BD@gkOr1L4djV$QLWRBw|tOH`M_t56t7wlNvkn(vjHzdSo)9i;9RrV0GU
zr5#RBOUJK%x(9O+<#J@Q&Q@k**RVz^DFqqPSAc8bpyS=t59JUs3-{h#;YD&_Xx1EQ
z2K=)1eD8_?pxbn%!1i0B$QMw2?UtbV(3$-1$Ec5iWGF9=I6jPE;wof~95Ba0sKkiP
z<kyI@>T;LPF1~@D@c4;&j99ZKz=(-<hi_tIFh=|H^3j;Q1ZIqwV|O;{<GTenK3H{>
zQw%Q>q?~{$N)GXFK7+R(0N_!<S|h(*Jk)KE&<}+i@xW|0#x;ug>HddfMXX=Koo4)f
z&jQDr5fX}Uw?GYh(?YGyx6JV=Fd&%PnBQ<~EijCe*QQ%+hByb_v)-|RjBti`F9#%i
zi^jYqMFg+=f|0cG&H}va{sNXg3)%@54i^Gd4^D4iV+~{Hb?R>1T;y@D&s*?$F9sZ)
zdirM)Bq>Gyre9V05>e~Dfe;LX+3adk@ybe1pFyksNbbM00Ap-V^6zs~ZcQ8mrRvy4
zxJYvQ$)b+0w`VdL5j)yP!MLCO!Jy_9KF?{IR-1Lo)}oknU;f4OE+X;&Zr=1a75%$i
zL6IccHh&%A0W&7pY6OlY*7xi2InyXgRpaI~#l1`tG|vn=6OA{mCoxWa@b)y&d}Yx3
z>Xj*;FR#ytS9OzOs@dRNj^|MdQaI+giYw)@HImntsRmFqGb?=?t7hP!aaZJ+PE(2(
zXuePn!z$!NO;{F}ZF4K*teMSQ%vpf25aiM-@(YpA!{n8(=?(lnq`yi8O2%SQ6C7VG
zR`fmI<uEh}tr$_jWCiWMtJ~PDWFC9aa;i>%IezXb5Zu8Ij61~F<rYG+tA{e9y#Ua&
zOs)T@d}Z~}K*(pzD8R)1SDPCfwnN+Re9pgZG&xo?l{0CDWCkyEhbk7`onozt9>1Yu
z4kI7FN0Y-ouAOWcx$AFuiCB<4oXs0Kg@-vly(AiP_O9UE<zJWHw^f7=aDb6wfA|+)
zwC>gr`R#N5+K#WvNS`fbFcNs`x>Eu*(=70blkLqF&GedaIA?1W0CFk#n`Gzms*$L%
z)h`w;{5*(}n#*5RkfqnGS@lJp7Fw_hg(JXmI6rBMG1whlY)JHKe_P|h4%T(nRIjrZ
zo(>d~?oyOvf3kSr1~~So-B^6x(9W~(Hdgqe`EAWl7H~bE>&=J82B~}5RulUlU+8YZ
zkAfGNOEbvAQ2`|+R7=%bxEp`8IOAEQ(Dd6&=BI$}>tjqwRzI6~;r#4b=MBua#B+ez
z4OV@mnoWfp9m{nmS?h;CEND&~yyv>k8Wtui<`+BcMN(4+m`m?%>4CWL^4;TbAcHW;
ze)26nmka2g`c=tw=V@C|(1TN@6mD>xRR*CThY)K=b^FIgj4?rQzkzVf9M&|XutG*<
z)UE#<hCySFV}J5Fd3pZwBAR~Z$Pu^<;yAp&<b4xw5E~>l;&E!`#wkcjP!VAted*uc
zC;qP2<haQxA5Xo{TwtW;-C<+Dm(`rIkQz8=l6)BU0)P}gxcdSkH^<PSb8nRsYIwx{
z#66|s%nRK(^~fdP2rE|bEA%|o{V7dA4OjBu03X@$qFFs@Iz3Zb8@zeX6{#&=dI86O
z_=&rV=>G=!zb~@A%&iKp$UEy{ce$r6AP9FZ&ERgFT0efS$316y-}F_WHXMv&Q<qt~
zAIc!0IXe2J!`I$sDVReU+~&!@<k<5Mu|o4y((3%r7d_NPY>P);&RnQ01VeG<PVB*v
zbhZcD%073vr~RYC$CxlPQO++fIeLcm&e^I=|6USpZd>i#)BE-%Ws6kY7(ywr#|p{!
z<QI<bTxSIy6Jz@Kulp2Y$1k?eLZY7rM|2W0&D>7FNza~U)CnJAhK;n?uvGN06w3QS
z-4L{L!iJeksYbD9IecDDcPuNK<c(C@1iFjR6O&`Lk?T<XgvA-h!Gk&KX4a2P3DTUZ
z7nx3J<yDpfQl`l^bvlkYXD)0)KF~_s_{y}C{rJU%u}dWuEu*|(q*NfCH480bLf>Z+
z6A`qPJ?@*7BMgp7B+GlUhg}`|Qz{Qieb3jyxD)yZ*MjvYd7+o$&mpjM=p*iGsimsu
znDYUZuxSmw07|8TT#Z;;@w-=S)pHnUuKjzPo>_I;pzzl#UvGZ+z8ORRWCWfDG3DaI
zK0k!~k6-ca8KLka;4xGA(YJ#uhxC_224sB1>|+tl`jZ$+AZp;$H^`g$4~zFD&eV#c
z&eT>v25&wJuFLzxV(VbNbt30qB01RL9s|Y12quSBFWt)UEyx*GK%OP<nDdrb^G*CH
z$H;fzYv5^#R9=aUd$*4M%Ao<7Ss{MJ$QNt2vt#SFG0quSK`tufRes^_KaGXllRAT|
zNYJN15H!EN?N_9=*&)|yZN+978g-*c;nn{;DHo9dgS&Efub92LJDtg@%YwD;Osa>~
z-yrp1T+=0lO&a;6Cim2UhiUh1Kcbgzcf8?8*tfR?($X9#mB+Fy=B_DD-%<$7eXQAI
z(Cmaq?ZGg3OFU`6t9R=3_4+yP({1uX+lco`Z~b8wR;l&Tatp4?Lz)L%Wf&&M+}nO1
z15pK#$=m+ji!P?X@tJ{ck=%21*87Bo(D{=I#xZI((5kuVucq`j+Rx!Hwp-jz=vHWf
zcptYBxcEg&C|CjR1rO9L@6mSFg0n%rx0&Z2@B9~r{bAS`@b5rP2X4UgwP8cpr$BD5
z(`_U?v?MqNab}ALHFqn;-nRnh=LegY=f!$#LG#PXJCcSWbM`1xH-fQK!&h6x8+LFV
z@zF#A3h6S+Lu*7CI5-ZA#++?G9XUoIP25%zVufPwYa=n?V;&ZWOeb2}7F9U>45<2W
z`)R{f5vSC=#ApD%OLiEQobXDL$&={fEz{b)13W&nx+aO9fF0Z~2q*k-@-^dfJZ3G~
zK@yBqzQlcfKXPV&!_eR#sc6Od#pv^YW&I*-RT(M*-atg8QrO3p%OO?ly@AIXR1J!>
zEFc;gG>7AD5S78OR4A5<@5J#qe-xWJ<;(pmx7h*#JoIB;6A9I`V$q*l44OF&07$Y-
zPVze95r8;*iTl^z_*dz(k3q9k<sD<(A!}oW{O+HZpNly@x;3LF###z1vcxBi;rFjF
z>pri2_3nzV7S$CHhuvNaea)J1TR8Q7;&Q==xwZhHVyz_&t&Qof$DJTSONeir17!Dr
z#|oY7uGUAH<EO~3{Nq9Y$k$n9mR$a1HtM;2f@Qj<fyNY@E|cjG37+}f_i39T!PqJ0
zaXAy_ikInBBY7w*o^>+bvaD7dK*X+_NgvA8G=%f&h2@?6HMvA<(=I=-NH!`+KV;yV
zQ9ZGswg=J3D(^S?xtT|TPorMJZM^(f!Xb_r>hVV3D}_%zk3B2j*SBI95(}Uwdt-Bi
z9+WrCo1nJT_tM6N79fJ@UYjHIyH!QrsuPk;s}NFPgO6a+j3vHnHeY^ZgNU`2M+)$%
zs%nb>)T*F#NAD)6@7uXE1Dy`(@{D&ua$+W|rIJ`Tfjp(luzjQsQ%~6dznI?yd?_^K
zb99a!Wmf}ISH-wrcACe{3GzGbz>i|0QaYACln-q*wyXUmUS5W;y-Q%lC^Q#deo!>G
zPaS&HVcm?n#|5>dUVfl8D~QTkGgand)t$Lb?kK_xAKi!>Q)wb`jn6{VyWegWDhwLO
zkEswM#-Num#b_al>frF7%J<9o`c|0kQ;B5M{Rn5i_l8gM*g@j0lH24jAIj~=L0%ou
zx~NtM<u}_#V$dJetiu=!JB*01kR8B$43S7mvcsgCZ^YH?zqew6&LD_>us3$T#rNLo
ziHfYn&eDwL-Wxz15Rb}4ukrAy<&DjMHZQ9c=K7zQ{=2Z@GH^0UhEtNldlaxGcYL`(
z^>5z|k?yo-jt@criOR=jiQ@LT{r*R10(8R~4+%G({(sdLlX90=PWtJ2!@Tk0PXL=%
zT7%0%XrNjIE<h-xZu#W+|EEG`V&YXWduWpv17(?WK-Z~SlA?_w=rvD`1FdTp8+N|{
zV)^lXqDo1sgXvm|5IC2rt~V7BUqWfNUC4_E=Z2OgnxRt&OSWKZYGG;gcPR%*G$Y)0
zhRUp)-58RNs_<OslF++;0HU_0q)8c~=}?iJ5QLnNj_1HQL-q1~5W)wvNK9&}6Dmg`
zI$s|*vHv}D3KEh)o#e_1VgeGq|Jt-Rp-T6%`k5e`Jw6bM<Oj^nNBW74?3f&3CnzDe
z5dspjAR;i{TOanz-8w=aw!R_`Wz=tetBv+!c5#8xt4g9(R!Dw~PzWb%M*)~K%`OM@
z-Gk)%4G-zUd{znRMB#Y*eIk^eelkhaf~w)hWayYo5DdtGVslYb2zCdSFp=ct0H>)4
zU0CUE2O$1(KY_|_V_Xo$*}bX}nYzCmZrpQYZ)$qIwVhcsVJID+X+?8jX}`1i!f^5Q
zZokcU<bhx2P;2+H&8v=8G+@KtF~H%9qVoz*A}!ne6z=zU9=yX4NRm`2bKR9C&!@L=
zd$tDG<huLn81rb}hN!wn$N7Q|2MR8)Njk!6LEc{5FKE6(qw$~~y}QjaQfz9ORFWbc
z*FWA#r){cPY><=YpSkSNy8QR8R~DJpV=iZSlio2_;1i7}&N)nH4=?Z>Fqr-;E#tbu
T?^6mLX9mUw=K95#9H0IlI<<QB

literal 0
HcmV?d00001

diff --git a/docs/images/icons/icon-72x72.png b/docs/images/icons/icon-72x72.png
new file mode 100644
index 0000000000000000000000000000000000000000..fc229d6561f20541616b074816b5cd45e1d85958
GIT binary patch
literal 2521
zcmV;~2`2W5P)<h;3K|Lk000e1NJLTq002k;002k`1^@s6RqeA!00009a7bBm000XU
z000XU0RWnu7ytkXi%CR5RCwCmTnms^Wf}hd-31gYTr$MkLNQm-%?pTf5rGjH3}lpw
z8AI8SyrY7SNSQZA@RkBzLeM73YZT2w$>fDhH?*AGbx|>jO3l1fYI0Lp*uU?M=biug
zpZQkDW`I5Cn|bH_d!BRt|Gdw6-}igp_k3qV*g2yT+gqaiCCYJxRYfV_^W#ze6y+Gg
zJ7IfZln<la8RawBS3&1yetbI0x+rf&DMoo9N_WEhMR_O6Yrt=f(wXq@MEOsYEm1y*
za%$oRWO7ttdufyge4Yjp-itC0`<6zz9G@2fe>qBD5M{(29c4f4H~hgUd&}=+a_kwU
zCCXv6&)jGO6#aRWrYN5x{A^&GqpXf{KVb#@ZTKru24vNe{H|V)yY2gYfA1(SLealQ
z*$4aGwI+Zd!xu_SvM~?XwkY4s8c7w{*20wzk^Nn;9RnpznxpK6{d-{BK==)b;QRx^
z&(9J`PDEpr#d6^VBI)@kOAvrf$tTHzhJf7LiG(}k`)xc-czqUPl3(0uF#jGxjN|j8
z{1KnOM@l{trE8S6QGN=18R4_V-S&oyIzF@`Taw?|&qis5;!KKP^jDzFFgmY^lzbo4
zehu&gqO2!;thnkZ!d{P3EjOjZ48Ne2n3_{qKu**kN=~Gi%eI%%Ea-`*lkjJXQ%?GF
z!he`>#SY_IGjWl}ivoVJ_W<u9`%U3Bq~!hby+=f8gJp71c7n%YzvBZs5=kBpPNGcM
z$tlo9ei!&;!dZbv;BAOshl-NyhR=#+?gzJYd}&7^$jKQ>=HDq1C@-bN&=up^#*@G8
zQMTgqm697Rpxmc5LEuY7&<2WOyCoJ?(hrZuMHf+5aV}%yMhc+aMd>|gmRgT`Ydij4
zA;)@|@&UFJ<t8<Wn+@AlR#YHYQMZ^*ckKePoX=z0F3JTvv3)6<Hu5fl^*BMl69T47
zAiq-LR5SLw1)j1yr+icHSET%W!M`mrp<e2<Ysl(M21hv&pSNJUN(j1DENHG|*K6eb
z3A=)z&Io`taGx_UrM8iBX4-wC3`Zbtp<r9Y@x3t9%t2qMNOBQ=>t_7@A-0X8;3~mq
z({<W4{##sZ%+4gpzw|2n*d|e`O#<SUkH9yP+o+sJZr3ap@Bm#;Z*nbnp(%uqqyX;0
zzVFVAK~B(Ax+|@8_lgL<i|N9)2vIYlJVxhp0JcQ(1p2+9M645V4&fIFId<Gpgf9~O
zEi~$O+AQX*_etFK)zs`dA%R<9?hpKO!8V~)(M@Kk22s%5r6(P;M(}1*eE%pL1z)r)
z1N1{t-iUG^W(K|^rsxZZD+^GC^Ee3kNfX?)7hzo}P0$?ZMmlaLS)t<>5`LeMQ$*&y
z%M!&(>eZxr!PTT}knA}~f7#EiB$C!ja9vMC9!`q4QiIJcaBPCydv{kBUHLI4Tba11
zLOaQ&f6rYB>$nP7S6C-!&-VFrx-qW`d6ohk*wKpBPZ|V0u{$@Rd<&7cBthO%`kr4T
z@EKX{QETlsn&L$(ZGCFKPG-*{tfgAotxV1nA>+d>XAq?Wtu*!5i)C#ma<&qA-%nWH
z+bC^1Tp#F@k~4sk&Q?n7W&!_N!m^5#R?JC|XP*aV*|nUU!ITZN>nupP9Z%W*Sm&n1
zjKwY3sw|T;Ql@Js=k7#bnUy~c_<VA!tyGhZ$^$uLs5WD_S|qtlQA(9lrHo*5tg(Mg
zmdWv0FhMNC1M+RaC$&S)$&w{AIsc4Omj`mbB>~s1=vryRs#~21e0gFjw<7f5JdiWF
zo!RJO;Ik6dyUAC9KT5<o{&&ifGfmEzcE~vw_+^Qy+T<kQKPGY<{|D7)nIxxzs`rhF
zBycM5iA2t}M9i6<nCafe_hyzH9;*^}-(${~DM{Q$G0BV1Bc<#pg6zYyPL8|Qlmt1y
zl)jSU*AV^);cen}ow9B@71Ww&rCjApzz>%C%eKF#^G7G@tND3wD~~-x5@i5e#~F!S
zXf)wJlIh;o2KD?u+bJE=y{3tRwymY(ZjfYfwJ6>g${*?6oAthq5;R8$Xc7F*Q2x;G
zcEO((g3iy&tW_zwjVriJ6r3jn&5+>RC>A(AZx%F4ENHn9;4_@JJ7!|PH~SaM`MDv;
zhdsGiONrl0p|t2BAPe41$>Bmek1P7zxftK&dYQ(L6f2rb1g<6Joy1=g{*$~}P(hMG
zle>hV&d7bV-{Wr98`HbzLxb{UMFk?^x0Dl&5E5+J?jL~vEtFQ+`+}>1RE{)-^lG)t
zCyl1;3Mlz*C@nH@lJ=sq;<-?IDaA>$7gyc@{t$hCRh~$)aTE1?MkOradaBmzBxu`u
zA72^LK;%`09K0vSB#lL*%M`sj5!i=?9dGUEau*-ob$ln3FO105?A8T!nJH?o9~>*k
znX*>^|4rDjvYtmRS<}K$zEC1JiKLAhOy53@*T}K<WYn7U_HxV36q|flJJw#Pv!?x7
zGC^dTC{@7nqm@V;ttR`N9AAe_{B^`JCGzW0o<ehO{72l7%o8;T$>F<5BKMW!`=jCZ
z9;*981s{O`ZZ8B+%o9-+637RFh&RKIcf!6P$6K24F!CyUMXHbBLxEd<HA!wrMV^SN
zLl<B@EUG$TQBQ`_3fNwPTPpD^>cH`0O@*uzrLNbEjQWzq@gp%C8d0{6sH@;-M)?=W
zIyO(Kff6+Z{h?PW(d2P93gh=f`MdN1q}@%~c#n4Sw9FFaE>RsykD!-OAa^CZ!QF}o
z__gv~wjRm<VZqeAC7P_nBx<PDCyqTilpYmLOW?Nwdzwhh#lN@UnWzt0!_O#)duIK`
zP<r%a!M?j#+c&7yGC5B!$JW%1+9~U($la63^0LGhw;v&$g8rfOg7CsTl`KqBmr&|H
zT3K?OkYL9>5lWA)hYN}JZ!-MNpvP$z%!MUYQcr0$k<d@v&FVPskz1epcp+&>DD}Ue
zA#!u&ZdQ71pq^5VkkpSzu;UI9OPfkDX+_A{@K)?4q~tRRd^X`P(0;cReo!zgPw^;_
zwX7p0uM;cliA2)Z16(UsHawL2=fzNJ59i9&t`6nvAP*BOdXPxih;$%O4%9*fFUu1_
zuEgL_{#16ZSjjn|{IRz_)twj0SH#ujg(SBC>qKrQH+fDH%n?G+O6>0}!P=J&UXhnr
z<OJ=DI8&tDi2sRP-%$Qq=o(m0K`cyXwA>KX4JC*@h`fg?f5(k1d!lRq7UL|6QBJ@(
jqzO+Uh}X*b{~P}WY_ZR3X%aqq00000NkvXXu0mjf7(m=!

literal 0
HcmV?d00001

diff --git a/docs/images/icons/icon-96x96.png b/docs/images/icons/icon-96x96.png
new file mode 100644
index 0000000000000000000000000000000000000000..5ed3c72329f71c45491fc9934b2c942b71737f7e
GIT binary patch
literal 3757
zcmV;e4pQ-nP)<h;3K|Lk000e1NJLTq003YB003YJ1^@s6;+S_h00009a7bBm000XU
z000XU0RWnu7ytkcUr9tkRCwC$U1^Y1)fK)o0~llpQ4|e|D1u7D5`iMY1&A6z1Q%iy
zw=sx<BOroW0SO>l(S%J)mLeiZ07VEwfat^s1S*0BMg)RkQwWlvkbs~D7-q>m#W}vO
zPoMi{eo)dwzgu<cO;4Y`-S0d1tao|Not&1-*BPGHdb%3kt77nV^z^x>NuJI%-p}Fd
z`JN7Vn&;_K;LCGK`??8OXL~y2sf_9Oo*Ds9E&w+J_(%}_l)yx2cLQIkr)ND?PlS-#
z1gs&RiaZr~`jA2U(o=uMU*A)Sr_r9q0>FRvbfE%wou@UP1_IwdJY8dGP1b9{e?1N5
z*VWm)2xxD5YRK==|98M=dwTkc`N-V#=KuHL|25&)Z9Q#)KF0*iTvm?$!Ja+?QzNZ6
zn+^hOkEe${9RZL}<7+cd9|O2#qIP+j&+mVWueChA0eqw#4YE}TV*6|G2!066M-G^g
zPM-b;pwZuF0j~g8&(lWWD`PF7R!!M_^dY1*?X%G@2yhcT?GN016)+$FWFJAG{Xq#*
z`099iAHaRrQ%wLDwd*A%te)8<1i8speDeh{W}qrx=P~aQzRps7)%f~re!qmTe`CR*
zc1fGbJjHzNoo$-1!P6%(k%$N+p8*p4eUz^g6klWDLvysv({}?xSiwBUlqOU;)lE-7
zzTw*fqfS6NlO6G5em$2zcbKogfzOD5$RAv(H0C2uXF%vFLZ|=z3vz|BQ`slTO*a4=
zU7nc|hj|IV{x)k(8Tf?Zo*v-8$3h<y`F|3ot_Tc<j!Fyu0~z)yl_$ukev5CkU0|dM
zFxN2O^D3OY0{|-pQ?rK!<Y07vrZi!s`cC<-@epN|@o#j>T%8i8XAs}ulmPfL;%YOX
zUwHbCF&h644pc_&okn;%RA~!2=cdq~09=<xKKhuxr-~^OFxv5r?c*EPBP<7Azs|fr
zSAEF!5dc=Am^%zdTOVpn0_<x_pwj1aiZAp#D`m)e7TE4P1CfUCJ`MGq(9M&n`L`O~
zYXaIdU)lI$P@=%>yFF-$^!ZF>)`DEPzQZ>(FW}td1|Nnfr-{KULTkeHBLPg}{%hbf
z(q}IKUV#0jp)F+UK2^EFK90mHofhDTS<E-{DTjy%DvrPb;7}hjv_z7!3t{vZtI<8(
z$b6fFvp!Z%1h&@jE%#S8EkMu~0;o5u_wj~?0N+A2;;`J%jGZ%<5lTS=HoNqRnL38R
zzF_~L2f<Phln7vAWf1@ZMKzdZ0MhtC_^0bKpFqNtqi*^}NWh5x3a?9`xK`gV8CyUA
z+FYTwyln_zVWyj)90h1=&O8OERfZX%b{W@d5WseU3g$B^Tb<68QtbmM>1w3R9F?ti
z0<Qp@ZwLT2K(u9LrU)RHfzAWMA9cE?QOZ0}rSp8FufY)R6~)BeKLQ~g1v5kKKKQ%{
z;Gm0Y{CSXhA2I|m5VTS5V-;vhaRoB=jA$2ldfXi^8OtawWiT#NnQ1;3;mQ=KLzM$>
z>1nD<od+o6$fq&$O@`4b0yxCK$0{|H@b40V_fvc{6Sp0BMF7iBwg$)-xA4@5qk@5)
zxU7U)ivTKV{}Se<s%4?4y}(xlK+wecFfJ3k>Y_Pe5$0hS-7VlZy=T~U%4W}2=5Dwu
zU5EzUuJ{_md&oEMWY>j6m6s{=Ql<bss(`cjBo;4?>8lJzY7sc+@4;_s7Knm283SiE
z2&xpmyAAjoEPEeQnlk!iM?vz%;~+^o281@4RvnChA75nfmO&|bF=$SRuMm<UDabu*
zWVdvkrbcy0P`h2~Y#HV&T2t~fMF8DZ{Y8&ticD%LXI7*_x-vE~otduy1W>H_K8J)1
zZFL=}a*ACSd)*l#AFS_aLCrP<RjPcL<O}CziVvvkQWsANEoDcCZLGn!gNtYwincWP
z4)EvCQAIitz>^BhVpR(gTipo!QK=Ht4a)q?2?%OxrX*o<Q={1F(g=Ub)8&dM4{`xo
zSVhZ4X#Tbbm=9fpnZz|0N`m@>6U7@xP!Froe@s<FtEq~r7Su-7_w}kj)PR;J+W}jx
zj-ese4?ItS9ygLsGx%~0EqpTo>Uw3S?oy5yKXW(qN!qwg^(FpiRwjb4LCUQlUtR@G
zU7lfU^*pi_D&7M8jamCJ!`4MO>2r(%y%b(woT&oHIl+7tDeScda7q+tOBDYGLr^;O
zbnLM8`_kvA$~+HnqN6VgL3b%LQ36rQ1@M_U3P}8W1n^zN&fY3%Z*s}%>6DW4D#J_&
zXm`P9Mk*ljGj9VQ&8BTtye06NA7=aLN1MAKW<);^eD|tI2EnB)x*ik^*BSzqzXu!T
z@~j1ab`1E1z}E%dFHvTN@_<$lX{|8&loHC!Ot1TYli<$;ptOS|CtDlJ)khWR#Q<(s
z0DpN5_$yCv@KCA2e<cR|olqKR$rVy7FTljCCIcJ-{{we?nS4ga{NEJ#^J2jNgrgS$
z|3D1*`H(cOiLv=>U9_4mE1hm0sC{7!__Tnw34p&p2K;-Nk0yZLj{*NJC|hJT_yoeT
z81Q$wXcp|sa?Fk_`l5;X%?9}LnYk4xkDSsCS5K^oiFT-h+K_o~fd5<I-wH|A$1&hf
z3z)yG8~L;nZC#9Wq>NNb(!E^jteVb>rM&!o7p-oyz<)6T|9B%{x5SM6)h?>KJ_hd>
z8{l__kn~^-_>+=QGjfhwW1M3lILBcweL4|^(24nIUgArm2q(PbvmJc7>8eI40RLV9
zpBd=V7hd7W{|WQax}!ZYBY#Y`gO4{pPuY0{?RDV4J!a(7>uW)v@5X>XF#$ia`-5Xf
zK2|H6!~ctoYGo(j9Ty|esR{Uz-ERgU>RGDIT%{CYy=U0+5>;NHrdPZn_=^(oQ*XY|
z+4Xm-RyGCx0fv^yXGVaKNU$57J)yGRMJq3|`ZN@|`3^2TL0$l$QpNJ4fR-#*30#4*
z=W@vuU7F1qt|fq10twV=1ymPjFCirQ0rZ)}Nt!kKhbcj2z3Hg~A);Qz){S{&Ny@LB
zy*O$X)QqULa;cN)qAmMe>gJAQ^t<Eps|db;wbi9>Rl?nj$a}RCKu?$9tJpFr^z7m6
z1+SBpLv=2ivBLHKJ3vE3VD|<3?3oB4T>w7|fYlp76?5^9OW&RH2AGt*fB?i#v`HeL
zbOCf!j#b-#)POf!`Ubga0IKw9ofSdrMH?mdKivt_#K=LHzU>DEAi$0`1TY;0AcAUZ
z)QA!R#5iJWWcM`$(8(}Ce=<NNXT05|Psp@ROptAcu6OCX&u178GY7I;oQSVs^!W>y
zx&fq&{Y~P81E%PYF7@1=-2q^4aq0VXuQPzH4q5XNCDbYj?CEBRe8GMNSRZ~**KK6`
zsccPMtOOv}t6chuxK@c4giTQgm%0@RPq@-{`&A{Z?n+qF=e^1oylZG*(g3g<l@Jyw
zZ9&jx10R(c8U}>WM`^*h#1zE~;X0Rk8t(5D4+;S{`_WR9OBA@6@L@#M-w0om2EY-J
zn_TJ<HC2HJK_fFG6Yl%LDeGhHX~o<&=<`wIdy@uWRCB54LC~QbO;qV27X*eo^#`f`
zq|ehic@sW5A1-uqZeotO(LBHh;7offaB*MpgDzT>O9@^*m7q!M4#^rV)asmQgPkMb
zKHvcWE{*o43S4~J#snA534{bj+VB);!^<vpi)|9B8bH)lj(4mA4fh>4hcX9gP`iLO
zT*Tl@g4ahyUWp(K(?Er_Sx|0xT!D%kyD1@)1-^9DWt)I-NnmpJG?}Mv0d35BvxI_Z
z;i7~8_OlPj3ygH~C9+4Dc2;%`BxMcQgnh+=yEaB6v$}+VK(utxaWZsjR)KmS9d%a_
z1WkS3<5D+*NTb!+quKA!D(xPLAZ$V8Dvfvz1n~&?g&ZY_E-qUBPQ|}oMm>od9kD|X
zemKmg>DI(Fl`jY?OT6f!lM)B2>=@11O)feHZ5Io|(j2Nwz2KsUKHMDh{fTJ;L5N1|
z<*XUOMP523MIP4hAq&QG>f|G2gE;Lm>ljliNd&>I4Mak8w0$Q9ZVou@M_uZQyS9Na
zm!hl9kn}Z6lDYB)k?*1doff#Lc&A4>WzfHce1rZz2l~Y53eU8D!9_>fyTmNnrhx#O
z1E7rrKy_*3Du|dU8tNMm7;OSs;-a(c9!RvI{A7-z89C!_lQK(HRcJaA1h&#eN0sF$
zZJ>}=_9Fa+le<J4V$2d9Yp@i+rO2svAX>V@Mf1$$Bc4zRA3lT#SMd!?w4r=$7!N|&
z3E8jADd3Tq_`J!b;2Wx_KA%@w(=ZW&tqsx&T<Ub_keGyP3h?b^Um;q9eEos%AcVHL
zNw{i*OUV_kC)NANP+-p~f#oZ3g_ov7aSz)Qff`g|lK3ho0LvWmd<7VSHd*lwRGKAy
z{?w)J)R~Y7Azlb_uIP~p2tkT~MM?<zX&?`(K3`7Yju(Q=mdOf@DQa}*LUz2_rEUi4
zrTP+KOi+D}PeRoAwo;ASK?+!Wrm^0ye1(w&=DO%9f08fsNunb=bEek9r61nfK44-d
zD`8P(wU*)Nf9%pXnKw@~A#93XQovH4P}7KvE(Skv)Y;F(6kfd;c~t^;I7hhLrJq$a
zApq<mm%clvm63sW11%_W8S)^AOm6yk1Oly*VP5Wc>5oO6ZTJE*O}kZ}8xokqzTi0*
ze%>T5m2B?P&#$0@-?@g#LT!oL>yQY*9WO&`u$CHm!I>_48Wiq%y9xRe-!jgnZ_S#V
z2*4J=?JoWCTC^m-w#sH{wcR$C{>ZMUL0hEH;lL-p1@}EC%@6?6c0&Nv)+;^&_c6l}
zKWX&2E)jqo33XtAXg**rJKHk?ytIUcCV1%imb3w}Za}EFx#Q0_c#q2xRJ5xR_hbGK
XIJ>*(<6<Fj00000NkvXXu0mjfLrv&{

literal 0
HcmV?d00001

diff --git a/docs/index.html b/docs/index.html
index 33e0f00..de44485 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -7,7 +7,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>RanchiMall exchange</title>
     <meta name="description" content="Trade FLO and FLO based RanchiMall tokens.">
-
+    <meta name="theme-color" content="#516beb" />
+    <link rel="manifest" href="manifest.json" />
     <script src="scripts/components.js" defer></script>
     <link rel="stylesheet" href="css/main.min.css">
     <link rel="preconnect" href="https://fonts.googleapis.com">
@@ -318,7 +319,7 @@
                                 </div>
                             </div>
                         </div>
-                        <div>
+                        <div class="hide">
                             <ul id="market_trades" class="observe-empty-state"></ul>
                             <p class="empty-state">
                                 No trades happened
@@ -1028,6 +1029,11 @@
 
         !function (e, t) { var o = o || {}; "function" == typeof o && o.amd ? o([], t) : "object" == typeof exports && "object" == typeof module ? module.exports = t() : "object" == typeof exports ? exports.RelativeTime = t() : e.RelativeTime = t() }(this, (function () { const e = { year: 31536e6, month: 2628e6, day: 864e5, hour: 36e5, minute: 6e4, second: 1e3 }, t = "en", o = { numeric: "auto" }; function n(e) { e = { locale: (e = e || {}).locale || t, options: { ...o, ...e.options } }, this.rtf = new Intl.RelativeTimeFormat(e.locale, e.options) } return n.prototype = { from(t, o) { const n = t - (o || new Date); for (let t in e) if (Math.abs(n) > e[t] || "second" == t) return this.rtf.format(Math.round(n / e[t]), t) } }, n }));
     </script>
+    <script>
+        if ('serviceWorker' in navigator) {
+            navigator.serviceWorker.register("scripts/serviceworker.js");
+        }
+    </script>
     <script id="ui_utils">
         // Global variables
         const domRefs = {};
diff --git a/docs/manifest.json b/docs/manifest.json
new file mode 100644
index 0000000..a5c9ad6
--- /dev/null
+++ b/docs/manifest.json
@@ -0,0 +1,52 @@
+{
+  "name": "RanchiMall Exchange",
+  "short_name": "short name",
+  "theme_color": "#516beb",
+  "background_color": "rgb(241, 243, 248)",
+  "display": "standalone",
+  "orientation": "portrait",
+  "scope": "/",
+  "start_url": "/",
+  "icons": [
+    {
+      "src": "images/icons/icon-72x72.png",
+      "sizes": "72x72",
+      "type": "image/png"
+    },
+    {
+      "src": "images/icons/icon-96x96.png",
+      "sizes": "96x96",
+      "type": "image/png"
+    },
+    {
+      "src": "images/icons/icon-128x128.png",
+      "sizes": "128x128",
+      "type": "image/png"
+    },
+    {
+      "src": "images/icons/icon-144x144.png",
+      "sizes": "144x144",
+      "type": "image/png"
+    },
+    {
+      "src": "images/icons/icon-152x152.png",
+      "sizes": "152x152",
+      "type": "image/png"
+    },
+    {
+      "src": "images/icons/icon-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "images/icons/icon-384x384.png",
+      "sizes": "384x384",
+      "type": "image/png"
+    },
+    {
+      "src": "images/icons/icon-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/docs/scripts/serviceworker.js b/docs/scripts/serviceworker.js
new file mode 100644
index 0000000..e2a4d19
--- /dev/null
+++ b/docs/scripts/serviceworker.js
@@ -0,0 +1,6 @@
+self.addEventListener("install", event => {
+    console.log("Service worker installed");
+});
+self.addEventListener("activate", event => {
+    console.log("Service worker activated");
+});
\ No newline at end of file

From fdc93ae18a13b68bd128c5bc76b4c21b0a09890b Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Wed, 25 May 2022 20:01:28 +0530
Subject: [PATCH 111/168] removed PWA assets

---
 docs/images/icons/icon-128x128.png | Bin 5591 -> 0 bytes
 docs/images/icons/icon-144x144.png | Bin 6477 -> 0 bytes
 docs/images/icons/icon-152x152.png | Bin 6994 -> 0 bytes
 docs/images/icons/icon-192x192.png | Bin 9367 -> 0 bytes
 docs/images/icons/icon-384x384.png |   0
 docs/images/icons/icon-512x512.png | Bin 11516 -> 0 bytes
 docs/images/icons/icon-72x72.png   | Bin 2521 -> 0 bytes
 docs/images/icons/icon-96x96.png   | Bin 3757 -> 0 bytes
 docs/index.html                    |   6 ----
 docs/manifest.json                 |  52 -----------------------------
 docs/scripts/serviceworker.js      |   6 ----
 11 files changed, 64 deletions(-)
 delete mode 100644 docs/images/icons/icon-128x128.png
 delete mode 100644 docs/images/icons/icon-144x144.png
 delete mode 100644 docs/images/icons/icon-152x152.png
 delete mode 100644 docs/images/icons/icon-192x192.png
 delete mode 100644 docs/images/icons/icon-384x384.png
 delete mode 100644 docs/images/icons/icon-512x512.png
 delete mode 100644 docs/images/icons/icon-72x72.png
 delete mode 100644 docs/images/icons/icon-96x96.png
 delete mode 100644 docs/manifest.json
 delete mode 100644 docs/scripts/serviceworker.js

diff --git a/docs/images/icons/icon-128x128.png b/docs/images/icons/icon-128x128.png
deleted file mode 100644
index 5c63fb5e9032651c39a27a93e57d9ea21d3a0591..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 5591
zcmV;|6)5V7P)<h;3K|Lk000e1NJLTq004jh004jp1^@s6!#-il00009a7bBm000XU
z000XU0RWnu7ytkjiAh93RCwC$T?dpDRTg~{5L^QyE-SJsf)QC4#Z>_@AqLE8&A=$j
zin@xJ7FPttu%e>J0GJSS4lpWa%$Nl^7%(Tys3?Y^XJ+di{yTO1_4`#dtliDX|L6SE
z-81#3dg|U6e<E74Ta|n5AN2)MpA_}(#_x5jbg%!8`Y%y`AnH43kmJ@W>T{z0Wz<JU
zeO2S{hE}3h;a;akz0vht)F(!LwG?1lMEwnr<9<ifJ9*^feQzc6dDM^1NS@Gs!zO@q
zje0}W>zp<VFkeS~2wY#S0NTx6_mi_8A~!$kM<vKz=&qaV?kjT7DeDugL5a-&B@Tdt
zqTV^`wMs)DjQW}YN|mx2n@7E4)E`%J_eZ_GB0&d7n7QtE2S@!okg1RQNP|3~70L9k
z>K^(u_4~n5{}q5?kOsi-d%B-rrsU3ZKNrnrKYsxH{xbLTec)$Ix@Um^jqdY$K-7u=
zS#h*~jC<f)fL|BW%jWofrPbF(eTAss>ppJ?a?;q6EL3s~d>{AzRYSuW;49qk>)h)C
zXCZ=1D3b5*=pOW4#sd~$R*Cv_cb!;-Z`|u`O0EKk)g$Wj6refxI!uuegT9m0wcN*s
z0I@g(xYj-3%{&@b4X+XxEClmDK1GhL!zVx<k=w<v8WmvXYru`vK|HZsAi-~E`nPfq
zwpPUizU#@=2t+$YLr0{LVEw3ntSrGCXML<7PwsapSOCdPUWS@MAi@6;`0+!Z=^kp&
z4F0tWH1<=l1Om_y4=636SR}*|x%V@WU?AK>+|PTEkpvPfruL6?5A)6x?bmXnRA7gG
zdVmqsacdp*cOa-kFxfqHOCiDWaIZQb&+35$i|6;dz=Q1G1nu7fH1Kfv8)yl31uzBB
z(;=<f5#oS4C>m|<A%T3a@o+DZdp+tah3uf|=Kp^804Fx#;W03;IJqO;&yF<W0S2fq
z$aQr^pGHXM&Vg%%Jl{usBSWLnGCgIGV4COJ&^!UzAkezb83-V9Cp)<pRZ-?f00l{~
zgZupx9-v+{%sN|^wg#A0kh0E$Vo_a6CK8%@Fl)G~96z)(GWbuCTgMTG<@Q$T8<%pw
z22g|q3=|G7^>EiO<6e70nun?0WREsitIQzh<Z>$h2=PEdyAM*Z<(ptO#br!2G6@XQ
z7E*pGSNb?l(PxsXD~SAH512y8DIix5E~I0y1b!2K0syjK25k|!VW4r{jjA8FHneCs
z7s1aZm~|Y1tOrXV@4t$AJA<Giw^<Xd$5Ib|Pk2aEGCU-dlXPvYhcxnetkUKj6mF8-
z%RS0^)TP`{<Z3<l+bg(&{0G&>X`z_ObyCcvJUFhlec<HYrA3237IA#qj2gX%0gAle
z8!QLP@W|t82?1e$Pb}~nh2i782lfz{{$oA4wg!_Q@^p~fGexW9=eH|ume+d|tPbb#
zpD7ZE+zAP3A<rrJK@m>m1}@E300&gA01zL|XfcT5VP5XnX0#Y=X=W*{Yyg0)f|GpD
zTNPnMn_o!z&ePTPIY?D$X$Svw0P)ADubluSYRX+8_pt-kr@bP#q5}&-)B&31)5Q`U
zr~G*X0J@R!z2*HihMc&NzDrw1fZz{T0o9-c(_aPhla<^~38qy3R%-wsXAd<f-#pU*
zLq2b>WYC=d%lPiqs-jp&g+s@qQ{3I}GT`GjLV<B(f+kdhAD%|><W7D)Hv{-<MSV8q
z57#y-(=YFTc7-UkCi2?J{T^k70M{7bU+#Yj5I_^>`lZDJAj2<G8u7L>&)S4nz=PSy
zU5DU5=?N$+;qx{wUvC8PSj%UqdH~M&-NpmT3KUNY)t2M=gsR}F1_4Cwv86%lMLXL<
zwGIQRza{uxZZ!bjFHnS8JwfZZok)cfHCT=(a6YF3GPDA_8E%K$pIn?`rI1`;`h$l6
zBNPGfzB7KWSwN-w$NEM6BX|%wRZguoNYK`q$VO!`xc5nr<5KH=a4il4_jcFJGc16B
z(@zmgUjM3sM||b^1ML-I^e{6LK<@h%#p4dmHlV8jz%`pYD-dyL^%8f@GKRV3!IZh6
zE%os5j&|3yGF-+`S4hGdd``)&Yxr^`Kp&&tK(2b%sJ;uv4xJSNMD9|9z(RmI&6xm6
zZPTbvfFg(hAz;)RGCYxz>;F$H!l2JQ%aG#%Bc8keiXkUty9ln|)c_se@2ChMntYm}
z$qf*f{MnO=PNBj{s?FX7EF1Md(xR!@{Eu(!z&pnUM2!X*^-!|q**+W4qD7iKVPhhc
zbW!UYRr!?7a5pE%dHGEg&*nv~Z!jYCssxjaLEzS&AaJTtLy+(I4Fs~-Si9db+>QKC
z)0z|L@&Na7W_G^Q@C8)3xIz~`Q2T#y(R95blT#JCoYJy7k6gW~w8=GB8JWWLgaGhY
zC`Mt;qMeExbPzbxQwr{??xW+98xjgwOKd9lAF{{O>mk6yV5i>5z47xxrMZpjZ)BBg
zP=5AI<GXKU1bzr4PvUH8kbZ#YdkK&?c>=(phWW?ud3tjy1c^!Pqrh!Yz0m-JCtF;Q
zAlK-Ty9n}V-@WuSZnjSQD{T}Y&oiu3g8`(@0PgaXkmd6*50FoKtc?)v?+JyhB{J%l
zirg2Th`2$q9T!|K4@DU*SFeEQI6;PI*Y{{`g92Vg^g4R-__peMTLqo{K~}(Do8oEW
z76J8GfXMao$jH6frF3XcE&#viWEFHRG~$4(sc^}4njHK2F)E;H1y#Tt$f0ZDeEJ~6
zbX%@#p$CvR-M#eR7)Sm=phg!{SeEjx6l-&3b1VbPLm5Ja3oc|tj{}>{l#GBd(#VOW
zLU%F66G2GT6~=kuj#;jl)Y2#)BVl>c#<w2r*8@7J{oM@nt>un3zVG%aZp%0H+-xiW
zYv`+B=BKy^xTdEjj{_<)bC(M}yyE9@mr^3|dR`uz;rHA_=Rj?etJqa~v|j)0Dvu8r
zGH@!{#)$qOPLbnDA}g!!+Jf@u99V-#wav}+TO{DYkxk$Mkl_a{Ii7mG6~!}t$<RFC
z{W>Z$ofJUH&-*6$Zvo_F!&)8XG2v*zMi_D<JfuPS-px__El}`tbp}RTa#f2VSD6wy
zS3uzTwnrO9i+MsxYZWhafxxfcBln3Rw;{zt-1Q!^-P+v2Cy$wLicIBVlCGi&_aKUA
z<J1{N9|7c_V7kf06EhRESbkPxq<&8&$Vs7TgWnSYmgIufU@DyZr@?>9Ak7UKNb{g^
zztJA>@o$~kobvwW41NzV`92fA(2Xrf&7Rvy34UMXaJ^znD34nMOz3)M!+pY{kRqn2
zt5g0^vQLXofI0)W-N~LVrU!8PD>)wd{Mkb`yzf>)`-@+uUJlaJBvU+D`TcGX^yL!d
zE>jkR)7sB7$c+x*7ax3Xk7V%QTxMPgWO#MahZ#uogeo+3pm;S?lH6kfqSAmrIRSjp
z&Y!^VbK`k@FJ~YP7oS!Exs@rNX`Cd-)8N{LsK5B&>(M$Z=)?Jb5`;aN0Yn~M><ahd
zis6h5WUF)WK`{L#0^ge9gQJdvl<e&pKxFx?7Xy5~4^e1Ei1xMFx4;+eAFjZ^n(T=h
zI+*JR_u`SwSsB3(JAo7#e15$zBlx4#-?$<J__*3wQp>k9f`3>5zqsIYs`q#b_`X@h
zivxZ~iZ`N8iWT_2`-Xt8xZvXo-#SmgCz^k@`WshfH2b@O%({>wrUi=I2F))n_?(8l
zk`esT>TleX0sMO9^LeQItAspXe#X0xZ5#r=;xu`nykhsQ1Wm+f|1^+q39*6&KJNLm
z1IY1=rtdNod3Z>8g8+VU!B6wS=(|q@d7cD1Jt0;QV0ju_Z;<0z&kHhu&);dS0Df`7
z??Um)pEU3XgM23=YH#%T?#)4N56T}cOagz+0Df`7=Sh>_Wbnb<4+MEG_0G)@xP1qe
zI-+>-N7}&79Ez8w2k?soezz1KjJ_KWf!s8soCg1pjNtRm->U`iiyQ5;U;Qith-|)l
zfPA+mfRAVX^~(r8mw;Cesa|oK6i!;FMEgDvnKYj-2KekQe#!touS{+ez%PD#AVa{X
z&398sgK{fEpqNA&zNUQuzxbyAtPJ4)N`<F(OwAzoBY-cnd2XX@^8iA?R|4?+l7CVq
zj^|66R_5c4NGT4<Yab<7L;lI1IjHb;4&WEBRRAb&c>FL<#vH0NxVr+`HyLw(CC59O
z%%kKP!<MB9tw`EGJcB8|0fI##&O;geH!j_hK=XRf{cz3S0RjBdXg?3|=)DHCDSnUQ
z<>CU!c4V)<^)22IvTaG}>jW<d0bl8~e;E0fQi(S13E+zsUq{JHusF3_7w#p5t2N~G
z;*A!Hq@fkD;i+8K-aGdirk_^{&-GXUkvkViBXa9gyl~UEYsc<E`%7p3HzfZOY9Yhc
zh7a#Wg}Z%Y0LK9yp5h^H<48*0>Ep!!O=->l;bb4&fEzGday5q4K<%HPu20&r6Xk}6
zz^^n-9`Jw39;+8XPEi2r!y)TDY2WrrPAtwX<ewN)=Uhba{UvB(%9AE&TDxdedn$%#
z{&~Ba)*hF0vvEJ%v$sWnX2~JIe2SN1>CKnN7z7Zv@pMAWaVz=v?7c6*QhFC~F8Q}n
zf0qh((N5ZbU);v+h8efc56*JpM`%S30tXpEpb%h|VUk5|pb-QLkk=VNiro1L#F-EX
zP@Xi<w}q-@0r2=3Ehj+UX;=Uuz@Y}=L~ddrKzZ7;Wbfd`JBqLBiOLzI*T_DR^Z5kA
z@gUIm9^%{^peT<Us3HG=&W`F@e1EbE1jTZEYXpy|*%Li-Z-y+Od_<T@h3o2lN5bL8
z&vTU(NGj(F0eBII-p5bwxpt@nl*bC_eRc6brIrbDhm(Cg%=HEV@bl@4Xd*XCWgDTD
zkOVp<6l*Zh1Bz(rBqOrVvKiwvLyl_?9YZi!zBUyA6f3~z?JS#++w*HJfGOI1i^mEG
zu<cx?q2=xf1SoyOE#6)*KpE!&1wSJR^nQN6dIB#W``C~>BDjL`kzhrNPaQ*0j!Mz!
z3a7n#)lhE_m`DQI>g^W@Dtmay6Iu!40XF%#q+8s<U;w?sV+k&%!V^6)okTey1=ky<
zQ~qJrUqV(8NKgh#!0kdR9PAlx5Jt-#L4_xo{KIoC&KbByk>>*lCbMj5A6gMez>7A2
zRB78dLyN@?h%8STpQT7J)+2}a8%+5}%yVXNu!nS^6|o_he2&l)3QXSSeJudc(&`qF
zUP|X}Th}n;@P1t=-uGYn<&cd8Yfy%`fEyp|@EL%@D|c$twH1aOFYtH<<k-I-=&=U)
zo_7=f9^__I{!Svn8kE5$@ZnN?nB>m@%-vLY+L&l{l``)ig4}f!4>+M5-jB0{+mtmp
z&!w!E^$D$r4YiY(b>9h~@aW;GV5WV5@-E?LQ+%rVH<0&h(ja*_lXw>H$4l9E_gJ6M
ziX0mtFnv{gz`z{ji6yF(W?v3+JSBW5!~JLt=f6Dz<hb^*ZXiN=+yVl_Yx!OUV4hTf
zRzm#%iNKRfZUi|#Z=jDs1hhUpK*h6}UIsZ{PPR%QLV1J47S7MV0l;vHxTj$e^s#eW
zP`vT991gJ`<<Cm0Rz)HHTf9HfgHWsB<7t-<L?|y2TDii{n*iuNv}i?<b|u=9^i)J(
zG95$thhu6YaO2G<WY#g)EqJrac7{6%t%O8q>4@+a06JM&1d-92+S8Fn<UXZE^9WW`
zM9_z2{)OUgX>%@P=@f`iev8mw`D~s8xSe4UG!c3!B5>`2&;Dy~5D0<o0v16In_4Tl
zhVl}DA2@F@GmY{qgME!)Q4ct6OYwnJa@zS>9wJmJi-0cW62l?{B9xd2<T8Y3RIu2~
z07es`pQ;CZ<@|l?l=N{ckmJFo^9}NZRt6$)UOxu_y~U-5X++=wqSrz016nj^q1wnc
zDwUi}Lg8)eMjGS^t;9s&>LCv^&!>1!z{MU7)v*PS7kmjs;PVXjFbITlE4Vm9hMoCn
zxg!nogjQlAaFBL0fXRCo4Ws;$vNhPmnZbC<-_EYquq0%}2U9`jCCWdoB*X_LYFb10
zqIklnX!TAi{j=WlG_t2bjt8v9Kw(G-r0;i_vLZaVwPA1zrElo3dC=%e${z*ft?D|c
z>n#EerFhe7nc2LrK^n9uY(=mn%~RRVpm<$Gum&Y;sMWhe&?a?&A)afI1U#Sc0YxAl
zI9lBRzgh*QUx3W(DoqX6pbTz-OS)4Om=8yNJ;NGkK=}w8JlKLau&OZtMeEbS6{_%l
z<H3~#5|qgr3|FB1MDfN_8W=sk@V=708PdNh&;3Ry8Q!&g8_zvLD{^d50fiv(?-KPt
z04Za&hd?}-^cdx@KX{Mg^#^#5O67v)D<X^vE}^{EU<1e!<gf`|sl25J6ePtY$Pk1?
zgO%&ia$Q}a31>$05OiA)=|U?333&3yi;4sc=D{BGjGxC*{vs6a=cmLIoF&Xq_hV9Q
z5=c-!5^zOty3%Ow#~9k2L;_jFa*M|e$o*C{NXPDEm*5Uc-{fI051^n%pW?9uNDADx
zUNVJR4`Jkfd~VTfgLDHzU|2p9tU~!q%_TS-=Fv<9>2Z*&0}@mukbn=Y{M;a2IJUlw
z?ttt1c-*WE^z`@mXaTk@q=-2n!5t}qVQ;bz(A+!31mz>ap%4t>;?(U@vV$!tfAeY~
z!G#{PE^;RTadJS0&4MK;pF6k#fDll4(#RSqV2)ANLu6}Gz?=po5KHh8q=;espoGOD
zZd}HlXK3?N9ytMMB?p{Xka`I8)=P*7Hm3Z8ue1vZ1So?m7)gaYmGJACDX!o|B`2?s
zrdXY;$=)sPkl+eR+eF*iIkRsagw@N?W|3=8`N!EIn3gN31S^2Mt&98k*jbif3Ca))
zOz>#)^b{9zle%8O<avv&5=i$b*_&;S3|62#1n6g200CzY0~C4RpZptI4>07!eH^dc
zfW!rJgB2)`8{mrF*OWhMC_vtA03z?#qx_T2P^%wHupFCH;qf_gzd^wYl&3vI_Muqc
zQoL?ZYb8$s`@j=Fa7NHc$zc|ukHZz>JQAQNj}_2|R3Vr<d+Gw*o*@508v7??60<$T
zSpap2;08)q6S&GCfCOj9D<6(+is8>?;OA7290U8jK^(c?z~BZ-PXIZa;8%(_ycDgx
zzyMO@CV|PvQ`ER$>9HLA`6aktosu1qK)BF~lnGp_z!U#}Eydf)SOYzJE+9wpT-iI0
z;*BdQ!F6Eg>LQORtQuTE>6!p}tOMaS2f{v-zblz<!U%6R!AsId(V|7AD`d1dob&TM
l!&}{Zo=(18!u<-`{{Z&L^hjQ~6&(No002ovPDHLkV1fb*mpA|b

diff --git a/docs/images/icons/icon-144x144.png b/docs/images/icons/icon-144x144.png
deleted file mode 100644
index e1e6a92ec2c9ed1dc13932e7aae675b7526a8c4c..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 6477
zcmV-T8M5YyP)<h;3K|Lk000e1NJLTq0058x0058(1^@s6=SJeV00009a7bBm000XU
z000XU0RWnu7ytkm|4BqaRCwC$od>j4#ns36eea<n*hOPONFowZP%#p_QNT|_Vpo<}
zBSDFZnpmQrVz4JjFxD^jhRRY<u^>o9jRi#!dzYXFP3#RtUi;2oZ}z(XyU(6E=Msf;
zA2Vysy6=`bbKl*+v)eSH+AVcSotD&lle!hWUZ2!bMmsJ)OX}RDPDtu@@P0#}tz377
zq|Qm|3rXFrioRnh2sq@RX@xp9saxa#q24{-pxWP&)b)*ithR$x+gV8+kQ2gKmT(av
z{+|+})JvR(urz}F-6g3X8EqFP^^^bz^87MS-!~<7O#m=zqk<I#;4>$*>y!GX`@7ja
zzMs^+4Cn-a5$<!ZCiSmL{n9;ea*t0Ybz=YlVORy=yELh@0X}~GG^qziZB)!6!Z^tZ
z>jw9{V^aTYXoPFrd)T(lfy3`_>R#)S)Ti8Q-vCTULf^}|$1~jfx4Y-dfHrJaCUNx$
zQSk~3>|aj6>#Fy5Nb0{82yZ9#=kS?B-0L?gFu459z1Nu37WX$h>Fc=nyC!vkd%wHt
zd$4<t+kEXFKTPT`GyJMp7PIy_+6m_@^}0N+mefa;Ai4fAsVgS+7598=5NbX2GaT9o
zgr6sM*Q8$Vo?i}qmZ0yRU{2@5b^dIa(^!^(@52Cm;sm;?dQY2*aZY&Of;RcsJw9Nx
zErD<cIxT|`wZe6FG&D*F_t+_^54z7S0KaN_Qdf#5ZOLk%bDS_n1q6Y2_-OD=8Uci{
zO6X*O(9eM?4zhso3HViYp6|)!P5^iznA2Vnq9v2}>FI><RZ@RoXb?+daXA&VM-ym~
z-vk6H5cPKbiBm03@)+o+6ae@(0B|8_r5z$fi{E_R=LB$W&L1C5(y`ziW2CfK4v6|I
zfLfFmvp`18Gyxz&Ex1pFXz`h@-$0IKtqkpBwI2(DYgP~q^axU(AEr_R&0x;{8i=s)
z`4qzxa@{vV^!;ld&g@F!?#wEFaQVz`uI*>wL^pvTo1MRdT1Wb3r}sbZa}Oo;J;SHE
zH3vj|-4{U%B1F4Kh`yg9=I0vsL(hXKrj!%DRb9@A+n<=!A3CR2L%`1RPe71bbG5jf
z(}5~aB!11E0dpq*M>i^G&zluQTSkb!A9!|wANluH{K$I1lyftk-D`VNW!6|A;-p^>
zxW*RH_Z9H^-Kw1cIW7QqgZh8Omudvl+%@KjzFX79Kl*F#2Y#9IXK_UUI{^TPy4NJ@
zd<j*KU&-S~0MQGeoz{ly{{X`KW~GTv4?wO{5xVc$0WB8GA~?<$7|~KScjvQIo@${5
z(+Nylvl8T7i1@_xN#F9_j!;^t1+Ft7$9H{-DhF>xi~TKXq3;Hsfgr#s9tSnl{w!#}
zs}hQQ<`7Dcdo`(u>xDpHvs9ZV0C4#Xe`s?6uLW{c{MsH7qD3nL$cmsHSh&4%0wiE;
zO_d|!p|-Dr@DU=>EIS&)tXIAiwiPXQK@L-Pozh|g(0lGTh^A~20h$N^oRiaWt^?Eb
zPbz18*Y^M<*E>-O9yP(N3?Y`BZ-x-Hz;$|Mg!a8CJ;o;A<C3U_7R_}19)47goR+CF
zY@Y<}PYb|@Ii@d^FN7fU%K-3r!wd=pHwGY(>)o%~x4`%BU4`k6@HlgUs(e7syHMUg
zFQ@OK+g)xzAZFz{&vy_2f26b*LckiZdxkG`M4<26BS87#=?Y0UoNrT~v;8pj<8PCr
zz4n=!3<!8m&pI9m<oQDZU&yBg1&W`*4bx)u-#0>(tpS#Yd{0&sV*#+g659DW{3aC0
zeI7qXt~bhaJ$Zgwz>j(^#|`j?$|>QEa82}u!tk&l9|4umkNvCA9{Vc)<;5!c=5m)2
zzU#31RSGZh>F?2C0>dUAEh0C^RKpLFw(Or(GkCmI!NcVNs+|6rr9E(p#sO40Le7ty
zWx!{_vrygrc}<B3bRGEqcn#4a$9TR|y(gU401t{<D6Ki_03MmQ{B+Jxot#iwmFD_g
z27DdBWKLJ`=x|y?Ff1U%4$2JawzqiN%J;kwzKaFmaS@<O0rH6Y3?=+;A!kz`0FTSX
z@FOo!3B!^{Yc)XB^qK+B^U9gkLL8eBjXkbRVIDt7zSBh>fbt|Imzo5j{P2CKZC<cI
zBR}%~o*xN?zlMr<<Ok-&VP}t@fdc1wH(ybDis^W2n;oblDFo=o41i`B012EtK)ad&
zxcpz28UUe5yJ>0FKqUplQ22pSfEQ+{crH9C>|;Z7w0Qg;?7KvjGZGs?IB&Vn9A)HV
zT635o`JS(OoN;+={VD-Mcqc7wp?sYZepi<iYc;gTLrUlxIvx|cQVA5z!w|!_!uH!H
z^(CsD(=2US8_Cp-u^B?V+5;&UUVZurrB|k+6aG^J0=d@p3RVs8)b<vIl~ffIrSDD_
z{z!;W8kGRwqw><<WsEzFN6X)*^b}NilyS0UjlS1_3^Rg((bgdN`~*XY2+&oAR+R7C
z*8oO8-!c%zO)<0|_I=ONrh$69aQs8#Zfb_etB28+$EJ>Oj%TZ(6`GVlb>Yk|PwM)V
z(o;wA?-8H{>cO#Y_L#714S?#wG+X8m0qWy{fS<qOF@KHVqqQr5ct+m3uJ&+u*AN#i
z%rew)v*B2daM$4^+<w%yVFBNXpXX@HT4_gT7W%son>ROjRtXTnLwHVAQQ?NFA4`ZA
z8zwBv1j)5{W$SuM>&WAJkjBt`i<!T)y*SYv={)M9r}^$5*FRdTC%=Ld*c-{-n+L(s
z!wOBx0dLJ{->iHt`TJzUS31_CK@f_QJVIpiImggm2>jbr9-7hc?Pf%O8s0zDdKfQv
zOE-_eS|GA%3fxKB$waUkLGUd~b2NI|x2X0_h981`4^yT<{;!8UA$%wsEY}#I;At`P
zK+_E;SZ|VLnLla2cYD!5bt<B12~;h7p4&6g__2L$wMk${^5!b~##x2Du4{V_0KGjv
z3;xZ~+S&>N(FT_X%$LA>o(BM);Qx+Cd*zv!R#Qd(`Kxm{j9Tm52r4}52h+m;2FyqQ
zfVxL$vF{0x#A`5eFqZ`Y&|$O|ApcMA2L2z>AUmtyP#*UqdomfCzc<@U23ikb`u=GY
z-oGKkEaj3w`$i?mDQ@Ti^GRQNfYp7^Q+-?co3$V_t*?hr9iXnEx5;ZXhCl=WzF|7%
z9R9GTww~2q%oqAW->Aq&ulHu>dNh?MhSx#FbFgx<8x5zJqp3ZVwvhgxpvpDodYSOY
zE{yL4eV05L?u!Ee$TeT~<Zkq`pccwEw^{n$ll*h3F?#FXo|1_2Lr(KJ)2wbsQRTLC
z4eAG2-*BYmhvfOed#V2FlmL$L^!<j5R#x$79sNIS6!19^fTPv_A&=)#dJ>s6t+lTw
z1N|DM$If)$*R~h!V`X07b?N(=N&OSG?LnxMY`%HGmxFqrOl{K@dU`&q3v065oMZfq
z8|K(W38*1($I9oX<}g41qVgauey83U@X0kNt3KuTIX5SKo3+ObbO|DeHI4Tha;V!*
z?#JnD2siKD)_D>776Bd_fCmNZTZ{ihpgjV(ouNrL3IralM)tW~j=)<!Mcsd))#|Hg
zUo!G3^;Kxkb*XY)yA{Q?It{zL0pFPc?STN?;mJAuBLhA$Ydzbe_Q?WiQOx1u{;m(?
z)ILK2P`$H8Rt}1<y#e$q0mN|`@Wlya1uY_oQHB6p4DIoV;rDa}&DE3vz(_+oZUWk^
z*^_jY)W=HS!3`SAcMQ+3a%92vicpLopUKc%^7<?TzK&GhJGwCg-u<KYDIPpMsXXG{
z<Po4~k5deX{H6@eg_>m}1AzN-ny#g8=3$YG-2H40=H~Q!rW^2`7Jx^pUb)c$;JY#d
zKHPhHjcB@xm9MIEd8*LeF9Q4+(h|$M$06h&=aT2LF%(XDty2+OBl*{y={<p>=_&|3
zT<*?kdbs`^{1q<SQhExB&+N@GG}kHQpCY2$k8aO7pIU|IwhVaC^bA+<@C?N-Gkhj#
z%h_rf?U$`+j->Q{)IQBMHHxix@Qly!TdccZ%+{JzxjS0OZ}}RWX4$-RIHiX~e0}ry
z-SW|KE*3nuki9&|y8CZdW`~c-d_AYr%XNoEfCsk}?iNi~vEaG23V7~U5l@51;r79^
zo6=lIR{;+%$L<rI=Hi6vT<)j>o`0ye9Ckle1w4Bzc>a*X=UE8fVXFvFao{N#iMkLx
zGblZ^wHkQ#Qx5a#RlvhTAwP}q6bGK=4B?01c@hM#;rX@-cw}&N6s6A*^TETT`#+BG
zEcwy^A@@@O;b+0a=I8M$;L(Y`F*)))a@}Xip4cDD5`u@Ptv;6_e0=W_syy0~h57s<
zILxB?uAp#+8LvB&(#MX+vIODb^;vIa2p`{jSUJqRlz0y1o7REHBuKP(UBFq_eLn!;
z#!$Tg@T^Paby%Scv%Gg7RSryUO66@>vf$zOw^QF^Vh(sj>rM7Vi?J*rczA~2dsV<Q
zUR~#ZsB&$72p-NbZ>e%k)2h%s_eOY%1<$5bdHi<P*w$4lNjR9&%cVo`Y!2UH1#s4_
zNKb=1$&=)aWeLHvIh7}ag+|pSjMnSWhf#W$j%wg}F~eC$cqT@8if6XI%+MS-SLY;^
zr#XBP;gMa}W>x{u4H2GVB?)=m`n(*PNB$lT`5i6?QvR{2`2df=H@OOUu8r^%qm%%m
zXDR<=up?YM85Q4^vL}OCnn&7Slp{@`NAx2+1p?^S9Cv@Sf=4t@Z%Us4m<Jw7_8n41
zlJJfQPx1Vo-&GN9$<YSOfYUpd!V~Cmo4kHX^K3}z%|Lzd+#BI3P7wiYM)~I<pAY6v
zAC>uS4zstj@_D#Cnc=WY-;YIjidkk-zU4QQ49#^=hVaqs;pXJh{$$FRq2?XwJI5qp
z@l4ln%D4RHO)xnkK;FpeeM56uD@RX<enory82Sw@JLa>yx<`15=QLZpefgFhZvg;^
z5JytJ9W(A#{R%*#6&$F!b~VgiECtB<jG%l=f6r7}OQNT@$-mXE2%pbmT^qm=c(x3*
z#lHVy^c_n<%JXFJzKW*nb#><pe7_|BUW2H8j!^*AtCT@#r?NSe|M>A(7IWm)FQ5T1
zWFO)I;1bH-sQY!YcWLcH<&&aAeg8UYpW-^t+JCVCc!m5&Za+c(sigwI;U4$~1+-Ua
zo8DLoq=6=r|C|be>VFjg0?!KM-)dI?;LSK!R_z3!<H_D+9AAsRPr)I2mHfNU%j3oh
zIst*5;;$%u(v5XYlXc3@`2q7M0Pdjrj-^21JMZ1|9@&Sei1~UcV7_`#_AyNd1^^oE
z0Z6XNTfVFwo#)~Lv?{gj322?-6WZ=pv_T*8AJ;9<H#Ia!7C-{;>?o>Y7b}P3JL#sO
zN)05LV{6wh0cZ?`58Ayqny=!QCn<c~_6ddt5*QecPYnPCs(H@Q_5pMXg%7*EB?463
zqK`fB9XNZu0T7nw3;+cn_ODh90JIm`CkIL2H%EYq57543kD`Z67`DIC10X;0eCjm~
zfaLEVQhMqKewVu<K*e{YS5%I)7UBet5cN<7YLTqda<G4E=X!CXpN?Xx4K4I1N)M)r
z8RBi=I%Hhq4N7N}1&G5uCQzR5X#f;TLdH@+E!0Ih!`h_u%g{pBTq5nqgy!!&5rAmR
zXvT_N#JBlv0D{pTKM0H7o(_|Nt9i7DK(%$igkF@R?^p_=iS$}5fq*xpT*U){XojB9
zu8Hh3-x~sE^pBLDPc7HlFlwP<7ZD8m8}BGhB9CXg&vXcAv0qSSHdz4tz!T2vGD$%s
z08WVj)s92W`z|jqLh~lF4>HjZ?N0Xb;a3FO;wb%N9*7PP031uf{GqKt^Wdq>FH-vK
z^(=@QK@%MsfIzehFHoET5aCHYn?!%8wji1hW=xMyWkEC$w8#PgYL^`TP=m@33CwSU
zFBT!H0f>4~d9ZaM2=X4|vsQc781oE>4gjs=bIQ3~4Q;-ma&oaDLR32ttqj_r89?A2
zRy*Zzta-}FG{dnT8PH@1(QyEgXhimtR*DeSj$_T`TtkqrQTcG&hCrT&s66)?wb3mB
zZBhb|I8QWJwdH}@?LE-NQos<O%K%F68N{Y#aKNNtd)_7fIh8A7$GjJOw$7u;SleAk
z>ABM*Gt6l$1v6<pzvp5@kQ}Dtl4l<XTu!6PRUqta|26;uYBJt4S|;*Kih=i`{*j@%
zVkxjm+YEdossE(%^5ZNJcs=|bsy$ENSl9FU5<KTKzAjL0*{mL=`i=vz1uP{6#y(U&
z<4Y=^vfMQQ5<cg!em1n_eWZ_65Y>60;`!EpSA9Q3<y9ontQFih!n3}3v#Ae3ki0GM
z$q=EHC_OPB!Qf2u9B4m7Imrl;hL{tV&rs!hHl7IAF(YRcOTo+<kGhYBC{0$i4pHFL
zd)l)P#fum}fcCdgIRh=9ulMAU4yN)tw^kRq?H_<PmI6B2T)I1_8kY)j?q*N`By7*Q
zqcf;&Rfn{{*7;o)ym%engyB#s&oPpm)lPxFV=1VA#G2z~1riU1Y?l)xcBscvISVaQ
zYzG+dmJBHPbCaMgPgm*dam-^Wn158SKpIDtYrpOZfTTg}>OlHhX|#hVefpsV1^0h-
zpzr7-)fh+^HQk-mZ9Q5+gS4It-_gh7rPn;%(b)qM`aBybkREmpcm$~iLApwrrn{A&
zk_V(Op*;`!@*1{IhB?&zcXRzqTTUbF9YLx+kT`qHJ9K;m!hA5Pzw$&*mT9|;Dzn-=
zqw)kpBU%0PY=di{?JR0rCl^7gF_5~rsOu9D=5(czLU|w_OXI^<nhcPZHDJ*Fb98qX
zwB_Ta_KD$t?L}=}oU^<@MNZoo{*4ty^;ICqw#0{dV9+4#Oy#r5#7ElM192<`28maA
zj8`DsOy#K~I^5SF450Ff&{CgKc_;)?YZxBb#jH9X-PzC6HkJZ|#3pPeRn8;gE$>$L
z_$V4A-rQ=A0*N(R9}kGwmN&M#RJFa4%A@|eZ7c=$kvL5M90bX0`HxV7FL|DKbp91a
ze4LNEkjk?f^%M{UV`~L5Z|QdymB-oQ^pOIWdKGa^R2qT(mF)u>0iW~qkx8mOue~3d
z)4w`FK{%J%5}8pO)j&bv9HgQ(uDr#}DjtoX&EkGko{)x9K>B#V#lP7Ho2J@ww778$
z`)k9j2^hRHnx2ftxuk;w8Ufp{pz=Rb&n5pH?FQv!f1}!-LzT;tqLW<%+KA^6H5yKG
zw}5|w?RTSc5>t|qyij1ffRip@te@0Jsd8%V%aoqO6idOi5ihrXi7MBQ@#9eeZG`?!
z7cfhhe;S?Bw>q2Bn~aX3%E@-I6kHoMxI7WAsc&^)bPWg+Upt4=+uA(koNu2=l)}5T
z%~$>N0XDr2%@s?5Behd0z4nX;T=xLY6Iuy71loTMk9!B&H-Jf#o!aIDjKe*B#ZsVx
zzRqAuFNbb*xuB3B8zAp9-)Mh!puM!^)glio0J&ZtO<HZ4wC%x^;0_<-G8|l40Kls~
zzA)O~8fcGT+zxHU9P*m}H6ujDF9N~OKnvgwA5$rP?3C4>{g<zd_K#C}^Yr?FIlYO}
zn^OD-{Gtd^jX;Fk?#bUg;eNRs5N!b(1lzwr<sH{T8$;Y_K*Uh*5Fx4^h<2pPQ-B15
z8B{qx$k%>%s@%1<T8JJ6ErvO(ff1tGf#^`G+|WTFn4%nUpHHO^##;ywb@V_eQ1O86
zJCxq?uhlv15uzG#tS?f+7l^LS2(jh$ah~?m0}x8z{m4E`?F+~=#jJIKLwqT-JeuUR
zfF{6cA#**N?5Z55@I<nAzkS1n|2{1kO96`9-F=lmgFE8?A^?%RwkP?IbQqSy9O)hT
z1;B|JS}>LZn=;WReAL6*0YS=ZQxycw@O*;|e`sq;A0r{(<M8MY)rKisi^}WCnw1cz
z1x$%RuoI=vM-!MH%+Y>=2SEN#>qJvl8(Qcul-@{PAR3WF6FhA|B<&CJIK}dOTS}h`
zB5m^=OcTozEI0*3pYMvAV6BX(>IAZP^5@65sBMRkP?=@;Qt@=68Z%{21hmK)k0ubI
z_M*zu8Fl-ip7sLZ>F{}N25*l5)rJ{6gZzi=WgT?Kuf1Yu5z#_VW@x~zlo@MLnyhDp
zsQ4lMt_A=YmJiPGWyVwZsLxFd2n0r60PtbJ7dkUWWW_gO8&LYpdj#m341h*a`p9x@
ze_RFxvz70J8tjEArs4y{D?2`+^f8|z#Mv1dY$%0~OCRR}u;j@nX${spnz3R7#Ad`g
ztr|~hT-ES{1c<?g3B%F;$2>li05Qn}ptL_GhV;b-h<B9zfGS7H7gFUGG2IOa1c05W
za;^`y<N7{TZY`tRPlonQ#x>54eo(Os?_~Bar56{<`5i+85g3<lRJoLg>u1z9I?w07
zZbRXW^mtF-d=?2GC9!%S3XG*7T1d8lVN-TLwXN#dri$zEjKgQCEweqy`BizNz+)YN
nJQ~kOMx5^=!%oKc43_@~rXL_t3(3~600000NkvXXu0mjfh}dmc

diff --git a/docs/images/icons/icon-152x152.png b/docs/images/icons/icon-152x152.png
deleted file mode 100644
index 87bafc4eeb0892600d83e4c78ebbb5f848df053e..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 6994
zcmV-Y8?EGtP)<h;3K|Lk000e1NJLTq005W(005W>1^@s67{VYS00009a7bBm000XU
z000XU0RWnu7ytkp1W80eRCwC$T?x3I)74(*-kV4$VhB>RB2mMSn2Lx>w51{RZxf=1
zwgmZ+#w`5iIsC?&5>uY4Aruu&OqGg=A=GacL{LN2kW>k|_n!2u=YH!s?^$Q<;X~zo
z*WS<bJ@=mPp1se$-+IrxhQ0RMM8$4R+0X4O*PE5=tje_-{JkZ|SmP_#YnAKx%C!RA
zZ;qV9xXRU5xlXKHy>j$Vt$~{e@7l_>FuOjlT$fa?o(2e9;MfHE^EIz>9jSm?GWyHC
zr7G8l(EneR>(t8C4L+xo#8s>&0$a9ny$`}IXForxTn7c%Ozxep04CS}SFUY6Y$UID
zR{dlSuUD?YUy@N%Tf|L-H6jz{2bJqF10)Yut_=W`O$PhClf9SwzW_`qW1I(IYB2zI
zOZL8*m1|1&dn@$685p%Wv01TfuxB$N9+2G|RJmTw?#<7BwpXsh6*vVb!?XAN6##G{
zfMY@S^O?%E5sc9#``H)XyH$2?G~AOp{G)OWNw!(BY_Huj;Z0Yp#KIq&{jDtn82|nN
zI02>XeKWJa^;2UE0dRZ@s_#fOm%FmRovRpbi%doG-#!DtT?e*VQkf0jre{JM0Kh|`
z?GJ(#A%9Z2_Evv?2*6c>F?s_4=fhacc0DTBKyV7a3#=;a_MOUgH!z{F;VT*QC6(F0
zw%4#sSQ8CTu>>r)b!PBuCSkj1R`&ZohT0O4EK#}c&))Y1fMgD+;_*g*1o{P_s?oL^
z9^vVxwunIXawep0JvNPiWDNkr=b$qAn(YxTf@A_1@2$#_8044(jyuw@>lS7qm1LJS
z7<(O^3Fkg#H~IQ3lZ73`E^EzfDhAt7k4=Oixf+<L9e_5%(;wM%H~<TQIvKtU31o}V
zW8}7aW=FALc8nB?2)<h;OazGte6V6Y7sze^kd~qUJ^{mB?*9h*v;&*Xs9eh><A2cu
z?2b$z_eZdor7qV21}SGi5rJ>x5pav@-)?|(?*QOsjDui|a%S7{YhJ2aF@bE+sm8rQ
zn6d0d3W#?q23ZIoWBY7#hk&hRDT@gY4FF%pJ&tMvvI4SM0J5Ymzkw!#TAHd6_lY?@
zFA?g2RE_$NS0EEX&#hc*seU5pEdfYZRIZz#Z#$^WlLH`YQa0TJ_4DN{#F4zqZ;-t%
z1>tUy<KfGD)~1d{=!IF>fZJtCumZBTsG1RhHrd0#biFdr|5Gtpn*v$0=S#zFnuE!v
zI^Lh!*Vsfj{Q+FR&#68HV3V@`?^Ukl;qOzGfCX$Eg<lEYcPPwZ4BQ{4)GXR{heUX%
zy&z84ra*RmVzF<g$$BG4)4!MFp^IRL061h#a<S~^npC@Hi6DD31LHa%bPllgP~%Tf
zAVqb#gXaq&{dZCQ$}orDCZqp9s~XP&aGa6jVT)Q}TjmX_W;-lqe8w?Up8+8PewC`r
zMSSfKeFfwzgZkBu!<;Mz=Tdbthbz?QqT{e-GW!2Bs&PAb$PAM1IcyRc<0=?qPlupb
z$S)f4Egi9+W_-Q?<OHgZ(#!9E@USj^5#Dw<9xuV?Bzx>@@){SXj%6GX*3ca6CGQyw
z{U3A)NT=<zQf<<p0FLkXHGm@HEt%POTGh#TKaEh82YZ-wOj4C!PZQz&0Uq+7bJ$(Y
zU_5^eV{GCW1H&Ni8#a^(dr|~I&NNs|ROPb~b6<?ADLx2Nnajq>=>KX>LINYGcFl0z
z$Ol_8LJEAHAFyHM{`m$#M7X>>wYq}^OArcK0R75py!|3TdOGycAfKGn<X1Q9f1n=f
z(K%Fu0C23b-MR$?BmLF`p_UCbb!tS|;XbNeio&qPjEK2!q5!JL*eMzOU*4!+A@jOK
zu#bHSfQm=>d4%m_vFELZE!GZUi*AAc;a~$`I7a^f8#jT&VX5ke5{rE~n~MeflzNyO
zMuI~d>JqcMCTD++dA+7QIW6E{JI0j%qc_zCU3LE}J#&(K;|-7_Nc$yQEFZYINow(@
zIaQ<leII31Gutc?@ojGbBmX%^cmh?_v<P+kyz)R19J4(vXvO6$klvU8mJeK_mL#Ql
zN@O@gzVW}J+C)CgwrI%-F3Z5z2K(9$kTok0*u_BGH~=F3hbn++Rn6Y+Qb|>YZ7yy%
zDVvGCwN)eR6lu6dC}W%*0WPt*c)jrj!*eSupkYkwmku?jgRUAN(*Gz&e|bHS>Vv*z
zHKz>|i}_iD+wCA&Q9(lj;K2K1;NgqiH9dm)WQ>i$saQbu5%jWBm2&^w06>NX0Csc0
zj_YR_`C3)SIxpYKI2SJ#Po?_pT$cqNngD}stBERB#=mpw%xa!*HjcXo2&)z5FcE;?
zri3e>Ga&%5og4s@@tz7W`v9`jvJvF_CxF#HII$Hr&kS$@mprh?9RXAQ5IGlYmSP=Y
zo<Sb=v$m0GfN~U_qv?|z#=gA1J77au42GU5FDWhQ0oV^607H-;lK|Es0DJ&PC}GJr
zdLGza%?@?OZL|^ml%FR$z=h*&lm$C+$F~T5eimZj_OiiX2(XC(fF0ogSQ(s|Rg5o_
z^xrW8V5fXr0VduZKK#C*61DrjFf(cq9L?&%^`+`AZWO$L>n0^E0cHutJ6U;x+Ore(
zTaIcMtu27v5>Szs1pvnP*E2vW{fBt^%N)+?tN@b=HBG=!vSnX?qxm6@Qv%XUACdsr
z&FIhH@=FwJ>6p;pGTW|1_LeiwsCdZ$2`2T8hWCHp;YniOKRSdffS%%DK%9FY55NwO
z0N9D&RtDpGU0jspPRD~maE&qgFP_;T*FezKwRFR(tgA5wZ`$}Z2-*rk2)Hg+4#=Jk
z;f4Sv;97?4tPHIpSM{jKD<kGGva<qg4eBUU#243n_z`tP(K!o%SNlIO9*7kzWLDvY
z?cJy&dxBG4xKhnqf&MtgMU`t;>c~<UMIF0zo}}9P4{e4wDB!x@@Nh4WV2^7J;WjA)
zz1;wZ%zI8CP&(bifHH?+oe5y_PwYc>B|v?(c?8r>^#$G*8iHswR2A;pX%Eby)v)!j
z|5yVY%!aRe03yIV$q=sCk7s)TDxdwN!}Q?Ri>f=7%ElP-e{a{B0<H4!PNwQ&GVW|{
zg^)wL0gN_>yIuw``uZd5Xu!3q3qfV&Wbt*HVN-J3f$Ed}tVsUPJb}^|B0RtwjQ+l5
zA`Q0rnI>^DU||_-XTuA$1mOY(uhG3t?u<=qOjL1iWU92y^Zv5IS_|Ndu?GmIr2fC_
z$i3KI2Ikem6@YHz0H_AoAs&F;>X`%Do}J3}k_X9K+UI&yNZAqRnw{Bd+>UcRz=a-Q
z$bLxKF7~d+h<1US!zAl?jPuo~y4YU!sJAHwbLe8iE`Z9I|D}Lg0{eEp<A1?%Z|;l+
zzC45n9V~|5QhdPIs;G5u2Ls`^6oK(N#Hgg*O?FbB1<X&WzCNp^{?AaV)Fs>llyLFO
zH;=+=h);P;kh48===AH5@(}*l2v)W!q4M=8bsUhO`}5D4N)YXe@g%x`B2{yzn!(dM
z)-i`x<!G?Gzp`P>>o3j9R9gbTWmq%VyE~rCm;gZK{_(1x%;CF{0DY!2FZ*!YnCjQ?
z@VYOHgQ0DqZJnFISk-Fw&CHot(XdZs4(l6HeFP@gu~^r`TKfJ~k>EH=^^^JZAv=pT
z#(tCkZ5-K|9GXFgcjf@AJkT4I3S#?)bD%bGI0w4_wg#wvp8>O*0zk<z#>LQ|bI3SX
zo%7*)I>7C6T(<D2Yh*8u?=9~z?*AMK4qeN&*%3Q)&EfA<&C>1Et!ow_-IZ$329k&0
z9AV4tpGBiL%cA!b2@Gr;=<P?<3eVU-Ha_%d035<zCmX7svK0eY4q3>!m-Zah7f`Y0
zaAbgyJ8hH2<)$3(w-}}QE6yPnn7Rm@%cvIS;B$zUHNHTrQMH_BdjK5QDb|uX93N26
z0=ik`&gJivt(m@BjrZo9pmeG1ya!E*fH(6njRwat4wXI4!+r?R&y?*YbJ!qa4l?$>
z-&Xc2VyLAn)#rS<nBzr9K=fh<^MnA3?eR$4ZF&-2v7D3}1F8|j0y`?krHoB{u|NdJ
z42OEYAYu-3FHc3s)E03Z?-;VTlv&I()&Li(R+rs{3-MU6L>Dt|i%`$!C)HRSa1Hi=
z%4byL&hK{ub{B$U6!dQa&o=~6tP9q~;~1sZK;YVx>QjAu%=3e+Ul${!u^<9mw*oL^
zjCH~5blHA5)>e*qVrmTrE-t(Du}84FF6t-)TsIrwaxu?LU_Z&Y<>jcqJJhoU(BqP7
zEC#r+povedS(TlIImSeQOMuHO8<MrL7|daoV+;#icO<pg_%S+eOH;KJQjB09fiZ-=
zjv#v*ze}}BT9PmrFYP>=V-9S0bx#0meCA?sJs-h5SQo#CVxGOIKBK|{nfz^k1uib^
z`*Z}jgjv}>TQk{R#Q@iHIRyJLs5N1aT_U_a%u+qUV6MMK%mE#bt&`nV44do4oPyn4
zfvcbKJ|DQwQ3gGpO&K$XP}zgj8U$Qig7cLe206dpL4j)<=o<sB3zW^aA~+SX;2N61
z)%f6Am8vDcV+H#o54c(*z;&?#7l$I=$f25Xhf)Gp1A~h*O5e{3uAQ^KiwD3}c7W?5
z1uiag@Kz3Qk+XTXOW<nUCW7UZm$^CAB7zHTt~}rxqvpU4!aF&@^)6Mje-pSGn7KBi
z>e5SVq)PgU0@qKC_gOoY+8hQw*R`LQ16*%VwJt>hR|A7<hXCtXpc$Y-3B#y<^N0m5
z2~(V|z{TF@XB5Bu!`|&m30#d2uARuPy5j;D3%I`m$KjFSlHW(G{=8A+iyYwMnAlPY
zT#XN|T?4?-g8i7P2VqHc{2a0)^e%A8p`a4s-z^g00>CH1nMmMjz-CqVi2>I?s9F|N
zvO%w*+JoFf;5t|_SL_@FTr&V%Y5Avt!F8ZRu&%6#nP5yyyMydvbS`imq?l`DPH;T}
zeG|AESS=n9P-&XEc$ub$8tWc%AGY8FmpB9?45Qzda5xoMFM+Fp!L>X27oD|W|3dX?
z#`h>@$qTL_<j<<mbC_%}aB2+*uKtl~Q3QLBA=uj#xXL-fwQWv-PfFk_hRwxk&hv5@
z^!LIT!eCcYIKpp%OH><|B={(Y-S;reA#E{hz=joPo}u^+7WcszVpJbZb`jwaxG;<`
zJ;xj#OEy<=*lV0atyzM764*k(^^<@>u4`@`2A?kgJCEX*f1XOAh~j`tpK{^by~F7_
z%P6(T35Oq0cn6V;afSh|{^YMCi*uMw)d+n8SA(lY4lT?ff3hEzL0=!#ny}bSIn>%X
zu$M|O)=Y}4Tfz3(nucmktwGuAB8smWF$9=P!1ZIY&qA`8=PwH2GKbU1Urq^k5N(^l
z)%Z=ou`c;@u~6ujE5Qo;JQ~S<%#zC)?6tPT?y~?oLaFA|8l1f@r}#o_T>)772p1Q7
zA^YhxWnCvfRB8IQWOEhE_F94b6_ybkgB{?wn&N70>4U70L4AdMh5fi1b*~ibDi(YB
z>YU>JdmMu8O4SV?zQY+7f@9F6fI2#oy+$Xyt9bU;?c_h7N7&<s4))o|0VWO5>kZXr
zo$=^muell9V!zZHyzvg`w<vr7!3+-r{@eo&1l^Vn2IP}S-XZr9IRemYlI>MI_Uc3R
zDLB>vQpXyqNq!$i;Un~(@YsMH%lgcro^gzw62OWFumR*hTubh4Y_N|2>=dfc_0nfN
zo@M}4#_H{{{{;LTR9!x)$Ko0IyExPv3YWKfb@z;MA=RG=so7_c$Nu^rRS!tjbMP@>
zY6Sq;&K`h?aR2IHju?OmP<tC=#4woLpODmJF;(Q|9uLrWLTrqR40(UZVDke2`&|N9
zv6={%H=??NtRmd29Kw~?zj7G)0<ia}nxk(43>Vp5b2u*nthnt_hnf`OUh5F9uwY+u
z?+}u+hFk`^ynZAwhYJ(Hiff0RLUt5A6v3Cq`SY_42EuXH3fOVy1m<vk0$6eFu=U8!
z+Y$!iqH<jVAia$23{)9oV1NZTb+DjL?@1wwf`V)U`Hy&6-@#%bfC%8MK&>9bI#^Ty
zI@=K{Nv$9N+mP(scM<l;2!L3JB}k~_0gsxMds~s6DjhmdG_``*Vqyn<VE|;BM@5Oi
z*Pv>^wB4|!*7X2H=5U2E2kl9wOo{?GtFF8&o5BLf-i9}*YpS+*!X}*h^OD2hXV9&a
zSghEpk_GrF)kg9KAX5Uu6_A}y^*fUUAZtdjSRY`*R`v6)1hC>ZVU``Kez`~lykGVn
zmseR*>b6y>xjO;?!3v75IqVylLuv&8*-#~5VWIh8OSx2?23cFCW(6RJ2LR%#q=-z|
zC)s1g2iYD<z``WFZ*l2Jkey8RQTdqq^m2b7*nkVD_OQ_I9-A<=f`Duw*h45_K8vVF
z0A!*DhXb%ahu`-Bby@Pvfn#iQU=CvZKWNx*sTB}pTvHy;Ta*yOYhbj8BK>SreQ1De
zbO0nW2R<TZI;dP3<4)tfsTB}pd^Fyl02q?u%ylTX0DzPNAb9{n4+7Nj0g&Lmi;X!v
zP8~5g-yBkF;D*dH$`CM~)ffYkBf+kcJg}#z_N>N|BaFgrcVI*5|1YYRGe|14fDH|I
zE=&G|5k}y&p2YxAK9KMN`$JTlT*x5V(*snjVZo&bZlU_@S<YSS=9xok1yPyY4yO82
zO}qhjKn^w=4r9o5O{S8CiJCn9e?is5-enH2Qpfp6$u{c*DwCPy5~|;9dnMIov07<5
zB^cv(RGVnXKphldvnH?)|Ie5M+iQ!%=cVX>f!U0+G44_V=2OiMP{8!D5ob%>t;XPb
zW2<|BrsptG^=D6auzG(|n+3DYP{_Q@G(!oQ)1kLlKr1<HD{fqZa~kyLf+xpQZ9Z5_
zU=CB&9JoBfI!SF7w`mo`Srs#tkZ-MA-}kVI9^;o(J$qY9NBs}g?=CMn`u{go4~CZ*
z9+&J~Dgmu?*k}Cvp_S`x5HiQU#u;j_<Owlw^`BQ@3_h0c5U{Vb`qd1{2Y5|_{=6!1
z7};eIQY#?Pm@$r1K;x})=Tb*4{1~8h%Rn(pIRd<4Wi=1bu<-$^S1U%`OMPat(F*Jc
zFwl;Lu!0=-cTNCkI7W8^Xl$d6rE2{QQJ2jQ=Yj*eXRENrfr=3m&<gAbxPW%H0-6Sf
z2HHpkG+v13@|xQ@fYzi~tylJ$vKsJC#<VLWpmh$Qamo)b8@&u5;W7h!==&NTuQLQR
zIkU(GG(C@HE7zG+&C>X1rh0oOpmh$QaV7?@W#aM^FB|a&kUo*BlWjCkWPDcvZL$Hh
zCdWKhQmT_#^|Zujod;+VT6m0V^T#;KziK4V_~emOsebv1f!5E#ih3SvQS~?-DSf~|
zTP}H>ox|(o#wpt`7^-t6kC5>-*TT4fYBN407Pq0Jj|Lihow%~VMO=<D!Xv2_6lnbW
zD5_?&O8(h#R2$WA_JD*v#v7=<ZW*tYuIv~?I|G~^^dj`<f_w+5&rIu_1qK?cri;Ng
zk{H;29!Ed}jSCPzpn%54{0US|G15RmdyVZxUatBC`ahe2&ozhC3eXTF9Orsaf#gy0
zr{-uj;`E+Z)EKX4D%oY@VSg@`cf0EUK&DQUebz~wfddR9p3|;Z@z_R~9>i>P64jm|
z&e#1^t$$&Sq4Ut*Q2jaCam8ex6}KTsdS(W@&WJrc5K=&)^Wj^Qs6LPEJh1WfjwfWq
zC8&CAG%kT1megkFQJcf4BVL7R(|ii=)&VBLF*s{O&IWG<Lw>hNkCkh7=**EPsCw{3
zVzYv>Su?QNom9WM_fo1oYT4Q&AVxf^w%e#S^;*IjD>&E;RW}!Hx!hpG3#j%i@x*2Y
zX0zW?ZCa3IOzf0{&4vR=WsQ;<axc#q_?pYYzpv)NPQ`%4X2oVREXzKd>bKQho!Lw-
zFAvAyq{tVHF>U}xZ1FfEJs~7AU$I#!d78y%Gu{L;8CXOZ=}qd`VJ?8M)KwQ43(Jbi
zLilW|J=Ck@VME!7f`wn6p^lyMNo95dm3a{u|5&czc*R`gQF&)L#yHqB2EP6c)o)a8
z%kKN;kXnPQOli0i9Zw>e0PJDeM96R>sQz#-*_!9Ft8gRBK*O#J^-rzA8wz+B)g~nh
zNVulO(gB-Dp9(AtB!J=IY_|vpVp9l(d;y;7)QCBxRsfaxbE-Y!MnJ~#t5pL6Zc!jB
zt1+IZYL-Wf$FAc;zdm%>b!#P%6(3|+wXqBWelJ46a{n-@t@`){fTULh$Tm>6*a8TJ
z^i3cuZtJ3q?lxspaVG340eeX9pRf8ZFhJJqnL~fFPZee-VygtQ;xpOl4uJ6Pq8=X4
z4nqoedO+4Q0%ZG=UEr8OwqXKUv5kLj6BRH-)jdYFsnjkHm2=2mQ6P~qcsF@h&lm!n
zOVu1&L1p(!-es{v7|c{}I{<Qv2OJ2H&8faVnT+wL2#|AoT7gTz_B4D>3dR;xRa)nj
zi-1Q*8vSFaK0YSDpX3>%S%I`{fONb^U8mOIO$2-^xlftf!K0>xRh9%M#6!HKL}-7{
z7y`UYj5+8-Cz3r@P*thV%0!jPJH3~Vu%$*BEQV(abPcFVP8FI<wTFnw&v{^vB~@8a
z7Q2?}bIAlOH%54syeZ{Fsz32p#yB&A#eAyv#$@mpo5eOG|5=$o^9We(UFA`=43xDT
zK$X|Mf%VEcRc&eoXipdhzX<$!k9rb;|5)|cEOuFhJvW8iM<L#u)MT+e$`h$J<3bB~
zr~@D(aJJRvkbPn=-}}U4OUWFLaIm1T*cQpFEUuc|&H)Y)_GFK6<=(vpK#;{oIzXzA
zlrB3!J~pYz;x(TqheGB<T2~G*(0NpU^dKHf{h*^iItw2ebCBOT*S|+nmBsZaXF34Z
z7BKeZ^>7EkWIP7X@*aRRW%k}e!{C?KyCoJYZktZ^+tyG;ogM(#U<bgE3AYN^Q4a^^
za76-GaobeGi^IIJ2?2oZXn2zC*=tFa-Xq{FOmWPi6+GJ13fdl_+S7eo6_ZR3#IiO5
zKrJv>h_6ur2AW2-hrjA^W+pKe*OR=*0EE=l=k>xh0!BI)H~v`lotv=|he5Wd>LFjQ
zIZSlS;qA<eTrU~<#We7Vs*BDaW%d}?Yuy<<w-|4fZ6r>$;Z3%KsJ7Zp%p8u%SnI`%
kG0&ooqjkPxd{(gi8|f$AKj8%5y#N3J07*qoM6N<$f`{8TjQ{`u

diff --git a/docs/images/icons/icon-192x192.png b/docs/images/icons/icon-192x192.png
deleted file mode 100644
index 296e0c5b957e29d9f64a642c65ecfb34800beb05..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 9367
zcmV;IBxu`-P)<h;3K|Lk000e1NJLTq006)M006)U1^@s6Qrv6@00009a7bBm000XU
z000XU0RWnu7ytku07*naRCwC$T?xFERkdGtU`U*jL=7yp)FjO?GI*M%qM|5{h@>Tk
z<ug-KF-1dgNDU`ME0Y97V^B0LBpksJA!iY1Q(p+AlAxHty@z+!yWjGxv%Wp7{T+N_
zcdg&=``vrbId^^g-tYfk(_VXTfYvAV+1LHb*MjnOYx(NU-mhbyN!9t2Oy>jTYjFAc
zJo`*Tg1)-!>o(=<pXKYF@^xYP`YQWOBbb;J5CY=V^0k^>bIaGk0$_ECBzR5eMDU&@
z?yb>D;66Lk)0}->S-!3<Uz-&qmPsoY0^g>YRYg#Jm;sAGdsq4TMgqX-{ay^DA7vNm
ze4>2qnxK<B%CzkFSCp@RGkyOmU#AuzmPsoYvaBa(Kw8B>^^y1)LymR|fDxD{WxrQq
zI#vpDT~)q57a;-N=PTKmxV~mVtjEgNf0;KhNtI_Z0HIYKU%p-xM4<0q&MdnRU<B4J
zGf#rQv!r~D%D_p4Siyk&N<=4-bT}Kw-I>nS%p-7Ojby)PBrpkD>V6D3qq5h~Dxa1C
z%LTA2*zY$wz<NIWY;ShI^MyCy9_CjLJw&KZ<!f>Fxkcq`W0ttT$-EaI<FmpW)Y~IB
zaarq`8DQQjUmJ?gY+b${V&TS0mVnMHU*C2RYU3=~#n1dHd#x?|+yPn4P9$hz-e6Ao
z>dMAPzjq}AcK__P_Sx6<vdR^`-z11N!YV~3KI^|b1IqCNBpfW4v(HIOdzR3B9((V*
z!upcVE*aQKUo+FWGV?wpSo&O^y*Epcmyhu@F-A@-B=MImBr=iK|E>%m&v<~rUptxs
ziU3A{Lod=1TI&4oFwlV`S>~X<o>}c?VY%-tUtcI+6WMG19OJ5E_t>j^En`F~F=8z(
zUx!#oWJ2IMgaPZwfOV{6uYad}y)6K?ipAznGo8l<bn@4RvE;Z}===aG<<2))*b}N~
zZB@QrVq;t#$TiFxv|^#E%v|N?+hkw2C|@rG0Jb^<U<_Q`a-Rs*rA@ArJk1ydXo&<J
zpk?-%kFkmAz6~nnSIY}pku*90cT9pcY-EY&V*+42gjtvoMFTLp?*Io0cy2Jlkx+;9
z;n%yx7<owaEXxaw1g$9U@0bA;LGV1Y?5QMb&j8lU@`EN8vUE|Bi*)vLkbv}JDYj1{
zsZeGJ5|A!x&Dg<6(7Iy(KQJI1S1=alpP%3$0eJ$P<k~Qi1V3TGF9|Z>wZ90-ijsi7
z#~fpCBSGr`|2_-=FVy(J34psW%U^N;>```~Q01kbd8lQKNYb-#5@>sfP-Zzuz;l=V
zj0FGLp-=nFBGUsOR6`}Cj>Y5iMA+gY!7O&4`Upu!JAmpU!2kuRxLzdelSYEpoA_SL
z9`w^tTOFK0btMD-A`!Zj1lXoI2qZ1_*9Czlvv}P_f>RSouo)XC*TcWx(@5~2BNABj
zpbxFV`pb4_YIxhEd|l(Hy6~T`^N@hXc?Z+^V)okA4y(;Q%}^x?2+%!5l}UO6Y~tJA
zNbsK({@l$T^lXn6PSMvPtMZV}A?!1EIYJ9Qxpk$`M<DAjDl{}Xw+>V$wweS92*9T#
zCfdh}yhSGOSS9PEB$mlq9{QXhEa)C<!1`YyEOi@3j*XzDu}%WkMFRSrb=mLmHVXP1
zcJqW+oCM!jT5b9pei!jpbJ=HYam{Bm^ud*0OBt|ksllqz?|f5OOWvPD;Oi|ym6C%5
zqnYkMLiO5%-Pt`!=OrG%@^GfRg4}iNGf#=XMUr4#4aUM`Eg--x%o5|ZO$`Jf;LKu#
zniH_F6FlJJB)B|FWI6b65M!kKwsV9+GIV(@^CmH?-N49Pa(EX$#vfZg@YxJ~D9)v3
zvWshYkg|nhg{YV`IEd1@e7zU&1kI42^<A3%o&+%6|8Pg_UJ_#(pO_R6^AMFUyzgrH
zz-P<yV@Krs3}FAGw2U#G%Nam!3V?#ZHPitvNdn$O^z#5oY25dEbn+_K!3m)Y>YW$y
zEDsyBK3j6X2rIM+Vo2^|mJzM()&T+#Sh1h~UC5U%`PZgEIOPgk_H=j^IY;n!s4U>u
zc!B;<J@f3E$2i?Wq0dI>GXg60Z2UT-2KVjLd9DHs1lZqtl2;iD^-8eXb0Ob;Aptuq
zF@b%;6J9m5zkN#!h1PEH_Y(0dKFsY3J~Yy~j|c~_?AcZkPSO3k3BXGNkX}tKpWYh?
z`CcIj*riz&EH+O1JOA6Glap$qRfX0*p@;EBsI1na(C3_jZku#szx)ybg5C)rAQH>~
z_re(-w!8xIUVj2Ic9<><gjO`x^A&$T>D<hbw7ZD4n|Xn?N4RBsL{xpAs4<a7Fg`6p
zpBoY_pj>|0<nRF83-nL$0@r&;#liZfGWn;!`On~<#pbWwQ?Qs|@(EUb#z3VMNDr)M
z0e8(G>NMd^(7SXj@bGEr;}ejd9hP2Troy_?-*XVS+ZiOOj!GcaiH<PH<puUKFR=E+
z{ij2IyOIkFggzY9W1xE99^RXiqO*a8EU!Vn0nOFkuxkWdyyfC;aJOM|i>)aF(0ku<
zSbmomxXlRg=?X1IISTUYai1*Up84mmb`WZEfd|faj(aGO14zJX!Ymr^oe_(T-{aiH
zmz16h*E%nX5S8BB-bnE2TK@gO-Os*LV(7y`F$(hg{w#*dvc|ds;J+W-Gp)Y39h2^j
zBljcy=SB!X_e@#*GbfO*@W10ys|bC1;NKJ6TLGSt7^ZORHClj)0NFQDrwjaY4xr?*
zu1(^e4Uv2F^?+5DSSKcgLAM9I6(8f{2FFh)?AZgV_spU1?@rXm!F8PgKLK`BqLm|(
zU=RO;4)8Zeyud2ueF>~xA>Y2>@+z-Dd=Y)4s4lIHc&f!&9%2=t|L3rWPjd0Fp>sk^
zO8T%};0^(PS1wVPKv0}JkQ-;Y8s9<$xI1!R-fFQ}5wl};Y}?5Hr_qrE`G`vIf8Fwc
zPrl4a4|{+Jd$>D3C?QOt&)~HFvrxUwA%O_z61GuVf4+4hZif4=2mH&ku)#+He*ae?
zybU6kmm)gpe{?|P@1g(8?-c|fowY13GD!$ghB*>m0@x+Whrq2AZZNgf5u%Xpqm+c=
z_x!1&qQiCK?$Z}WszC%|oRR&!()+vs{`m#&RfZ@DFjg3akj?={fHg05B9^`x^2`4S
zv@;V!D3tTTy(I|gyh2%q<U7RO;HgNF&fjOBy){Ar0vxt-Z>Ass&hq{v;sNMhS4Bvj
z;sHqK2}XcVCe}yknS}zr4We*czfB@BD1R_`#@53OEH0qV^pr<^I(KCu$SMIs(s>X2
z{Oo|WP9XrjwmDSy?}X+TrYJqYxIhvt32>SbV9kd+xNGsn4j{>g{M~>>s~0*?f=Z8&
zbnWyo-(+D&y+>y~OP((kV|3|!1uDHbIL?<NV5QgbjDZaT1fX$r2X~jL3#>CD#3r3L
zCwPEg8Uboca3y$;WLCc<N_;Y&mf)vkl!F(KFnYujn{&Wnm1GCU!z7*jwZ2f<VXovT
zLpHImJF?%~6si};gb08w4(kN~+ra)`A+YlC+^2jlGZkKn{*PxG0dz5a9ka@=QxK1U
zO1prxsItYEV%fG(*@;0~?CqH=m*I(PGU^a!*&94w1;IQ$GDhB$a~RV}A)T*p$CU(c
zs35?v6RdU215hdVrG#?rNk)J?(6xdf#eV%4A%C`&bnEmFpB~WHF$3LSz`X;51V26C
zp9OSw&MF;Kg++CZktgYc888SOCquj+h|g<mpvVF41$~cEXiFHLQ!EGnWS#t<{=f*3
ze@OM2)oYtoNHDI($)WFL|FGXc%Oq2?2l&3N!RJHe9ImdJMeUbWb*4k*Y_8SdUo9oW
z0^G$7_wdJ6V_#!qybM}qa+fJ}a`2xeKtX_;tgzO+kAI!W|9TUsEY@jOcz|mHIg{Ky
zyE#Gt`v2``1gJca?pgeZiQeC{>vd@9E?gF{PI3)u$x|75Gpl*yL;olc@47(h`*~TG
z9IpuITouvD`*6<kSXs2@Zz)0x0@mLY1%m^?y&k|vfHMMMrPqELsQ^jhcZ*cvT2<+C
zLg1gqTb6yGckQ6o6mZ8}-zsn~<C8j@Al#4R8>3Gr4?PAuzz|!!;sfi=3b2k*gg;#8
zfdQQ|q-s*+DR|cL7ZrI$t0`grnpISq9akxkgvxND3Ebypaa}&^uF>fOwM(Z<A8(jj
z!IJ2D&;RB|1z7p}XL-O%KwBTGC%{S(OO0dn?TSY_zbxYaSR2HAuqL>whtywDk_$Z~
z2@qU$G&fR`i|H&0caCxJScR1f>Euc9OP=y62Nq6fEmeY*$i91oP=_cz3eTTnlZ7WJ
zo*(xpQ!M<ce$ZR8$)=J5T+%|XVv|5ec}j<+M4%D?Fb_F8)7d+L03kAshwxFO^xB!q
zP=&_&I@9X|>mL%qdYvL!ogMkV$a3`1z~A0#WsU+|AyEAlDlGtHSu|cil8Nga!)of}
z>fcwmdS5AZ0aUtAW1woE6$4_{p95=j#G`0K6<4=xgNIOiDGZG?F4hX|_(xs};U#+9
z)pL+yU(a#EdXi<iNU5_)=zI<;d-zC8^*0D_Q^JAIe;&>1^9_L*nC>+Qbju<6>%Phg
z>6B-P#loM3S<c`}R_PwoBIA@v|DO%~ZUXEJ?(OwTqQb(@tHmwC`O2btq4RL?Z~xKk
zm_t~QO>Q+ffGQ8Ta4l7Aa+Cq5FpC$n`gAXBWq3nr{bO-8{rpu{t}Q8bj)_?RUJ2Hp
z{?FP|DqEeb!>SW2SzTU+FBp@L%pNFsVo9D`tPs^4mrk4`IGI^H*8?IT?Z(C^OR1ck
z<CsN`S$+9;oTIeV+*<dDB)?M=JPPUT8L`$f#Eeyc9yOSUy})o!oQ@M%xcu;kA|?-k
ziXPgn9-X)xa1yl4NHzw@<RaFc9-Yr-6GB^xF>2g>JtOUMa8I21EcHxJn9?AU_hyCl
zZ;I%o|Ig2rgyNq$)~tV6u%QZfM1CGxIx+Ek+^@cq<H6P`0flV}?`0LDnOUx}pCA%F
z*qBb<N`TdoSy||DHnbdiT~`43a=f=BSZV_6-VR{VSg<PeveHt=l3#w_!AHsvjr6@}
zRiAW^AOWHQz6-F}nAS0%vq<SS6vm`Z@(?hNP}b-*)}M4<r3|MySRYwKB;}u}<#6#<
zC9)l$0cx8ytP|g_DV+^sjP*7Cy&FS*mj;cc-p2u~(1ClteTB3-4^1Gc?E|!yNFA)b
zQ}0B8+X`6K=?;?DvoP(S%Fu`F{ENd7@vYSt6(H$>X8lb<q0fonKM%~e5iWlHrT{A^
z!mNZ!5}#1p#^Z@mZb%5H=x@0rQb{st<>2oQ`Q|;%tnWxi)rx?6xdW&gox>bD>HA}p
zp^we_nyAAboEiRmLYTr&glQ+NJ^}TI;6DyEWT_tu6eD(k{AOJmLY?Ozl!@gdAIqHz
zOYJ&zP9~|`o0JlO%G<@e37tezoRxk#AwMCKK4(_n1Ois|$^`K9&y5nGCw;ir=K|2z
z`?*ee#xN)8J&7cx_r7b1uZb`2KNb9^Du%+8C&4}0g)%!K>E)lBDs*w3Hx?x61s3|4
z_`u&UG3n*|4{htQs*@6vUcUKO2LXHvTVyA#R;Ts*n0UdzYa;l0E&WJO=yO3LQ27SI
z-|)o!=Yan(?U2q7pruX1sy-$;@Z<4I?-z{GFY+Y4$0q`n>psjws3G7#L)fR2$b7Jc
zJ|-^k<6cBdK|k5W!GEhq=V1lB3Ef*RNu;ko0{w|Ja-730={0cy6*ta$w;=ejHs6-T
z=%llUBmB?;^;!|45MT!;5K8Kt<Vc`R4E%+_PoKlhu)e^+N;-G+gi;}$D;(a06RH;Q
z&xW+)piEj3_}?j5omnC(K4hhFQTy8ky~!gY*^OC#jm~*c*@@bcUXv;-y#&%~=-it3
zWcmoG*e?Al6syZ)DAj=xiop8g8o-Yps<XxYCM0bf)t*&};K!@C1N^v{=Y@jcf0}`x
zZwEiblkjSEq8Hl6Dn2IC@_$DO{?#7v_i=<h2>#~_f*<>FHezF>7=0+@cc#|rT*$&R
z1HZ|~An3)C%_5fnP^PbO4Oo5z|L2)^BJdAS0KYtH3diy#1HXv`{~_Q$N=Xa;!`3kP
z=LztWjDY;skFmJ}(m97Eyas-g+(PzPS<)Bw9PR-B#x;aJxc+tn2lz)q`m8aZjB8^F
zuL%ec9IXU@O4x&?&ezsJwWlo`?;i?)pFG)(j=$Ta6$@2SPOK69eH`G&=CpSb!M}oq
zC@%0%gtXRc*Ur%V?>1?r!uK8>3h5<8zOU*24)FJ66{HyWWpawAWVUmFe+u|drHpl-
zULyW>lU5G?B2^R#e*C%@i_a;fIMngk5cqj~KApwq?O3QXEfM_u?>W!FZ{h;L`3Y4N
z8K2|1Sl?#gC%wlfgi;dxx3jSk_%RH681e_!#lTPZ9_}E$Nh^={QLao#BqjK9gR1Qu
zA<Bpvz(2(Sek^@HDRP4n=q>+n_IDfj4g4R=_=H4Kf*<$!|B3)A$|#RF(SUz4(?f*X
z0xDaqXcK4-{-I|1O<ZBmq{LX71Mmr`v?8=ENGJ{Xu`g$F0r1oJL#)zc;sXDT1*#~#
z{n%BOoLqxW7x?kC`nL*zpI$%3z;EIrz~~x)dOOq8<`V!v>BQCq&5ZGC5BTlC3X>|4
zC)Ly%qVS%Xv1<tY4UDLd)&Ty2jxn0FVv)-On`;DWJ>>V;S-A#ul4qG%0Q@Ck`3?Lg
zRaSKuNZV;)bpWUYt|3so2~FyxaSj!PN-1@oYGIEF2w<V$Ib_-cB}xJC^Tp<Uq4+i<
zKJfPf_qoKHeS3ak;5YF}$|kV<b2B_)50)lBEJ&zZJYf&ENiPEZcIv#hXSh{+Onjlw
zFB8E}{W{ot|2YS+@cSpB*k-j4IJ}cQoNgtgb#-27;5YGwK0A596I;x(Ftf;<Nc44N
zK|<lgSqCvb3a5^OV%wqI$U-xl;Wf$0!=OL>fgdQbvjC_}q)U*tSuGN3Q=yB8K1(3|
zgqFKRZen6m1==4eLJAIMBFS+=4+q$T1qg*C=;qK#L>LR{htuJ~)azR4W8#x_ptAHZ
z#j4)usHD*MM<~GWI!4r0mnYEf3i-2sV}!y}+`C%E$0U^ao&@P9sJ{u7oe}CB*8d?$
zKbLp1$4ZmVnM#ksJ=8G{LYbIUg+R}P{@70f^uYm3y-NX0y_hA^u5)?!1^ub)1pcWO
z_L#)1f8PSYy3GSD(s>!=`-fsWPw-f3y2lKq^(R8%2`!r&0Zd{9_@ff6ye!%^0<32t
z-}2zP$eTRt(L<rnR#_~cva9rP3w=x=0<86+(m&rE0V@G(f+wNmv%Z=oh&)a|+M|<x
z9+YVPmzA&09QlcfNflW4P{!)~y`3ZBPalQ#=efiSf$EGbeXdfHbc|JfOf=!o8Ia$n
zClsnY8nCLQ^Au%BMfW^A5US99?u(F0o*w@_i~UVB1Q?eH)-wW@m0r6fqEog#Y!d-1
z65~0AS0V7f1l0@fO-#I&^)7`6;DFmP09LZ#wD;!909d6*2?>Jv709pR@{#lg3x7<s
z@`xg|Ake)Uv8)8RDG^d}u#Q%M71#XEPauFTaxqcMY(;26z?v2bRp|BG6(JDm9Ham%
z?)dPcf&k=IdK&>uv@%oS0SK(W2_&nj9-t{9Sw*k&vVs7bFwMlo3)UC`hDIza5#w5g
z&J?iX{hm<}m1cjp3RJ30OsYV9K>`5=M+iW#pRFVS&g^a*Apn8+-UtE6GvKDXos9q{
zS^^vd;Xa@u1UNuxt+7fJYpEcezl)HH2=E@X><(uHFbN8Q<BQPJHn3VjfDsV_kWM_-
zXn8~@0ruNU0vrS3RtWkT@B39FfQd#3bkhRXl@s84MRi541Z(o>q$KzNC8@TA%B~Wz
z^}jn=5^RzZ2K5sJkl-S)&Q8!d82k%tv@^?+sJ92a0M~htLZ^vIRrO{*xL0p+LM(-N
zhb6t<DT~KljdmQYHz}+&z1Iu;jeA_@Sw;YpR4*_vVzG%BhbzEE?_D0yNjU&6tL%`F
zv)t?P0-ON1S_ouPL>>u*81kH4O&)-UVJwFHLVMY{xo<)kv@^K3S>gI{x3~=~5jIIp
zhJBl2ad7=B3vXiJA}}8d{*7x>NEP!ea)HgsEW9%@QRM+BXM%qhHv-o=N^lXe#)JEy
zI<EI?iDAp*p74r@iW~cW!MuP;iV#r#>;Wu+3r}zFr~p?T1NCeVV2M=Y5=pgXmXy0f
zHoC{}%?p?mApmZ0`&<ODS0@4%cV&Al5W3*cJ(N1>{XM{ctg2iYW+X64stSDxD(3_E
z0NYCmF4Eb7kzfV5cZO(GhC=ep0j`ICkGtKiXH_ASBKZI=ReT%rr>r-zYD=fY1h#|2
z6Y%dRFmF_+9Oq$<Y8BV{C(8v)ijrVkhbQ1bdld59p=(HRKjfE9lFsuAkf4tP_*~~O
z3x!OIk^r0A<~smOK)WCE+oH!vfHDQDPlx9dZs$4jh}bxHgUYt)Jb|ZtU|{ySHuh*u
zQb~YG>`VbzPJ)M_vi-O=F-EyiSZhv#F&^TC#)*qz<_WU$Rb+kH=Pe{MNlJ_%tNzIF
zf=Gbdk#td7Sq?tjM*TyktC{J(CxKY>etT%?F<R{)EE1w$f_E`7$pK{`3o*#b5(ySS
zrN_TPVP%P2*uy^;s{49KCvJ)Ib)`;D)>A}Yz^g<f9mFv)iCS#}SXWlfp|FKdNd2fl
z_=0l204)&>mro8*>g36Dcc^UrUSb{we|{*-Z;0R)5}73B1t^z_kcd}cu4O<?$qTUI
z?P;dx-|YLV7*Mq#5r$(|FdZuxu|5#QGH+m#oEP+jN~;3_jJ&}-780d+0|fb5BGe*s
zAvtzX#_{}qyF<%Hye?v4L*9A`p__?G4q$j#-XaF7583w@Fi@q$@moVnf4|g;1Up?2
zC$vbXk$vu5k-!tlaBV_w^9ClhkYGb-IUQ!D!y90$!(Ish<L@5`l|wi9Z1jUHL5}I<
z<J=A^YoR4saqTnjB(+MBNiq>INxsDcFx<Shi!v;#X8=Sn;#y;B&*0}2Uj!{DUCLxV
zMl3w%>^U|zI)w%o@*Jh~FeWC>a06vesGJtbXK1mN`4><<U(lc=*G8F_;W0clzV-Kz
zCq}HFm9Kw5e!n4Hg82;#i%e2Qg6{`VDM#}5YTWd;pAxi^2w1`#>i{htrm>q+C)d{@
zOT6EO{N})yW#OGRnKv=X0R^o+Ze6|r@@tOKOMFlKUTC{St{0bb-sB*{bWwo{g+}~!
zJgOBB`B)<KEyz3t7!gcTrBPVg5#{TB2NCXs${A!aBGd~2;)0qxAirVO9fDlGN|X%W
zaMjysP+dC3>#6efeI>C>OuR(EZ5eSQZJEP*UoWaVDMZ)@Dvf(GG&(|j)<=W}G3Fzo
z(!xy_{=Bz&1d}3(a)ThkB@QBBb!S2%5$Y5~z^1*EvSd1>*Jare@Kd3>!xWF1+F#*e
zOiY3y2NGdqfC$?wi6FtZH&jlU<QJAxae}V1La)@>t$a-s`sQZIzVseO1d}8pboPWs
zO^(p0K9bmS@a^mI2$+lD4iZ}{h#)IUJ7tw9zQ*~vEZJYzh+tAH5q<@glk9m}5+~ET
z2Y?wOf((uL3b$($h#)8aCW(apjVy^aBAC=fg!MBZz2>mq*eA4GK_Xyi^dRKhE0ADg
z97L#75TTog2tx!BELk>5CPMox#(u^@gug;%U!l|-0Vm>IeMT;i(5NIr52&2MOxK$k
zkvkX>Olqkbp&TthOV`bgs!^Si2uDM8Ul8{Qm?Lx%L;wX5u)FjLF-B~;z`aY`7!gcT
zMFQogkniCsWjVrj3cyO82;jj?CtswG$uh23>!<*(EXfYaJOCf(3z<jbM7PdUlVl>S
zlL3>?CF46*U=PoxN=w@)be_v}^5dfxWfr_q0bG7R%mIE4)vM-KXCYl*W%y=d;sqFP
z=QzO;!r)0YxOk?W($dPgi80__MTX(hp$Xv@3GRgb7f1Mpm8o5n`b<o`$?~qyvSXdx
z-W^YyKT-)Wsq>rVYX-R2H(<+jcSX1*b)waO74rL<PA*?xQHF0OCf;QEL})qCLt5_p
zlz?^VM2r6tBiBbv?{A@{lT?!*kO#ub)~_JH+aBu0S?cuyg#Z(iXt;run@OG!<~IVc
zv4i^P{kG6@NC@Aug)BIpop3^dun0ZOEJxyva|p*+SY%Q}xMe>CDhu`{V2=~Oqg}9%
zyJz3w35zfU>ro&qI+-QjoU9Kfcr6o?D$7lv#T8vQcmR8UW`#A?A_+j8KUfU;T_$KB
zqYWHh#6>J3-WE_frAHEB6jUbCY%?#Dn!Ujas4h!h$f`xLaDxMSV@Ie(aXr@m`zftA
ze-C%pd!Om!N6Q{=-oT`mBpKHN@co8(GK<xsy$gDS{w(p9-T-&W=%ldToLE~x<!of>
z4Ulk~m^Uz~#TyJ}mRfp)Ye2tS9G_dj#QScj-j9@W4qRt^l#*P0oTm!1l0IC({{!;|
zCPi`s0yHk1r+WOV?Bd}@pMu_CI8?WA^W&TT$YS|M<v4K*%GV*kRV2+FbX1Pf#3TpU
zby?!soLwAX*bLWRX=Qn$yC1a7M7z#D!1nH4lpze=6I;V)uyL+p-e4iLEc$Vc!^FfZ
z++tn?`GYkGV7Q0Tw-T%@ffi?V<q=byTt6=m5?v<7$-T?P7802h35iGsg8vj8yapv$
zSpp!Qy?m$8*(5@uMrBAua=e4A6uRNO!DdDRlcFIJZsPla04%q%qZ0B0{{Cd)3Ai`F
z{f0JIg0_)`Sj|w~u}b=I(f=Nn7nr09EmXmUHS&m99uoZt^rvHT%RLVAEzt?Ls{jB5
zJxN4CRMw;)@7E)d1U;a#i=E43QEP_g*jW>kDiUD3!y*AHZe<^2)tnR(j17<gzaE@e
zb>inayF#o>EjczR8V-FqtFXv0h$gvk)89@7Dnt{(f3P>tH5wAg`mWH!J=O#xfk{yk
zYzvih2{=dzyjarQw16j=?jS)^0TR$SyD?%mIXu>#31ORwNfo$ubbw2qliV?p1Xvw<
z)<G=3_2O}fB-qEHr^LoSi+K(61SUy2!TwOa_`W2<A>09?of2FG=*?N^(&Qn*pv1)Z
z$4sAVocFQcvBcOU$rGF|EVfKyQ@}+!clQvBli)xl35Zx%JCb)!g30zsO;Uxd`b{2i
z(a&QOtSbR}h=*8B?CZ`767YM@ap>eZ!DW^Ym=qxZc8R|3NH#gR&Q@A%4%!(W641{J
zp}M6y<^{H87QdP4<I66OPZ+0($;UwHEr7+rMWIU{CAjJtV5PN|-eqRuI8XDCiicO-
z%@dfU2mxhcBy4#PD(wy0zM+d9;gux81&LPsafi3!<HibBdrOK<QbQq}BwHS_*bgXm
z67X;h@q&PNq3?SttTw&3k3*jv=Wopmm=p<xE>~FWbCedF-aj{>ldSeLN^4D@xyzHY
z@Q}@#=S<W>z`_vceUBI5=LGDm09ReWv$(2FXC`=o-jJUgkRjVs_E=4d<O0`0zPU|W
z?8g(stD8MKxy4=zmA?Nv1!12OByf@HXXXV=QgeatLB7=J0@v{g7Q3GVtS+4+6*?)j
zI$J?1+>LG>d$cAgg4-p&4DNb6ueoEjrJXXg!g~L^0b&tgmq2B1pe{nx9UVk+k?O?6
zDwBzYLGU}sH??sR(CbGkEH(l59;FvJMH#jrLFNT?S}tHxm;eJD;e{&~m@Ysb(s_Z0
zR1&a{C5&@iV4Pg%-j)lPq~rlRKz^dh)!>E|qt20#g+O<>2dq-(>MXno5sP%54EZ$(
zE~1V%0+?uoPhh<R`8ETW#qJjY7lHU&;4Z0hovV~_JKgI5PY5J)3+y{uUs+)?G5J5>
z&5sa(tnQ@|0ubOfgX%ek5CO(VJOI7EvnLUDg+aZ|3z($H9LO(hae06lO3R8n*8NlI
zRUTD_YTH4+joU}m%Z&ggDKgtZ09VVwe5F2IGWiDh`*=73a9wgcMX1JGq)VQ0YDr~c
zQYC)__e?8+ih#E?v+f!%FbDE24744h^fX%qbn>|XS3eLDbQK%tYxYP@Qse<vN%4Vn
zS@{~K&_!Vf?I!ncPiTd^RbZpr87yfHd4MgTayrf`$nS_v7w(5NAd**@m{fsvswW4)
zZ5DA8E!^k7Q=-maICMP(E$arb&3U85v0_;DmV-#Ev)6H-(!;>k2bdHfz&Q-0xI@Hf
zXxZhhi|6y8u-JI8Hl8kXCA7>Uckz5SMdvkHZh;H<as4vxP`$gugA}&>{|i;q=4UEr
R(x?Cc002ovPDHLkV1hS1sA~WK

diff --git a/docs/images/icons/icon-384x384.png b/docs/images/icons/icon-384x384.png
deleted file mode 100644
index e69de29..0000000
diff --git a/docs/images/icons/icon-512x512.png b/docs/images/icons/icon-512x512.png
deleted file mode 100644
index e508c3cbe6f114dc75222c5e35db1839041bb198..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 11516
zcmX9^cR&-()82$2AR<KtsX@9RO;kX-f>co~pmYTV=|xItiJjgBQHp|CUU~_gfJzGp
zk=~0Cic$ihgg{8X^Y{Ic<gzz2xBKkg%riS1b=};M<FLSC004)vk^T(;;Ls%;upWYb
zwt@%tpdU6Lqr3h9upj&Pfq}P~Cjk%z#`=1<g2z@TR|5o%lVyILgNZywDQ)Sl>p~w4
z8MBUAg%M#_-?N>2BJ~T=_)VeqTHYV8r(bB1v2_%o>`CNg|KSr)B4cBJ$}-Phr0*|o
zOzT|pW>ChP&}kB7@=dKlbkr_|uu4>3o0<(ipb!YvjQ!M=QP?jvDuebehw}WaKN(GZ
zwfiuB<FTG?bwnd<R|6^8k>kzy87tRS&whVjtL?5OgMSYGJ}+n9A5RR;y-l8O4L+t>
zeDK=$Gy?1*U&-;{&G5we&fN&y2~N}U#Xver;UNNCAo&`IMd7Tq3u9NqOV{44*BU7L
z09V(qiTYyFDW9V^4CEf$%e8G!8p0fHibs(QSFDg^#+lbnF}Ie41X{Lp1wpB>`%ZhF
zbjr=V5wV{-nipbM!%CWa44Fhrcndm=@WlMfVd8Z#(^oZ_yuhe%fgW7x?6-7$JaSj$
zV%tL_F42sG7g3%=&VKlugId4X#@W!?ncDELC*OGiT`}Zp0y=zuG0?l<PewA{u(g}y
zGUIL1h<Y-#A>6t6P;o7Q2?ST$t{X6d@SiPD{W_bGscn>4e{=);Hhg!95VWsKuu%mV
zv{_;apTvT7L1%jPU<hIMVeQN``i%0mOF}xkq{*NVuR0iDvtm$kcBi9ithMcWM_n_{
zxKGBc_fAu~FpHlAfl`vw3yHq}1WN-AY6G_!_2bca@}mb~pQFoGO(r#XCIkW3#M-mx
zfvaxC3;&T%I&LF9TWJ>e{5?IUO(&P1^C6WnZ;m1huMZdF+|BzGt!NbYV!BPh#o|#N
zo!5a;)eoOkRAHFjC#An+D-X=2txTa}2GPqWHYF!935Vb9ANC!b;t7_8x_PsZe(g2G
zMm3-0`z;}vm>yj=Xs?W}MAL8WVJF=K)qBuYHb@POXCWPZEtQZ3fhJGpEgOvJUMJ&o
ziwu5S)(2Ne0;Q2Me;(@X?$G4~t3tYs$jyS<`}BfcZIc$$yc)M4_3RjV7-o(Br>kL@
z7}%{(-5t-VrTlFQ;9jSj9p$5GRaVLcIH*s|_DO?c+k@#Knt!IvF80vU6ic_ZfUU+=
zfpG#mof2Z#++WuP)6E-1fAk+`48*x^R7k|FVmJNw?WqK`tin;a>)+$f+d5(v**xt#
zYNAzRc1QVGU>?rfjDpR-B@4&Hm-Em$2cc*$q4DY`WrJsYdZ3|e{|Bg6jHdlw89m&Q
zc=zEN){`0MY#yt}YZrq6p-#=B;jzmP^Q?*J+X&4xDur<Z298lbD=yw_*71%J6E(@i
z)(a8zX5D({gU`HVf)(%dw(Rh15hin4Bg_9Qv_oi0D8P@fz-{kk_(1)5CgxaIa~uX>
zVULx2jyU`$uP|tV_<0whb_)1B3D0o4M&rRc82QtwBBI5-QD^<R*R2~YxMnWr*$ee|
z_PuA_<rP&hXwD>Xh<<d+h2~Vu5h-EuQ0vO@f2?YIZ<uI7$+3^6BRuzSG!+Tm^QJ2J
zCf`DU$LqZ&<a4MnB*z7N8^oD!IpZtFevgjliGlaFJ84xJR*YADYZoVz47;t{@>zkA
z*J&g&UE`{V!?NmfoGd(~L3v%Rm-JN(%p6k~b;?3*Pv>qUKd`C=M$7dL)~VuSgfL!5
zA7t0Bm-ym`uB`5Fhe~u>7X0S-8q_#$0Gj_wkS*9z3kA0fCGhqJ&60L;pUF)@2QFve
zYl2$!BpfeBzD6Qy;+oKOKXX*w;ErxrG2ZWY&hM^qot*8617uuwR@YO^RsrLu;tlH0
zuP-eN@Rr_V^%5U+4#<S+5!D2rricO!c&;rO@vB9$f3BkVc~8_q#b*KQ6R`HqGGXo7
zJ%*Xyxj6$P(?|Y1Vx5xLz@$~XVpPn#ruv3O!*#KlK6i8uePJ3ctA1?$>LZoq-?zW(
z%BB~;d1!Zl?5eAM$!lCbG`+a-oiS9Nt8&&o*CSwTF26;M&RRMqdD*+7n4W&P3>#c)
z9w+AL@b?I^$}BZ62J`AlnHF^nJPeYl{ruiN;DR+ab(l73Z=GtJ{M;r$U92$8hJ#sq
zcMm+o+P={jImV}&^T(sIL3gRbpgA9%_Ual<p;Fc-n~9cP9o;PqYfhyX);!I`)=<fK
z#$-EygxFRq<aftkmc`l2SI2si3J`DbxY(wKPx+AZwC-WDwMJ;B2ima9vuE}e%v){(
zZhOWNpR%|6?c7!jd8hiyU^fedP}h7YX?Wyym6c?It$cNZ#L}qMVWnrLDIJAYbo(0<
zg{vNw5$|R;6zT7B9yyipk7=HZb>DJBJ-Rb<@-X5?VZ4jhPS78pi7|<RkbGJw_j*Rl
zZKv^tulH=PrO@JoT|i=Iei4JesUwYjt^j*udBgg*6O}etWt!jAmB!q&H0W0VZ`TA|
zeah6oj6U`_w+Ovz+tZA<w-gRs+`YypRO8)sYVQ0DS>c}1S<xsF4b?dE*CT9!gx$Wj
z`n_oTLi>{GQ|myVpG@FX*uv6SY&#u#ko(}Ms}@)AAHwjH7q5!|g$cmyLVgnpy)V|E
zgH^wEzhkohq&exuxIez}L?ZSF%wxjE(kCct&V6#!wb4P_Z{5RT%-b&3ES0m>5+we-
zq2PVcB#}@O;F8x~)|^B+UnvqOlp&+y5P|R*a48Nr7=FHCH?~K5ZEIaDVaVsTf3$4k
z2+gieu?minh?i`m`^u%8`%p67Yxu8&tuqtWL9i?KTmyCNJ|sD|rF&H3UuR<>2NHW+
z$OOC6e?I$Tr#^-EDKsw~WhsT_gxgG3w`|0{aUV&KC}MEG7<b2)<tyj1uM?NqT>tcm
zqbrWm!=-Q*S#csiFnM0@mVL+WIoCG?giW0Q=Qc*)b*DkvnX;q+37;IF*R+U2-+^Bf
z3cen?H@c*o-XM9}RYQtD3@0_W>uqeSttyqXucxYA5X~U0?GpmeJUYGEeSYgAkJ_yI
znrTi~+?9j)wXO+1RhS@ow0_BD{1xqI_#un<b2~=K;#MiwqMVj{zo}El;6oRs7_(H5
zup~>%M*9<*_w&PsPgngE&TK4EoUzVn41QRp!pISJi><02D_~ce6+T*TUKVajTM=SM
z6qlzGR$~Z5drhZv+<#or>Kk!7>2pgAC0m=~oZ#}A9fXa!q%h|6%j|AW=&yP>Yx4xB
zt5sFp>}3W|sXrg6Ra_ND@91CNa=P6ZkI?3bE;58E{q6XB3iX7^Y~jwrh&XP@WxP{G
z=+R19vQU78(&l@o61X8B*!|^6R!r9^i6nI)d{<4U#Gf=)!LFPrBh-OrS5s=39O}~$
z<9t@!tCq6v@*DQaCCQ<7OGJAx<K5(}Q?ICfbD8lLq2A^Ba`>_5!)18G<LK1{Sefue
zZ4DADp#M03*;fTiFR>FQ{Mu{!<gPL|uij{hr##EPw=m1Wy7E@5<E}MhxVZSC>w&{K
zHp5q^c32j5%VNABa`Th!48vCCxN6r6onfgsertw!3L{c~)c>{SeZiSpr?4R04#o+u
zVOIID^<-m(@<nRG*tNA2n~?~VEGkA-)R>&}yO?nvud^reD3u6B#~qVoaUNngzVQW<
zSvJkZ^`OL<uK3L<CY5F=(OI8dUGKX@TM-H4_`Vaivl^rl{;2SPCvIXiGL2?<Bz5&z
zNn$8+zLEn7Rs;qJp_II?-a8hqBzvEXOp*zbBppVbrY88oE!zi$O{WC=#H1PAQRTza
zt^Q=V<G>>p$8sVP((xoGXbzmzq9z!nCP<QmbV)9hK`U`1dd1oa`rRQk+ti`B)lXYZ
zzrA1TQ?HYIV9q+Nu*a2w4w`@e23!4Y5WC>!GN)ugW>75)xB50EbV-QO{R|B@U@R;b
zrl+q-4pK03n|QmEyj#0X|3eM!^S7p#ZB~#PCpVYec_bKjE!$OJ<0SF|FSvO;az-K=
z{+zTTiIoMx)@KWN{HQ8__<npCa8J6j>@hIbx4TV!U}wB$GDUqkMd-HBHM(#0*UZQ;
ztji%T{>ng4+YM?ABY#sCrT^_s0PY?;$sY(vBw2eOi>bU=e0u;|qAR8c-%8%Wm~~07
zoeB49vvXc?Gh^z3<9+N-Yu;7n>O1^~e?10P+-TZZ95T_UJP?Q^w{6omTdib%{<-dZ
zek=K0vFqZ2d(e5hn|mImk*sBdZ*&16Q#=_52$t){-BBAd1#@<fRM?OYrkfsCFXUK$
z)gp9Kyd)K~=KiAke@EINPe7b=lW*oGzWSoQNu&D9NSCap^a!^9DE0H9ykI{$sM)t=
z{+bulbK@1kLLRZg_$Jjoa?G#MFX1hu<X!V9b`1BpU}NkEyoQ23yn%I%OTaBQ4Mqf~
z&c(_ft}>l<zwM(h1I~JT%K!|c^xWPhWaCAz3?akn3pU+nZR<QYZOKyjpW}iy!C5Lk
zA1sSDa+p%k2}Cu&+x>N=wGue)P<*2~OfxOha6a&X8O(=#o_+kzc7nYy#V9`SB|YT$
zg>+t3aUNqu@hVkZ;NDL;;P|7*m^c#59Hb*tEP~(2kF6c6G`#2kM?ZvQ145?}YPt0r
zMg62iIJh9Y{CD@)AJfnlvmZD1upbrUy!FNY1l;n{_w6qLHS&kSNakjGNJ7;^Xc@^B
zb1QnPyQ}AvJw%4Iq=uEqV=M}YBFxQS7C!-uUR2XCYBk$%cB)#r-2S1T`K89sD>@aP
zDzis1_K=LkXdb9R9)IVA`DKw1PPb4!*tS1Gp~06Yduw*y3`OcdzGkM3C=af*Le|XX
z+HZd6++Fj0aA8(tQ$&SB{Gx!ng4^C*GA~ekc7NIT$a<{|5PdL<#LBv(@a>W2R|rv1
zVm2<V0Mee6ZOecw2iYiou5-KP0vVdtxK<Bmz5bB*z7*5X3jyDEp(P8S33T)*VlneR
z)V4D?e15=qF9??G6oaTmFH1EXiY(gUBdh;Gb~3!A8_ek|BBqeSJxHMhE^>DwY-5mP
zxP%wkS#wZtIZVUxsaPc6?~Y<jj`Ml7ELQDQwtdkei%>vpm}Svqdc!1#QN?$i2FZBV
z0-6AuA7zJm-QBk2iBo;kY{n$+AS?5bREKE_<E`Rck|%NTXij4iAs?GGEv@0O>TwFi
z=qGfKyU};#`KKBsTiR!g=SV!nHTmKL?~TkUoQM5W={<B^B{46jz54mNn_=!L=+jOV
zhE0>@UZPsn+1;QMeUkgH*iv+hELX1S+&maCqUTv96?vy<aKsjETlD|T5?uNl_{?}Z
zf!LH<TlG+TS<=@dLqqk~?aB`dIuRk618PU&^XDzf!)HfK_(T2X^g2b4MYR%!k{L@o
z=w)N_&DoL8nfUpv)F<%fgdE&{@%a=6kLahuRmM=+1Cp1n)yo;0zE11){gFXPp-b<d
zp{ie#m}0RU0;OU#$MT1B-lDzrns^RR`-PBiWLdk!?#oH8w3c^U-rL__v#v5MJ&AVw
z=-kiqF@9HqR5O8S*5xFhhr-eIS8HBu-tgn>7_14rNOnOP(^mf7WR=V1eZ7}nJ#u!+
zcl|n@f!jSj>hFF~H`~j6vrCKIeij$pHAbfhIQDgxM~9te9DFL?Pj(NWg@y$gLo2I6
z_WNP#sg1?mRN5#%kjOvc4>-{kA+e>3V`p*il1skeZI`M{#P&fM*7j6_h~))fWX=8G
zavGcSf<p5q^G3JzjAm+tw`DyCxqi%KVf1Bw%SiUq)W8&}L{mZ}p~fUaJ{|ci^o->}
zuT`Ra!uf~S61k%V_Zc5A^oN5*A{4T5pRW~vdia)UsrGNefQWbPrJhVt@#CtBeN3a>
zXIa)C&-48`G7g51Ur6Gyt-Ou?h!}Ny(U3aPdi6O;vYlb17{XI~LA{4(x<6X6x8qqn
z$%emPuW8tV$GPBy-_ESm_n8GTtwcMb#EoU`-N=nWYktFt+2F(L^H5N<=@^Z9=afhi
z8F}t%O#JFMu682~Yt<GMl{1dbJ%WB{e^70G%JA+1I*E5ATE>`|-<$q0Rs9w3GoSqy
zg6G0h#r?kwi^W5JClB)bLYj8D-e=XE3yUZ*m`xxT+LX}q9#`O`Xd-@F3Ecu4t$ps-
zJqGx?)HfIfKPr|de@DLAoi=bqR$J>`IqhZL>axxGY)eytvX!PAVjf8`IU@dPn)1LV
zl-7HUI7w{!AwJtRRr};u$i!i_vrj4&e6qVnoV>3+sE=Yab{&({Q{b4@NK^ZfEk7I6
zS9|v(yy`y#_O(Yo_dV{;WLoWW>Lt(Neoo`>%n?NKWvv@!lGn-J+|$aw9!hcf1N<_f
zC{vMM%eeE0Gl$PUWY06?n-Lm!${?}c`iQ7S95luWIPAEv+@#{fPG?gNF<6DhvFRd>
zxNtT@v%MyChJC+DI6AQ2810f*Nw+B!<$S_J%yVI(+Lb#*&}Xv8ryZnCh0>3!k(jTx
zD6~l$G#kpbEmpfwihjP^5|`@WEtpH!-58{w5h|je@)D~JHI+($_Oa;lk7&v$k85a)
zpP5s$2g#zRaXL*U-h}1xaR$Ti`*iP5xelWu#^*zXHSC=OrmWSe<k_pq&P}&7C~e|U
zmQ_es(a`_`(W#>DC8Gb|;BC5glLMUNk=Glt*SlgZTpg*{SrLleV|iox5pg$^ng44=
zuNcnh{m5E)Dp=r##BBAT*k2i`XkzPi!1Ttb5|RoKlBc@F6S5fKSQJ@yf>*A?sg#(b
zuI)|xe*u5SF4vi=F*zdSS-`pD@=qFW#jl?C4a+BL_p$1V*YkLL(`;r(+&JmNrfcGH
zP<K|%Xs3NW7IR*;WC^Czf!XX^)tf!#Pc;w47A?$7^Ay(q9zixs<Q9pzAEi$sVvBZs
zCcd7eF*%Y4ow~o(M3xPDB^WMyY3>`re*RW=d`h#*9}$ycyj|UhoQ!KVJS>WHEoguH
z%om+DQN)Ox<e(fdnayxL4rnm79vSdD&`F=5@Pl8?sO^)hmohgAPzt;H3{w9m8;7Re
zfwf$tb5q)&1i`YPCTeUlc)biBsc5}iW4W*P_bU24rOn%P%2N<R`r^szTal|}EuII%
ze<z$Lt6=XxIL!|F4ve_1?knom3x1-*p2h@sdlyx=8pIV1B{hA)PY>wm`dE~FFDknj
zFJMzNxPkIMs3rbWP5M&ME)d$D<WvwKyq1t0`h^=4C&}1vDH|N4BwQ?|F6A+ESrNs3
z&+i=MRkadyR8P!mNGW;&R|&VLg-N=(#jzDRu0BLg(Hi8FV;y5eq`LZ04Tqv%*v<hA
z9+RoNX4%F|t#OF^&~$lbcV(Z+h<@2JVZXU-aAZhLB7qabA;rL6MlTXK1<q9s6Y)(~
z!hnYowZu+KL2~WU%T2;+rwbodEKgwk0yKlD?KfJ~lF6YOwuw=tEf!HKr}|l5>fs52
zV~pOErVly*k2YG~EhAoy?@eKJ*}x8Ah||~rA!=?87VrC#*t8o7Gom-z%(b`Rl|#rS
z0ddMe(3I}3_#=tdP7mAUW=f=mR=0^ylPPt64>T{6RW~?AsX-3Hh6&!?chPtxz%vwA
zOsA@LkKh^K43FrNhXqQi&t{*ZYAi#7?s48{s5vYbvbI@R7u58~4*dcSCR1_|lw=)n
z7mCD)40S5u7uL6z6GK#_n$m$0ecYTb{m-leIh_V`l_ke`OEAzojYf1}`@0>%=G<+d
zoRPvfVkg*72gzs(;`Bc?+AJ-fCIMZ=&85&_PbC>HkiMdFwFgL~Nix_{nyU9;h+|sH
zCiG2dh6YmQpZStuUIsU<HfvgAy}KRicsgwv+nOiM*qq*vOW=oK(x6UDT&33=Co^W9
z4v9jE0zJtgv|fs8h#X3#!Qj!^CnXuRDU1qerl|=hqcu`94S%N@CpWQ2fTyF^l4&YU
zn-N#Z3AhL1R3^l6E#)C2dVBJwPy-Pftj;5H(~c1B2!6Ve4q)Bu+Phdh;~E~_sdp6!
zMB!wozTe$-hlcs%ZL$v3m2d~mJ>Q!1!_z&9w8mb}e<(9zi0IYr>gr<>Xzwj(mLwU`
zc*b=<f*UCPO>C0VyW$-O0rQw5jw0(w#CyK{ewECUNULuWg66>kf`2ko`ZrRN@yKbv
z;vcq2w7jO1QlU?6kBvjv;*q*!65V=aiH$r))ak1D2kKoZ6Z-H3Cz>9VEx|aQ;0phx
zL^W&@jOgyV_s}SDSc-A?u<HNxLJT~1h&n(1DM>Jj_uEujq^V4z(BwR-6G+z4)%}Mk
z)_W_3CW!_Y(sa*CGtPdi&~UJ$wYDD-&F1Inzz$D8yhhjI`R7DCGj+?Q89FgUPTlW_
zaw+v5rT#=}BQs>@dhfrNi;<~@BSFJSW>h6J?8z)M0@YC|bE63@8}gDnRWFI0Tm$4C
z$*l8Km+VK0G?-C_?vND2iQIE#tD4t@4)hGB_|j>M@dOSubnO*aay5R`Mc^o8aMUuv
zJ!OtM9eyH*$k~jpGtL%LA)M21>M$a+u*&*9wS6Z<I7>K}X)sk)ySV|6l>0ld>rN)#
z5vLmB{*a~&*+q+;@S&EPetv}(6K5pXa7|EO?hwNn*!?zBJeu2lz!QR5v{cd;9;JQU
zN}P&>#@KwqJnEPc<hHK17_NF{h82SQ8i=c+oKa2%wHM<@CWCh%59n!}shitosX|4X
z{_H=Zft1ILh*h<_3%!aFu<0f?Nkjxf&VNIJCeZ%7=crx^!>M(Vuc-bMmB~!(erUtc
zb=#H^x2m=T$;C&9fI!R}T{mo-inn_MpIY%Qv#0?aWg=u#<QeycIlh7pQX<oI-HPLp
zDJAiok|Z-GAZT-d{(5{IN1PlA=6h82%~uB#r61bw(2d~tTrb&qpw^xoWW$7cnOl_T
zklb#mqNnifaHhAmIk04KTPF5i6vQ5L{#YBwf|LXW4Ay79rllipO$g~5VT#%&z(1<;
zX&ChQnDKS7*6Lju*iZ4X!zg2Due^oOgF-_ZO2)+N<SM$jmPQd8gU=*9YLYS+OM1yj
z>nxKuSVm$Ha?Yz8>Q)SCq&SAE$zm)fUmP2EW1=#IW6gAS1h~rd9j-OtiRz<!`=0Lc
zRNiH2e!XV0#_PB6yXNNq{^eFOYzpa=C@Y3bNt6@Q`wx=Prl9u5VU)wl0h3SuWqf$p
zneTKo#PFWawh?ujKZ=<4;2A-AHbi+!J47BW86YLP^c5}N!lOPp6dkrz5xTVjd((dv
zuce1W3fZh$@f(H)I)pz53&(%&PDA@@*a;-kZbEI3MX8L{r6c|2Mx01;y~PCJ>Rmcj
z{<&=<PRPfj@sfxglnp_KhM~qGzK+;4K5INd-jxiP6z{!D5s!rC{AWk5@T!hM++aL?
zVwG{Dtx>Y1{V>WI=D3G+yq`BM7BqaS&7w?8LJ{yHkr<S)3H?<0&$2jKu)<(6^CBLn
zy1&}J(xbM*!w0+=OxMBlDTc$L)}4tz)VPbY!K6H<_aL&tQ2XzH6ZUdMi*~>P;4<Kn
zbW%88W8zL{jXXvWDGZo(i4tf314{vyr@lbdNM_xoQ?-)R!zg{&3<BuFUnNrz%^mRf
z>D<iCDG3}HxM&CuzXjNW2)+yuf+37V_fx}8qY^;c*@ctug8-0Fy8mKABWf#R{2qaq
z8tH^t1HkBh%Q7ZZDrw4_X=QXW_&NYercYP0^h2ugp@FJv#{saF3l*%T$kw{Rlx98S
zgS5{Ab!P_y5olyx7#B*n;UUpi+|sZRUeK80Ogc>+zRwPTv2$=(qhcpY7OJNfr=qSG
z2PLoAfvs#`$i75h=+PNv->^nf=QJN54Ca$>hYz)}CrMB*&WvtP%>EPUueeITD2mHA
z_DkO#g)(B@vyIg-`jU_Xp^^Nqr%c#nO8zJiSe`VYkE!FrA<uxLR4|EVWET**RXev$
zk~#4?lSpk@P`hO-nQ&67UJ*sXhiccCKuy#w0U1GM)*4eG8-mMXH~@8^ADbN7NL!NH
zsPI3|rOW47_nL?!+DlS`1I^)J32uh^^pDszW>5CCBcR*e_S8uI@@qmiB`z*pT%up?
zOW3A3qe-c1RU*ti&k|U5?X`N+65L)Z<{vbIgs7Y>b%1FJnNU(Kza5bS2@$+V;_$>_
zPkeYW4I-D*F?>w0((g{Qkj-of8&1SuIFLwd%%VY=@DRbA4~VME&7+*$4_0v0U_eYm
z<u{~OZ2~BD@gkOr1L4djV$QLWRBw|tOH`M_t56t7wlNvkn(vjHzdSo)9i;9RrV0GU
zr5#RBOUJK%x(9O+<#J@Q&Q@k**RVz^DFqqPSAc8bpyS=t59JUs3-{h#;YD&_Xx1EQ
z2K=)1eD8_?pxbn%!1i0B$QMw2?UtbV(3$-1$Ec5iWGF9=I6jPE;wof~95Ba0sKkiP
z<kyI@>T;LPF1~@D@c4;&j99ZKz=(-<hi_tIFh=|H^3j;Q1ZIqwV|O;{<GTenK3H{>
zQw%Q>q?~{$N)GXFK7+R(0N_!<S|h(*Jk)KE&<}+i@xW|0#x;ug>HddfMXX=Koo4)f
z&jQDr5fX}Uw?GYh(?YGyx6JV=Fd&%PnBQ<~EijCe*QQ%+hByb_v)-|RjBti`F9#%i
zi^jYqMFg+=f|0cG&H}va{sNXg3)%@54i^Gd4^D4iV+~{Hb?R>1T;y@D&s*?$F9sZ)
zdirM)Bq>Gyre9V05>e~Dfe;LX+3adk@ybe1pFyksNbbM00Ap-V^6zs~ZcQ8mrRvy4
zxJYvQ$)b+0w`VdL5j)yP!MLCO!Jy_9KF?{IR-1Lo)}oknU;f4OE+X;&Zr=1a75%$i
zL6IccHh&%A0W&7pY6OlY*7xi2InyXgRpaI~#l1`tG|vn=6OA{mCoxWa@b)y&d}Yx3
z>Xj*;FR#ytS9OzOs@dRNj^|MdQaI+giYw)@HImntsRmFqGb?=?t7hP!aaZJ+PE(2(
zXuePn!z$!NO;{F}ZF4K*teMSQ%vpf25aiM-@(YpA!{n8(=?(lnq`yi8O2%SQ6C7VG
zR`fmI<uEh}tr$_jWCiWMtJ~PDWFC9aa;i>%IezXb5Zu8Ij61~F<rYG+tA{e9y#Ua&
zOs)T@d}Z~}K*(pzD8R)1SDPCfwnN+Re9pgZG&xo?l{0CDWCkyEhbk7`onozt9>1Yu
z4kI7FN0Y-ouAOWcx$AFuiCB<4oXs0Kg@-vly(AiP_O9UE<zJWHw^f7=aDb6wfA|+)
zwC>gr`R#N5+K#WvNS`fbFcNs`x>Eu*(=70blkLqF&GedaIA?1W0CFk#n`Gzms*$L%
z)h`w;{5*(}n#*5RkfqnGS@lJp7Fw_hg(JXmI6rBMG1whlY)JHKe_P|h4%T(nRIjrZ
zo(>d~?oyOvf3kSr1~~So-B^6x(9W~(Hdgqe`EAWl7H~bE>&=J82B~}5RulUlU+8YZ
zkAfGNOEbvAQ2`|+R7=%bxEp`8IOAEQ(Dd6&=BI$}>tjqwRzI6~;r#4b=MBua#B+ez
z4OV@mnoWfp9m{nmS?h;CEND&~yyv>k8Wtui<`+BcMN(4+m`m?%>4CWL^4;TbAcHW;
ze)26nmka2g`c=tw=V@C|(1TN@6mD>xRR*CThY)K=b^FIgj4?rQzkzVf9M&|XutG*<
z)UE#<hCySFV}J5Fd3pZwBAR~Z$Pu^<;yAp&<b4xw5E~>l;&E!`#wkcjP!VAted*uc
zC;qP2<haQxA5Xo{TwtW;-C<+Dm(`rIkQz8=l6)BU0)P}gxcdSkH^<PSb8nRsYIwx{
z#66|s%nRK(^~fdP2rE|bEA%|o{V7dA4OjBu03X@$qFFs@Iz3Zb8@zeX6{#&=dI86O
z_=&rV=>G=!zb~@A%&iKp$UEy{ce$r6AP9FZ&ERgFT0efS$316y-}F_WHXMv&Q<qt~
zAIc!0IXe2J!`I$sDVReU+~&!@<k<5Mu|o4y((3%r7d_NPY>P);&RnQ01VeG<PVB*v
zbhZcD%073vr~RYC$CxlPQO++fIeLcm&e^I=|6USpZd>i#)BE-%Ws6kY7(ywr#|p{!
z<QI<bTxSIy6Jz@Kulp2Y$1k?eLZY7rM|2W0&D>7FNza~U)CnJAhK;n?uvGN06w3QS
z-4L{L!iJeksYbD9IecDDcPuNK<c(C@1iFjR6O&`Lk?T<XgvA-h!Gk&KX4a2P3DTUZ
z7nx3J<yDpfQl`l^bvlkYXD)0)KF~_s_{y}C{rJU%u}dWuEu*|(q*NfCH480bLf>Z+
z6A`qPJ?@*7BMgp7B+GlUhg}`|Qz{Qieb3jyxD)yZ*MjvYd7+o$&mpjM=p*iGsimsu
znDYUZuxSmw07|8TT#Z;;@w-=S)pHnUuKjzPo>_I;pzzl#UvGZ+z8ORRWCWfDG3DaI
zK0k!~k6-ca8KLka;4xGA(YJ#uhxC_224sB1>|+tl`jZ$+AZp;$H^`g$4~zFD&eV#c
z&eT>v25&wJuFLzxV(VbNbt30qB01RL9s|Y12quSBFWt)UEyx*GK%OP<nDdrb^G*CH
z$H;fzYv5^#R9=aUd$*4M%Ao<7Ss{MJ$QNt2vt#SFG0quSK`tufRes^_KaGXllRAT|
zNYJN15H!EN?N_9=*&)|yZN+978g-*c;nn{;DHo9dgS&Efub92LJDtg@%YwD;Osa>~
z-yrp1T+=0lO&a;6Cim2UhiUh1Kcbgzcf8?8*tfR?($X9#mB+Fy=B_DD-%<$7eXQAI
z(Cmaq?ZGg3OFU`6t9R=3_4+yP({1uX+lco`Z~b8wR;l&Tatp4?Lz)L%Wf&&M+}nO1
z15pK#$=m+ji!P?X@tJ{ck=%21*87Bo(D{=I#xZI((5kuVucq`j+Rx!Hwp-jz=vHWf
zcptYBxcEg&C|CjR1rO9L@6mSFg0n%rx0&Z2@B9~r{bAS`@b5rP2X4UgwP8cpr$BD5
z(`_U?v?MqNab}ALHFqn;-nRnh=LegY=f!$#LG#PXJCcSWbM`1xH-fQK!&h6x8+LFV
z@zF#A3h6S+Lu*7CI5-ZA#++?G9XUoIP25%zVufPwYa=n?V;&ZWOeb2}7F9U>45<2W
z`)R{f5vSC=#ApD%OLiEQobXDL$&={fEz{b)13W&nx+aO9fF0Z~2q*k-@-^dfJZ3G~
zK@yBqzQlcfKXPV&!_eR#sc6Od#pv^YW&I*-RT(M*-atg8QrO3p%OO?ly@AIXR1J!>
zEFc;gG>7AD5S78OR4A5<@5J#qe-xWJ<;(pmx7h*#JoIB;6A9I`V$q*l44OF&07$Y-
zPVze95r8;*iTl^z_*dz(k3q9k<sD<(A!}oW{O+HZpNly@x;3LF###z1vcxBi;rFjF
z>pri2_3nzV7S$CHhuvNaea)J1TR8Q7;&Q==xwZhHVyz_&t&Qof$DJTSONeir17!Dr
z#|oY7uGUAH<EO~3{Nq9Y$k$n9mR$a1HtM;2f@Qj<fyNY@E|cjG37+}f_i39T!PqJ0
zaXAy_ikInBBY7w*o^>+bvaD7dK*X+_NgvA8G=%f&h2@?6HMvA<(=I=-NH!`+KV;yV
zQ9ZGswg=J3D(^S?xtT|TPorMJZM^(f!Xb_r>hVV3D}_%zk3B2j*SBI95(}Uwdt-Bi
z9+WrCo1nJT_tM6N79fJ@UYjHIyH!QrsuPk;s}NFPgO6a+j3vHnHeY^ZgNU`2M+)$%
zs%nb>)T*F#NAD)6@7uXE1Dy`(@{D&ua$+W|rIJ`Tfjp(luzjQsQ%~6dznI?yd?_^K
zb99a!Wmf}ISH-wrcACe{3GzGbz>i|0QaYACln-q*wyXUmUS5W;y-Q%lC^Q#deo!>G
zPaS&HVcm?n#|5>dUVfl8D~QTkGgand)t$Lb?kK_xAKi!>Q)wb`jn6{VyWegWDhwLO
zkEswM#-Num#b_al>frF7%J<9o`c|0kQ;B5M{Rn5i_l8gM*g@j0lH24jAIj~=L0%ou
zx~NtM<u}_#V$dJetiu=!JB*01kR8B$43S7mvcsgCZ^YH?zqew6&LD_>us3$T#rNLo
ziHfYn&eDwL-Wxz15Rb}4ukrAy<&DjMHZQ9c=K7zQ{=2Z@GH^0UhEtNldlaxGcYL`(
z^>5z|k?yo-jt@criOR=jiQ@LT{r*R10(8R~4+%G({(sdLlX90=PWtJ2!@Tk0PXL=%
zT7%0%XrNjIE<h-xZu#W+|EEG`V&YXWduWpv17(?WK-Z~SlA?_w=rvD`1FdTp8+N|{
zV)^lXqDo1sgXvm|5IC2rt~V7BUqWfNUC4_E=Z2OgnxRt&OSWKZYGG;gcPR%*G$Y)0
zhRUp)-58RNs_<OslF++;0HU_0q)8c~=}?iJ5QLnNj_1HQL-q1~5W)wvNK9&}6Dmg`
zI$s|*vHv}D3KEh)o#e_1VgeGq|Jt-Rp-T6%`k5e`Jw6bM<Oj^nNBW74?3f&3CnzDe
z5dspjAR;i{TOanz-8w=aw!R_`Wz=tetBv+!c5#8xt4g9(R!Dw~PzWb%M*)~K%`OM@
z-Gk)%4G-zUd{znRMB#Y*eIk^eelkhaf~w)hWayYo5DdtGVslYb2zCdSFp=ct0H>)4
zU0CUE2O$1(KY_|_V_Xo$*}bX}nYzCmZrpQYZ)$qIwVhcsVJID+X+?8jX}`1i!f^5Q
zZokcU<bhx2P;2+H&8v=8G+@KtF~H%9qVoz*A}!ne6z=zU9=yX4NRm`2bKR9C&!@L=
zd$tDG<huLn81rb}hN!wn$N7Q|2MR8)Njk!6LEc{5FKE6(qw$~~y}QjaQfz9ORFWbc
z*FWA#r){cPY><=YpSkSNy8QR8R~DJpV=iZSlio2_;1i7}&N)nH4=?Z>Fqr-;E#tbu
T?^6mLX9mUw=K95#9H0IlI<<QB

diff --git a/docs/images/icons/icon-72x72.png b/docs/images/icons/icon-72x72.png
deleted file mode 100644
index fc229d6561f20541616b074816b5cd45e1d85958..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 2521
zcmV;~2`2W5P)<h;3K|Lk000e1NJLTq002k;002k`1^@s6RqeA!00009a7bBm000XU
z000XU0RWnu7ytkXi%CR5RCwCmTnms^Wf}hd-31gYTr$MkLNQm-%?pTf5rGjH3}lpw
z8AI8SyrY7SNSQZA@RkBzLeM73YZT2w$>fDhH?*AGbx|>jO3l1fYI0Lp*uU?M=biug
zpZQkDW`I5Cn|bH_d!BRt|Gdw6-}igp_k3qV*g2yT+gqaiCCYJxRYfV_^W#ze6y+Gg
zJ7IfZln<la8RawBS3&1yetbI0x+rf&DMoo9N_WEhMR_O6Yrt=f(wXq@MEOsYEm1y*
za%$oRWO7ttdufyge4Yjp-itC0`<6zz9G@2fe>qBD5M{(29c4f4H~hgUd&}=+a_kwU
zCCXv6&)jGO6#aRWrYN5x{A^&GqpXf{KVb#@ZTKru24vNe{H|V)yY2gYfA1(SLealQ
z*$4aGwI+Zd!xu_SvM~?XwkY4s8c7w{*20wzk^Nn;9RnpznxpK6{d-{BK==)b;QRx^
z&(9J`PDEpr#d6^VBI)@kOAvrf$tTHzhJf7LiG(}k`)xc-czqUPl3(0uF#jGxjN|j8
z{1KnOM@l{trE8S6QGN=18R4_V-S&oyIzF@`Taw?|&qis5;!KKP^jDzFFgmY^lzbo4
zehu&gqO2!;thnkZ!d{P3EjOjZ48Ne2n3_{qKu**kN=~Gi%eI%%Ea-`*lkjJXQ%?GF
z!he`>#SY_IGjWl}ivoVJ_W<u9`%U3Bq~!hby+=f8gJp71c7n%YzvBZs5=kBpPNGcM
z$tlo9ei!&;!dZbv;BAOshl-NyhR=#+?gzJYd}&7^$jKQ>=HDq1C@-bN&=up^#*@G8
zQMTgqm697Rpxmc5LEuY7&<2WOyCoJ?(hrZuMHf+5aV}%yMhc+aMd>|gmRgT`Ydij4
zA;)@|@&UFJ<t8<Wn+@AlR#YHYQMZ^*ckKePoX=z0F3JTvv3)6<Hu5fl^*BMl69T47
zAiq-LR5SLw1)j1yr+icHSET%W!M`mrp<e2<Ysl(M21hv&pSNJUN(j1DENHG|*K6eb
z3A=)z&Io`taGx_UrM8iBX4-wC3`Zbtp<r9Y@x3t9%t2qMNOBQ=>t_7@A-0X8;3~mq
z({<W4{##sZ%+4gpzw|2n*d|e`O#<SUkH9yP+o+sJZr3ap@Bm#;Z*nbnp(%uqqyX;0
zzVFVAK~B(Ax+|@8_lgL<i|N9)2vIYlJVxhp0JcQ(1p2+9M645V4&fIFId<Gpgf9~O
zEi~$O+AQX*_etFK)zs`dA%R<9?hpKO!8V~)(M@Kk22s%5r6(P;M(}1*eE%pL1z)r)
z1N1{t-iUG^W(K|^rsxZZD+^GC^Ee3kNfX?)7hzo}P0$?ZMmlaLS)t<>5`LeMQ$*&y
z%M!&(>eZxr!PTT}knA}~f7#EiB$C!ja9vMC9!`q4QiIJcaBPCydv{kBUHLI4Tba11
zLOaQ&f6rYB>$nP7S6C-!&-VFrx-qW`d6ohk*wKpBPZ|V0u{$@Rd<&7cBthO%`kr4T
z@EKX{QETlsn&L$(ZGCFKPG-*{tfgAotxV1nA>+d>XAq?Wtu*!5i)C#ma<&qA-%nWH
z+bC^1Tp#F@k~4sk&Q?n7W&!_N!m^5#R?JC|XP*aV*|nUU!ITZN>nupP9Z%W*Sm&n1
zjKwY3sw|T;Ql@Js=k7#bnUy~c_<VA!tyGhZ$^$uLs5WD_S|qtlQA(9lrHo*5tg(Mg
zmdWv0FhMNC1M+RaC$&S)$&w{AIsc4Omj`mbB>~s1=vryRs#~21e0gFjw<7f5JdiWF
zo!RJO;Ik6dyUAC9KT5<o{&&ifGfmEzcE~vw_+^Qy+T<kQKPGY<{|D7)nIxxzs`rhF
zBycM5iA2t}M9i6<nCafe_hyzH9;*^}-(${~DM{Q$G0BV1Bc<#pg6zYyPL8|Qlmt1y
zl)jSU*AV^);cen}ow9B@71Ww&rCjApzz>%C%eKF#^G7G@tND3wD~~-x5@i5e#~F!S
zXf)wJlIh;o2KD?u+bJE=y{3tRwymY(ZjfYfwJ6>g${*?6oAthq5;R8$Xc7F*Q2x;G
zcEO((g3iy&tW_zwjVriJ6r3jn&5+>RC>A(AZx%F4ENHn9;4_@JJ7!|PH~SaM`MDv;
zhdsGiONrl0p|t2BAPe41$>Bmek1P7zxftK&dYQ(L6f2rb1g<6Joy1=g{*$~}P(hMG
zle>hV&d7bV-{Wr98`HbzLxb{UMFk?^x0Dl&5E5+J?jL~vEtFQ+`+}>1RE{)-^lG)t
zCyl1;3Mlz*C@nH@lJ=sq;<-?IDaA>$7gyc@{t$hCRh~$)aTE1?MkOradaBmzBxu`u
zA72^LK;%`09K0vSB#lL*%M`sj5!i=?9dGUEau*-ob$ln3FO105?A8T!nJH?o9~>*k
znX*>^|4rDjvYtmRS<}K$zEC1JiKLAhOy53@*T}K<WYn7U_HxV36q|flJJw#Pv!?x7
zGC^dTC{@7nqm@V;ttR`N9AAe_{B^`JCGzW0o<ehO{72l7%o8;T$>F<5BKMW!`=jCZ
z9;*981s{O`ZZ8B+%o9-+637RFh&RKIcf!6P$6K24F!CyUMXHbBLxEd<HA!wrMV^SN
zLl<B@EUG$TQBQ`_3fNwPTPpD^>cH`0O@*uzrLNbEjQWzq@gp%C8d0{6sH@;-M)?=W
zIyO(Kff6+Z{h?PW(d2P93gh=f`MdN1q}@%~c#n4Sw9FFaE>RsykD!-OAa^CZ!QF}o
z__gv~wjRm<VZqeAC7P_nBx<PDCyqTilpYmLOW?Nwdzwhh#lN@UnWzt0!_O#)duIK`
zP<r%a!M?j#+c&7yGC5B!$JW%1+9~U($la63^0LGhw;v&$g8rfOg7CsTl`KqBmr&|H
zT3K?OkYL9>5lWA)hYN}JZ!-MNpvP$z%!MUYQcr0$k<d@v&FVPskz1epcp+&>DD}Ue
zA#!u&ZdQ71pq^5VkkpSzu;UI9OPfkDX+_A{@K)?4q~tRRd^X`P(0;cReo!zgPw^;_
zwX7p0uM;cliA2)Z16(UsHawL2=fzNJ59i9&t`6nvAP*BOdXPxih;$%O4%9*fFUu1_
zuEgL_{#16ZSjjn|{IRz_)twj0SH#ujg(SBC>qKrQH+fDH%n?G+O6>0}!P=J&UXhnr
z<OJ=DI8&tDi2sRP-%$Qq=o(m0K`cyXwA>KX4JC*@h`fg?f5(k1d!lRq7UL|6QBJ@(
jqzO+Uh}X*b{~P}WY_ZR3X%aqq00000NkvXXu0mjf7(m=!

diff --git a/docs/images/icons/icon-96x96.png b/docs/images/icons/icon-96x96.png
deleted file mode 100644
index 5ed3c72329f71c45491fc9934b2c942b71737f7e..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 3757
zcmV;e4pQ-nP)<h;3K|Lk000e1NJLTq003YB003YJ1^@s6;+S_h00009a7bBm000XU
z000XU0RWnu7ytkcUr9tkRCwC$U1^Y1)fK)o0~llpQ4|e|D1u7D5`iMY1&A6z1Q%iy
zw=sx<BOroW0SO>l(S%J)mLeiZ07VEwfat^s1S*0BMg)RkQwWlvkbs~D7-q>m#W}vO
zPoMi{eo)dwzgu<cO;4Y`-S0d1tao|Not&1-*BPGHdb%3kt77nV^z^x>NuJI%-p}Fd
z`JN7Vn&;_K;LCGK`??8OXL~y2sf_9Oo*Ds9E&w+J_(%}_l)yx2cLQIkr)ND?PlS-#
z1gs&RiaZr~`jA2U(o=uMU*A)Sr_r9q0>FRvbfE%wou@UP1_IwdJY8dGP1b9{e?1N5
z*VWm)2xxD5YRK==|98M=dwTkc`N-V#=KuHL|25&)Z9Q#)KF0*iTvm?$!Ja+?QzNZ6
zn+^hOkEe${9RZL}<7+cd9|O2#qIP+j&+mVWueChA0eqw#4YE}TV*6|G2!066M-G^g
zPM-b;pwZuF0j~g8&(lWWD`PF7R!!M_^dY1*?X%G@2yhcT?GN016)+$FWFJAG{Xq#*
z`099iAHaRrQ%wLDwd*A%te)8<1i8speDeh{W}qrx=P~aQzRps7)%f~re!qmTe`CR*
zc1fGbJjHzNoo$-1!P6%(k%$N+p8*p4eUz^g6klWDLvysv({}?xSiwBUlqOU;)lE-7
zzTw*fqfS6NlO6G5em$2zcbKogfzOD5$RAv(H0C2uXF%vFLZ|=z3vz|BQ`slTO*a4=
zU7nc|hj|IV{x)k(8Tf?Zo*v-8$3h<y`F|3ot_Tc<j!Fyu0~z)yl_$ukev5CkU0|dM
zFxN2O^D3OY0{|-pQ?rK!<Y07vrZi!s`cC<-@epN|@o#j>T%8i8XAs}ulmPfL;%YOX
zUwHbCF&h644pc_&okn;%RA~!2=cdq~09=<xKKhuxr-~^OFxv5r?c*EPBP<7Azs|fr
zSAEF!5dc=Am^%zdTOVpn0_<x_pwj1aiZAp#D`m)e7TE4P1CfUCJ`MGq(9M&n`L`O~
zYXaIdU)lI$P@=%>yFF-$^!ZF>)`DEPzQZ>(FW}td1|Nnfr-{KULTkeHBLPg}{%hbf
z(q}IKUV#0jp)F+UK2^EFK90mHofhDTS<E-{DTjy%DvrPb;7}hjv_z7!3t{vZtI<8(
z$b6fFvp!Z%1h&@jE%#S8EkMu~0;o5u_wj~?0N+A2;;`J%jGZ%<5lTS=HoNqRnL38R
zzF_~L2f<Phln7vAWf1@ZMKzdZ0MhtC_^0bKpFqNtqi*^}NWh5x3a?9`xK`gV8CyUA
z+FYTwyln_zVWyj)90h1=&O8OERfZX%b{W@d5WseU3g$B^Tb<68QtbmM>1w3R9F?ti
z0<Qp@ZwLT2K(u9LrU)RHfzAWMA9cE?QOZ0}rSp8FufY)R6~)BeKLQ~g1v5kKKKQ%{
z;Gm0Y{CSXhA2I|m5VTS5V-;vhaRoB=jA$2ldfXi^8OtawWiT#NnQ1;3;mQ=KLzM$>
z>1nD<od+o6$fq&$O@`4b0yxCK$0{|H@b40V_fvc{6Sp0BMF7iBwg$)-xA4@5qk@5)
zxU7U)ivTKV{}Se<s%4?4y}(xlK+wecFfJ3k>Y_Pe5$0hS-7VlZy=T~U%4W}2=5Dwu
zU5EzUuJ{_md&oEMWY>j6m6s{=Ql<bss(`cjBo;4?>8lJzY7sc+@4;_s7Knm283SiE
z2&xpmyAAjoEPEeQnlk!iM?vz%;~+^o281@4RvnChA75nfmO&|bF=$SRuMm<UDabu*
zWVdvkrbcy0P`h2~Y#HV&T2t~fMF8DZ{Y8&ticD%LXI7*_x-vE~otduy1W>H_K8J)1
zZFL=}a*ACSd)*l#AFS_aLCrP<RjPcL<O}CziVvvkQWsANEoDcCZLGn!gNtYwincWP
z4)EvCQAIitz>^BhVpR(gTipo!QK=Ht4a)q?2?%OxrX*o<Q={1F(g=Ub)8&dM4{`xo
zSVhZ4X#Tbbm=9fpnZz|0N`m@>6U7@xP!Froe@s<FtEq~r7Su-7_w}kj)PR;J+W}jx
zj-ese4?ItS9ygLsGx%~0EqpTo>Uw3S?oy5yKXW(qN!qwg^(FpiRwjb4LCUQlUtR@G
zU7lfU^*pi_D&7M8jamCJ!`4MO>2r(%y%b(woT&oHIl+7tDeScda7q+tOBDYGLr^;O
zbnLM8`_kvA$~+HnqN6VgL3b%LQ36rQ1@M_U3P}8W1n^zN&fY3%Z*s}%>6DW4D#J_&
zXm`P9Mk*ljGj9VQ&8BTtye06NA7=aLN1MAKW<);^eD|tI2EnB)x*ik^*BSzqzXu!T
z@~j1ab`1E1z}E%dFHvTN@_<$lX{|8&loHC!Ot1TYli<$;ptOS|CtDlJ)khWR#Q<(s
z0DpN5_$yCv@KCA2e<cR|olqKR$rVy7FTljCCIcJ-{{we?nS4ga{NEJ#^J2jNgrgS$
z|3D1*`H(cOiLv=>U9_4mE1hm0sC{7!__Tnw34p&p2K;-Nk0yZLj{*NJC|hJT_yoeT
z81Q$wXcp|sa?Fk_`l5;X%?9}LnYk4xkDSsCS5K^oiFT-h+K_o~fd5<I-wH|A$1&hf
z3z)yG8~L;nZC#9Wq>NNb(!E^jteVb>rM&!o7p-oyz<)6T|9B%{x5SM6)h?>KJ_hd>
z8{l__kn~^-_>+=QGjfhwW1M3lILBcweL4|^(24nIUgArm2q(PbvmJc7>8eI40RLV9
zpBd=V7hd7W{|WQax}!ZYBY#Y`gO4{pPuY0{?RDV4J!a(7>uW)v@5X>XF#$ia`-5Xf
zK2|H6!~ctoYGo(j9Ty|esR{Uz-ERgU>RGDIT%{CYy=U0+5>;NHrdPZn_=^(oQ*XY|
z+4Xm-RyGCx0fv^yXGVaKNU$57J)yGRMJq3|`ZN@|`3^2TL0$l$QpNJ4fR-#*30#4*
z=W@vuU7F1qt|fq10twV=1ymPjFCirQ0rZ)}Nt!kKhbcj2z3Hg~A);Qz){S{&Ny@LB
zy*O$X)QqULa;cN)qAmMe>gJAQ^t<Eps|db;wbi9>Rl?nj$a}RCKu?$9tJpFr^z7m6
z1+SBpLv=2ivBLHKJ3vE3VD|<3?3oB4T>w7|fYlp76?5^9OW&RH2AGt*fB?i#v`HeL
zbOCf!j#b-#)POf!`Ubga0IKw9ofSdrMH?mdKivt_#K=LHzU>DEAi$0`1TY;0AcAUZ
z)QA!R#5iJWWcM`$(8(}Ce=<NNXT05|Psp@ROptAcu6OCX&u178GY7I;oQSVs^!W>y
zx&fq&{Y~P81E%PYF7@1=-2q^4aq0VXuQPzH4q5XNCDbYj?CEBRe8GMNSRZ~**KK6`
zsccPMtOOv}t6chuxK@c4giTQgm%0@RPq@-{`&A{Z?n+qF=e^1oylZG*(g3g<l@Jyw
zZ9&jx10R(c8U}>WM`^*h#1zE~;X0Rk8t(5D4+;S{`_WR9OBA@6@L@#M-w0om2EY-J
zn_TJ<HC2HJK_fFG6Yl%LDeGhHX~o<&=<`wIdy@uWRCB54LC~QbO;qV27X*eo^#`f`
zq|ehic@sW5A1-uqZeotO(LBHh;7offaB*MpgDzT>O9@^*m7q!M4#^rV)asmQgPkMb
zKHvcWE{*o43S4~J#snA534{bj+VB);!^<vpi)|9B8bH)lj(4mA4fh>4hcX9gP`iLO
zT*Tl@g4ahyUWp(K(?Er_Sx|0xT!D%kyD1@)1-^9DWt)I-NnmpJG?}Mv0d35BvxI_Z
z;i7~8_OlPj3ygH~C9+4Dc2;%`BxMcQgnh+=yEaB6v$}+VK(utxaWZsjR)KmS9d%a_
z1WkS3<5D+*NTb!+quKA!D(xPLAZ$V8Dvfvz1n~&?g&ZY_E-qUBPQ|}oMm>od9kD|X
zemKmg>DI(Fl`jY?OT6f!lM)B2>=@11O)feHZ5Io|(j2Nwz2KsUKHMDh{fTJ;L5N1|
z<*XUOMP523MIP4hAq&QG>f|G2gE;Lm>ljliNd&>I4Mak8w0$Q9ZVou@M_uZQyS9Na
zm!hl9kn}Z6lDYB)k?*1doff#Lc&A4>WzfHce1rZz2l~Y53eU8D!9_>fyTmNnrhx#O
z1E7rrKy_*3Du|dU8tNMm7;OSs;-a(c9!RvI{A7-z89C!_lQK(HRcJaA1h&#eN0sF$
zZJ>}=_9Fa+le<J4V$2d9Yp@i+rO2svAX>V@Mf1$$Bc4zRA3lT#SMd!?w4r=$7!N|&
z3E8jADd3Tq_`J!b;2Wx_KA%@w(=ZW&tqsx&T<Ub_keGyP3h?b^Um;q9eEos%AcVHL
zNw{i*OUV_kC)NANP+-p~f#oZ3g_ov7aSz)Qff`g|lK3ho0LvWmd<7VSHd*lwRGKAy
z{?w)J)R~Y7Azlb_uIP~p2tkT~MM?<zX&?`(K3`7Yju(Q=mdOf@DQa}*LUz2_rEUi4
zrTP+KOi+D}PeRoAwo;ASK?+!Wrm^0ye1(w&=DO%9f08fsNunb=bEek9r61nfK44-d
zD`8P(wU*)Nf9%pXnKw@~A#93XQovH4P}7KvE(Skv)Y;F(6kfd;c~t^;I7hhLrJq$a
zApq<mm%clvm63sW11%_W8S)^AOm6yk1Oly*VP5Wc>5oO6ZTJE*O}kZ}8xokqzTi0*
ze%>T5m2B?P&#$0@-?@g#LT!oL>yQY*9WO&`u$CHm!I>_48Wiq%y9xRe-!jgnZ_S#V
z2*4J=?JoWCTC^m-w#sH{wcR$C{>ZMUL0hEH;lL-p1@}EC%@6?6c0&Nv)+;^&_c6l}
zKWX&2E)jqo33XtAXg**rJKHk?ytIUcCV1%imb3w}Za}EFx#Q0_c#q2xRJ5xR_hbGK
XIJ>*(<6<Fj00000NkvXXu0mjfLrv&{

diff --git a/docs/index.html b/docs/index.html
index de44485..08c57e9 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -8,7 +8,6 @@
     <title>RanchiMall exchange</title>
     <meta name="description" content="Trade FLO and FLO based RanchiMall tokens.">
     <meta name="theme-color" content="#516beb" />
-    <link rel="manifest" href="manifest.json" />
     <script src="scripts/components.js" defer></script>
     <link rel="stylesheet" href="css/main.min.css">
     <link rel="preconnect" href="https://fonts.googleapis.com">
@@ -1029,11 +1028,6 @@
 
         !function (e, t) { var o = o || {}; "function" == typeof o && o.amd ? o([], t) : "object" == typeof exports && "object" == typeof module ? module.exports = t() : "object" == typeof exports ? exports.RelativeTime = t() : e.RelativeTime = t() }(this, (function () { const e = { year: 31536e6, month: 2628e6, day: 864e5, hour: 36e5, minute: 6e4, second: 1e3 }, t = "en", o = { numeric: "auto" }; function n(e) { e = { locale: (e = e || {}).locale || t, options: { ...o, ...e.options } }, this.rtf = new Intl.RelativeTimeFormat(e.locale, e.options) } return n.prototype = { from(t, o) { const n = t - (o || new Date); for (let t in e) if (Math.abs(n) > e[t] || "second" == t) return this.rtf.format(Math.round(n / e[t]), t) } }, n }));
     </script>
-    <script>
-        if ('serviceWorker' in navigator) {
-            navigator.serviceWorker.register("scripts/serviceworker.js");
-        }
-    </script>
     <script id="ui_utils">
         // Global variables
         const domRefs = {};
diff --git a/docs/manifest.json b/docs/manifest.json
deleted file mode 100644
index a5c9ad6..0000000
--- a/docs/manifest.json
+++ /dev/null
@@ -1,52 +0,0 @@
-{
-  "name": "RanchiMall Exchange",
-  "short_name": "short name",
-  "theme_color": "#516beb",
-  "background_color": "rgb(241, 243, 248)",
-  "display": "standalone",
-  "orientation": "portrait",
-  "scope": "/",
-  "start_url": "/",
-  "icons": [
-    {
-      "src": "images/icons/icon-72x72.png",
-      "sizes": "72x72",
-      "type": "image/png"
-    },
-    {
-      "src": "images/icons/icon-96x96.png",
-      "sizes": "96x96",
-      "type": "image/png"
-    },
-    {
-      "src": "images/icons/icon-128x128.png",
-      "sizes": "128x128",
-      "type": "image/png"
-    },
-    {
-      "src": "images/icons/icon-144x144.png",
-      "sizes": "144x144",
-      "type": "image/png"
-    },
-    {
-      "src": "images/icons/icon-152x152.png",
-      "sizes": "152x152",
-      "type": "image/png"
-    },
-    {
-      "src": "images/icons/icon-192x192.png",
-      "sizes": "192x192",
-      "type": "image/png"
-    },
-    {
-      "src": "images/icons/icon-384x384.png",
-      "sizes": "384x384",
-      "type": "image/png"
-    },
-    {
-      "src": "images/icons/icon-512x512.png",
-      "sizes": "512x512",
-      "type": "image/png"
-    }
-  ]
-}
\ No newline at end of file
diff --git a/docs/scripts/serviceworker.js b/docs/scripts/serviceworker.js
deleted file mode 100644
index e2a4d19..0000000
--- a/docs/scripts/serviceworker.js
+++ /dev/null
@@ -1,6 +0,0 @@
-self.addEventListener("install", event => {
-    console.log("Service worker installed");
-});
-self.addEventListener("activate", event => {
-    console.log("Service worker activated");
-});
\ No newline at end of file

From b5c20be089d04420d64103a0927e342e6c54499f Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Thu, 26 May 2022 17:52:59 +0530
Subject: [PATCH 112/168] minor UI fixes

---
 docs/css/main.css          | 17 +++++++++++++++--
 docs/css/main.min.css      |  2 +-
 docs/css/main.scss         | 15 +++++++++++++--
 docs/index.html            |  2 +-
 docs/scripts/components.js |  2 +-
 5 files changed, 31 insertions(+), 7 deletions(-)

diff --git a/docs/css/main.css b/docs/css/main.css
index e6236df..18ca785 100644
--- a/docs/css/main.css
+++ b/docs/css/main.css
@@ -231,7 +231,7 @@ ul {
   flex-wrap: wrap;
 }
 
-.direction-column {
+.flex-direction-column {
   flex-direction: column;
 }
 
@@ -690,12 +690,15 @@ sm-checkbox {
 
 #pages_container {
   display: flex;
+  flex-direction: column;
   flex: 1;
   width: 100%;
-  justify-content: center;
+  height: 100%;
+  align-items: center;
   overflow-y: auto;
 }
 #pages_container > * {
+  flex: 1;
   padding: 0 1.5rem;
   min-width: min(26rem, 100%);
 }
@@ -833,6 +836,12 @@ sm-checkbox {
 
 .orders_section__header {
   min-height: 2.8rem;
+  position: -webkit-sticky;
+  position: sticky;
+  top: 0;
+  background-color: rgba(var(--background-color), 1);
+  z-index: 2;
+  transition: background-color 0.3s;
 }
 
 .list__item {
@@ -1577,6 +1586,10 @@ sm-checkbox {
     grid-template-columns: auto 1fr 1fr 1fr auto;
     grid-template-areas: "checkbox quantity price amount time cancel";
   }
+
+  .orders_section__header {
+    background-color: rgba(var(--foreground-color), 1);
+  }
 }
 @media screen and (max-width: 80rem) and (min-width: 40rem) {
   .main_navbar__item {
diff --git a/docs/css/main.min.css b/docs/css/main.min.css
index e152aa6..11ee0e0 100644
--- a/docs/css/main.min.css
+++ b/docs/css/main.min.css
@@ -1 +1 @@
-*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #516beb;--text-color: 20, 20, 20;--foreground-color: 252, 253, 255;--background-color: 241, 243, 248;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a4b3ff;--text-color: 220, 220, 220;--foreground-color: 27, 28, 29;--background-color: 21, 22, 22;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{text-decoration:none;color:var(--accent-color)}a:focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a.button{padding:.4rem .6rem;border-radius:.3rem;font-size:.9rem;font-weight:500;color:inherit}fieldset{border:none}button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:500;white-space:nowrap;padding:.8rem;border-radius:.3rem;justify-content:center}button:focus-visible{outline:var(--accent-color) solid medium}button:not(:disabled){cursor:pointer}.button{background-color:rgba(var(--text-color), 0.06)}.button--primary,.button--danger{color:rgba(var(--background-color), 1) !important}.button--primary .icon,.button--danger .icon{fill:rgba(var(--background-color), 1)}.button--primary{background-color:var(--accent-color)}.button--danger{background-color:var(--danger-color)}.button--small{padding:.4rem .6rem}.cta{text-transform:uppercase;font-size:.8rem;font-weight:700;letter-spacing:.05em;padding:.8rem 1rem}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}input{accent-color:var(--accent-color)}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}sm-copy{font-size:.9rem}ul{list-style:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wrap-around{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.direction-column{flex-direction:column}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.5rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem;align-items:center;justify-items:flex-start}.popup__header__close{padding:.5rem;margin-left:-0.5rem}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:auto}.logo h4{text-transform:capitalize;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details:not(:last-of-type){border-bottom:thin solid rgba(var(--text-color), 0.3)}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}details .icon{flex-shrink:0}details[open]{padding-bottom:1rem}details[open] summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.9rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.tooltip{position:relative;z-index:8;cursor:pointer}.tooltip .banner{position:absolute;right:0;width:min(20rem,100vw - 1rem);display:none;font-size:.9rem;background-color:rgba(var(--foreground-color), 1);padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.1);border:solid thin rgba(var(--text-color), 0.2)}.tooltip:hover .banner{display:block}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem;width:100%;align-items:center}#user_popup_button{background-color:rgba(var(--text-color), 0.06);border-radius:2rem;font-size:.8rem}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;justify-content:center;overflow-y:auto}#pages_container>*{padding:0 1.5rem;min-width:min(26rem,100%)}.listed-asset{position:relative;gap:.5rem;padding:1rem 0;border-radius:.5rem;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;grid-template-columns:auto 1fr auto auto;grid-template-areas:"icon name rate right-arrow" "icon name countdown right-arrow"}.listed-asset__icon{grid-area:icon;padding:.5rem;border-radius:1rem;display:flex;background-color:var(--accent-color)}.listed-asset__icon .icon{height:1.2rem;width:1.2rem;fill:rgba(var(--background-color), 1)}.listed-asset__name{grid-area:name;margin-left:.3rem}.listed-asset__rate{grid-area:rate}.listed-asset__countdown{display:flex;align-items:center;grid-area:countdown;justify-self:flex-end;font-size:.8rem;color:var(--accent-color)}.listed-asset__countdown .icon{margin-left:.3rem;overflow:visible;stroke-width:3;fill:none}.listed-asset__countdown .icon .path-a{stroke:var(--accent-color);stroke-dashoffset:var(--path-length, 0);stroke-dasharray:63}.listed-asset__countdown .icon .path-b{stroke:rgba(var(--text-color), 0.2)}.listed-asset__right-arrow{grid-area:right-arrow;background-color:rgba(var(--text-color), 0.1);border-radius:1rem;padding:.1rem;margin-left:.3rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#portfolio_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{position:relative;display:flex;flex-direction:column;height:100%;align-items:flex-start}#asset_page_wrapper{display:flex;flex-direction:column;height:100%;width:100%}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(46rem,100%)}#my_orders{grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;grid-template-columns:-webkit-min-content 1fr auto;grid-template-columns:min-content 1fr auto;border-radius:.5rem;grid-template-areas:"checkbox quantity quantity time" "checkbox price amount cancel"}.order-card>.grid:nth-of-type(2){grid-area:price}.order-card>.grid:nth-of-type(3){grid-area:amount}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{grid-area:checkbox;cursor:pointer;margin-right:.5rem}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{grid-area:time;font-size:.8rem;color:rgba(var(--text-color), 0.8)}.order-card .cancel-order{grid-area:cancel;color:var(--danger-color)}.order-card .cancel-order .icon{fill:var(--danger-color)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.completed-trade,.transaction-card,.live-order{gap:0 1rem}.completed-trade__type,.transaction-card__type,.live-order__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.completed-trade[data-type=Bought] .completed-trade__type,.completed-trade--buy .completed-trade__type,.completed-trade[data-type=Bought] .transaction-card__type,.completed-trade--buy .transaction-card__type,.completed-trade[data-type=Bought] .live-order__type,.completed-trade--buy .live-order__type,.transaction-card[data-type=Bought] .completed-trade__type,.transaction-card--buy .completed-trade__type,.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type,.transaction-card[data-type=Bought] .live-order__type,.transaction-card--buy .live-order__type,.live-order[data-type=Bought] .completed-trade__type,.live-order--buy .completed-trade__type,.live-order[data-type=Bought] .transaction-card__type,.live-order--buy .transaction-card__type,.live-order[data-type=Bought] .live-order__type,.live-order--buy .live-order__type{color:var(--green)}.completed-trade[data-type=Sold] .completed-trade__type,.completed-trade--sell .completed-trade__type,.completed-trade[data-type=Sold] .transaction-card__type,.completed-trade--sell .transaction-card__type,.completed-trade[data-type=Sold] .live-order__type,.completed-trade--sell .live-order__type,.transaction-card[data-type=Sold] .completed-trade__type,.transaction-card--sell .completed-trade__type,.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type,.transaction-card[data-type=Sold] .live-order__type,.transaction-card--sell .live-order__type,.live-order[data-type=Sold] .completed-trade__type,.live-order--sell .completed-trade__type,.live-order[data-type=Sold] .transaction-card__type,.live-order--sell .transaction-card__type,.live-order[data-type=Sold] .live-order__type,.live-order--sell .live-order__type{color:var(--danger-color)}.completed-trade__total,.transaction-card__total,.live-order__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.completed-trade__quantity,.completed-trade__price,.transaction-card__quantity,.transaction-card__price,.live-order__quantity,.live-order__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.completed-trade__time,.transaction-card__time,.live-order__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.completed-trade .more-info,.transaction-card .more-info,.live-order .more-info{flex-shrink:0;padding:.3rem}.transaction-card{content-visibility:auto;contain-intrinsic-size:2.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.completed-trade{display:grid;gap:.5rem;grid-template-columns:1fr 1fr;background-color:rgba(var(--text-color), 0.03);border-radius:.5rem;padding:1rem;margin-bottom:.5rem}#market_asset_rates{display:grid;gap:.5rem}#market_asset_rates .listed-asset{padding:1rem;background-color:rgba(var(--text-color), 0.03)}#market_orders_wrapper .list__header{font-size:.8rem;font-weight:500}#market_orders_wrapper .list__header div{padding:.5rem 0}#market_orders_wrapper .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.live-order{display:grid;gap:1rem;padding:1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.03)}.live-order:not(:last-of-type){margin-bottom:.5rem}.live-order[data-type=buy]{background-color:#00fa9a10}.live-order[data-type=sell]{background-color:#e2135110}#portfolio{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start;width:min(32rem,100%)}.portfolio_actions__wrapper{grid-column:1/-1;justify-content:flex-end;gap:.3rem;padding-top:1rem}.portfolio_actions__wrapper .button{color:var(--accent-color);padding:.5rem .8rem;flex-shrink:0}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem;padding-bottom:1.5rem;border:none}.balance-card{display:grid;align-items:center;gap:0 .5rem;padding:1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.03)}.balance-card.is-locked{grid-template-columns:auto auto 1fr auto}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto auto 1fr auto auto}.balance-card input{align-self:center}.balance-card__icon{display:flex;align-content:center;justify-content:center;margin:0 .5rem;border-radius:.8rem;align-self:flex-start;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{margin-top:.5rem;grid-column:3/-1;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#portfolio_cards_wrapper{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit, minmax(12rem, 1fr))}.personal-asset-balance{align-content:flex-start;padding:1rem;border-radius:.5rem;color:rgba(0,0,0,.8);width:100%}.personal-asset-balance:not(:last-of-type){margin-right:.5rem}.personal-asset-balance:nth-of-type(1){background:url("bg-art2.svg") no-repeat bottom right,#c2ffd7;background-size:contain}.personal-asset-balance:nth-of-type(1) .icon{background-color:rgba(102,255,156,.5)}.personal-asset-balance:nth-of-type(1) .button{border:solid thin rgba(102,255,156,.5)}.personal-asset-balance:nth-of-type(2){background:url("back.svg") no-repeat top right,#fcffa8;background-size:contain}.personal-asset-balance:nth-of-type(2) .icon{background-color:rgba(255,234,0,.5)}.personal-asset-balance>.flex{margin-bottom:.3rem}.personal-asset-balance>.flex .icon{height:2rem;width:2rem;padding:.4rem;border-radius:.3rem;fill:rgba(0,0,0,.8);margin-right:.5rem}.personal-asset-balance .button{display:flex;align-items:center;margin-top:.5rem;padding-right:.8rem;justify-self:flex-start;border-radius:1rem;background-color:rgba(var(--foreground-color), 1);color:rgba(var(--text-color), 1);transition:box-shadow .3s}.personal-asset-balance .button .icon{height:1rem;background-color:transparent;margin-right:.3rem}.personal-asset-balance .button:hover{box-shadow:0 .3rem .5rem rgba(0,0,0,.16)}#personal_rupee_balance span:first-of-type,#personal_flo_balance span:first-of-type{font-size:1.5rem}#personal_rupee_balance span:last-of-type,#personal_flo_balance span:last-of-type{font-size:.9rem}#portfolio_result{justify-content:center;text-align:center}#portfolio_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#portfolio_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#portfolio_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}#help{width:min(60ch,100%);margin-bottom:3rem;align-content:flex-start}#help ul{list-style:initial;display:grid;gap:1rem}#help ul li{margin-left:1rem;padding-left:.5rem;font-size:.9rem}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}#main_header{padding:1.5rem}#user_popup_button{width:100%}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}#asset_list_wrapper{padding:0 1.5rem}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#exchange{margin:0;padding:0}#login_form{padding:0 1.5rem}#asset_page__header{display:flex;padding:1rem 1.5rem .5rem .8rem}#chart_header{padding:0 1.5rem .5rem 1.5rem}#trade_form{padding:0 1.5rem}#price_chart_container{flex:1}#asset_page__footer button{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0;color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}#asset_page__footer button .icon{height:1.2rem;margin-bottom:.3rem;margin-right:.3rem}#asset_page__footer button.active{color:var(--accent-color)}#asset_page__footer button.active .icon{fill:var(--accent-color)}.hide-on-mobile{display:none !important}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.popup__header{grid-column:1/-1;padding:1rem 1.5rem 0 1.5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#user_popup_button{justify-self:flex-end}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}#pages_container>*{margin:0 1.5rem;padding:2rem}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:17rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:2rem;background-color:var(--accent-color)}.order-card{grid-template-columns:auto 1fr 1fr 1fr auto;grid-template-areas:"checkbox quantity price amount time cancel"}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 52rem){body:not(.is-signed-in) #market{gap:2rem;width:100%;grid-template-columns:18rem 1fr}.completed-trade{grid-template-columns:1fr 1fr 1fr 8rem;grid-template-areas:"quantity price amount info"}.completed-trade .quantity-block{grid-area:quantity}.completed-trade .price-block{grid-area:price}.completed-trade .amount-block{grid-area:amount}.completed-trade .info-block{grid-area:info}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page_wrapper{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}}
\ No newline at end of file
+*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #516beb;--text-color: 20, 20, 20;--foreground-color: 252, 253, 255;--background-color: 241, 243, 248;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a4b3ff;--text-color: 220, 220, 220;--foreground-color: 27, 28, 29;--background-color: 21, 22, 22;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{text-decoration:none;color:var(--accent-color)}a:focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a.button{padding:.4rem .6rem;border-radius:.3rem;font-size:.9rem;font-weight:500;color:inherit}fieldset{border:none}button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:500;white-space:nowrap;padding:.8rem;border-radius:.3rem;justify-content:center}button:focus-visible{outline:var(--accent-color) solid medium}button:not(:disabled){cursor:pointer}.button{background-color:rgba(var(--text-color), 0.06)}.button--primary,.button--danger{color:rgba(var(--background-color), 1) !important}.button--primary .icon,.button--danger .icon{fill:rgba(var(--background-color), 1)}.button--primary{background-color:var(--accent-color)}.button--danger{background-color:var(--danger-color)}.button--small{padding:.4rem .6rem}.cta{text-transform:uppercase;font-size:.8rem;font-weight:700;letter-spacing:.05em;padding:.8rem 1rem}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}input{accent-color:var(--accent-color)}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}sm-copy{font-size:.9rem}ul{list-style:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wrap-around{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.flex-direction-column{flex-direction:column}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.5rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem;align-items:center;justify-items:flex-start}.popup__header__close{padding:.5rem;margin-left:-0.5rem}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:auto}.logo h4{text-transform:capitalize;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details:not(:last-of-type){border-bottom:thin solid rgba(var(--text-color), 0.3)}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}details .icon{flex-shrink:0}details[open]{padding-bottom:1rem}details[open] summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.9rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.tooltip{position:relative;z-index:8;cursor:pointer}.tooltip .banner{position:absolute;right:0;width:min(20rem,100vw - 1rem);display:none;font-size:.9rem;background-color:rgba(var(--foreground-color), 1);padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.1);border:solid thin rgba(var(--text-color), 0.2)}.tooltip:hover .banner{display:block}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem;width:100%;align-items:center}#user_popup_button{background-color:rgba(var(--text-color), 0.06);border-radius:2rem;font-size:.8rem}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex-direction:column;flex:1;width:100%;height:100%;align-items:center;overflow-y:auto}#pages_container>*{flex:1;padding:0 1.5rem;min-width:min(26rem,100%)}.listed-asset{position:relative;gap:.5rem;padding:1rem 0;border-radius:.5rem;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;grid-template-columns:auto 1fr auto auto;grid-template-areas:"icon name rate right-arrow" "icon name countdown right-arrow"}.listed-asset__icon{grid-area:icon;padding:.5rem;border-radius:1rem;display:flex;background-color:var(--accent-color)}.listed-asset__icon .icon{height:1.2rem;width:1.2rem;fill:rgba(var(--background-color), 1)}.listed-asset__name{grid-area:name;margin-left:.3rem}.listed-asset__rate{grid-area:rate}.listed-asset__countdown{display:flex;align-items:center;grid-area:countdown;justify-self:flex-end;font-size:.8rem;color:var(--accent-color)}.listed-asset__countdown .icon{margin-left:.3rem;overflow:visible;stroke-width:3;fill:none}.listed-asset__countdown .icon .path-a{stroke:var(--accent-color);stroke-dashoffset:var(--path-length, 0);stroke-dasharray:63}.listed-asset__countdown .icon .path-b{stroke:rgba(var(--text-color), 0.2)}.listed-asset__right-arrow{grid-area:right-arrow;background-color:rgba(var(--text-color), 0.1);border-radius:1rem;padding:.1rem;margin-left:.3rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#portfolio_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{position:relative;display:flex;flex-direction:column;height:100%;align-items:flex-start}#asset_page_wrapper{display:flex;flex-direction:column;height:100%;width:100%}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(46rem,100%)}#my_orders{grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem;position:-webkit-sticky;position:sticky;top:0;background-color:rgba(var(--background-color), 1);z-index:2;transition:background-color .3s}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;grid-template-columns:-webkit-min-content 1fr auto;grid-template-columns:min-content 1fr auto;border-radius:.5rem;grid-template-areas:"checkbox quantity quantity time" "checkbox price amount cancel"}.order-card>.grid:nth-of-type(2){grid-area:price}.order-card>.grid:nth-of-type(3){grid-area:amount}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{grid-area:checkbox;cursor:pointer;margin-right:.5rem}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{grid-area:time;font-size:.8rem;color:rgba(var(--text-color), 0.8)}.order-card .cancel-order{grid-area:cancel;color:var(--danger-color)}.order-card .cancel-order .icon{fill:var(--danger-color)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.completed-trade,.transaction-card,.live-order{gap:0 1rem}.completed-trade__type,.transaction-card__type,.live-order__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.completed-trade[data-type=Bought] .completed-trade__type,.completed-trade--buy .completed-trade__type,.completed-trade[data-type=Bought] .transaction-card__type,.completed-trade--buy .transaction-card__type,.completed-trade[data-type=Bought] .live-order__type,.completed-trade--buy .live-order__type,.transaction-card[data-type=Bought] .completed-trade__type,.transaction-card--buy .completed-trade__type,.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type,.transaction-card[data-type=Bought] .live-order__type,.transaction-card--buy .live-order__type,.live-order[data-type=Bought] .completed-trade__type,.live-order--buy .completed-trade__type,.live-order[data-type=Bought] .transaction-card__type,.live-order--buy .transaction-card__type,.live-order[data-type=Bought] .live-order__type,.live-order--buy .live-order__type{color:var(--green)}.completed-trade[data-type=Sold] .completed-trade__type,.completed-trade--sell .completed-trade__type,.completed-trade[data-type=Sold] .transaction-card__type,.completed-trade--sell .transaction-card__type,.completed-trade[data-type=Sold] .live-order__type,.completed-trade--sell .live-order__type,.transaction-card[data-type=Sold] .completed-trade__type,.transaction-card--sell .completed-trade__type,.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type,.transaction-card[data-type=Sold] .live-order__type,.transaction-card--sell .live-order__type,.live-order[data-type=Sold] .completed-trade__type,.live-order--sell .completed-trade__type,.live-order[data-type=Sold] .transaction-card__type,.live-order--sell .transaction-card__type,.live-order[data-type=Sold] .live-order__type,.live-order--sell .live-order__type{color:var(--danger-color)}.completed-trade__total,.transaction-card__total,.live-order__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.completed-trade__quantity,.completed-trade__price,.transaction-card__quantity,.transaction-card__price,.live-order__quantity,.live-order__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.completed-trade__time,.transaction-card__time,.live-order__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.completed-trade .more-info,.transaction-card .more-info,.live-order .more-info{flex-shrink:0;padding:.3rem}.transaction-card{content-visibility:auto;contain-intrinsic-size:2.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.completed-trade{display:grid;gap:.5rem;grid-template-columns:1fr 1fr;background-color:rgba(var(--text-color), 0.03);border-radius:.5rem;padding:1rem;margin-bottom:.5rem}#market_asset_rates{display:grid;gap:.5rem}#market_asset_rates .listed-asset{padding:1rem;background-color:rgba(var(--text-color), 0.03)}#market_orders_wrapper .list__header{font-size:.8rem;font-weight:500}#market_orders_wrapper .list__header div{padding:.5rem 0}#market_orders_wrapper .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.live-order{display:grid;gap:1rem;padding:1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.03)}.live-order:not(:last-of-type){margin-bottom:.5rem}.live-order[data-type=buy]{background-color:#00fa9a10}.live-order[data-type=sell]{background-color:#e2135110}#portfolio{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start;width:min(32rem,100%)}.portfolio_actions__wrapper{grid-column:1/-1;justify-content:flex-end;gap:.3rem;padding-top:1rem}.portfolio_actions__wrapper .button{color:var(--accent-color);padding:.5rem .8rem;flex-shrink:0}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem;padding-bottom:1.5rem;border:none}.balance-card{display:grid;align-items:center;gap:0 .5rem;padding:1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.03)}.balance-card.is-locked{grid-template-columns:auto auto 1fr auto}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto auto 1fr auto auto}.balance-card input{align-self:center}.balance-card__icon{display:flex;align-content:center;justify-content:center;margin:0 .5rem;border-radius:.8rem;align-self:flex-start;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{margin-top:.5rem;grid-column:3/-1;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#portfolio_cards_wrapper{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit, minmax(12rem, 1fr))}.personal-asset-balance{align-content:flex-start;padding:1rem;border-radius:.5rem;color:rgba(0,0,0,.8);width:100%}.personal-asset-balance:not(:last-of-type){margin-right:.5rem}.personal-asset-balance:nth-of-type(1){background:url("bg-art2.svg") no-repeat bottom right,#c2ffd7;background-size:contain}.personal-asset-balance:nth-of-type(1) .icon{background-color:rgba(102,255,156,.5)}.personal-asset-balance:nth-of-type(1) .button{border:solid thin rgba(102,255,156,.5)}.personal-asset-balance:nth-of-type(2){background:url("back.svg") no-repeat top right,#fcffa8;background-size:contain}.personal-asset-balance:nth-of-type(2) .icon{background-color:rgba(255,234,0,.5)}.personal-asset-balance>.flex{margin-bottom:.3rem}.personal-asset-balance>.flex .icon{height:2rem;width:2rem;padding:.4rem;border-radius:.3rem;fill:rgba(0,0,0,.8);margin-right:.5rem}.personal-asset-balance .button{display:flex;align-items:center;margin-top:.5rem;padding-right:.8rem;justify-self:flex-start;border-radius:1rem;background-color:rgba(var(--foreground-color), 1);color:rgba(var(--text-color), 1);transition:box-shadow .3s}.personal-asset-balance .button .icon{height:1rem;background-color:transparent;margin-right:.3rem}.personal-asset-balance .button:hover{box-shadow:0 .3rem .5rem rgba(0,0,0,.16)}#personal_rupee_balance span:first-of-type,#personal_flo_balance span:first-of-type{font-size:1.5rem}#personal_rupee_balance span:last-of-type,#personal_flo_balance span:last-of-type{font-size:.9rem}#portfolio_result{justify-content:center;text-align:center}#portfolio_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#portfolio_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#portfolio_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}#help{width:min(60ch,100%);margin-bottom:3rem;align-content:flex-start}#help ul{list-style:initial;display:grid;gap:1rem}#help ul li{margin-left:1rem;padding-left:.5rem;font-size:.9rem}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}#main_header{padding:1.5rem}#user_popup_button{width:100%}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}#asset_list_wrapper{padding:0 1.5rem}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#exchange{margin:0;padding:0}#login_form{padding:0 1.5rem}#asset_page__header{display:flex;padding:1rem 1.5rem .5rem .8rem}#chart_header{padding:0 1.5rem .5rem 1.5rem}#trade_form{padding:0 1.5rem}#price_chart_container{flex:1}#asset_page__footer button{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0;color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}#asset_page__footer button .icon{height:1.2rem;margin-bottom:.3rem;margin-right:.3rem}#asset_page__footer button.active{color:var(--accent-color)}#asset_page__footer button.active .icon{fill:var(--accent-color)}.hide-on-mobile{display:none !important}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.popup__header{grid-column:1/-1;padding:1rem 1.5rem 0 1.5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#user_popup_button{justify-self:flex-end}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}#pages_container>*{margin:0 1.5rem;padding:2rem}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:17rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:2rem;background-color:var(--accent-color)}.order-card{grid-template-columns:auto 1fr 1fr 1fr auto;grid-template-areas:"checkbox quantity price amount time cancel"}.orders_section__header{background-color:rgba(var(--foreground-color), 1)}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 52rem){body:not(.is-signed-in) #market{gap:2rem;width:100%;grid-template-columns:18rem 1fr}.completed-trade{grid-template-columns:1fr 1fr 1fr 8rem;grid-template-areas:"quantity price amount info"}.completed-trade .quantity-block{grid-area:quantity}.completed-trade .price-block{grid-area:price}.completed-trade .amount-block{grid-area:amount}.completed-trade .info-block{grid-area:info}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page_wrapper{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}}
\ No newline at end of file
diff --git a/docs/css/main.scss b/docs/css/main.scss
index f42baed..bbdca32 100644
--- a/docs/css/main.scss
+++ b/docs/css/main.scss
@@ -214,7 +214,7 @@ ul {
 .flex-wrap {
   flex-wrap: wrap;
 }
-.direction-column {
+.flex-direction-column {
   flex-direction: column;
 }
 
@@ -645,11 +645,14 @@ sm-checkbox {
 }
 #pages_container {
   display: flex;
+  flex-direction: column;
   flex: 1;
   width: 100%;
-  justify-content: center;
+  height: 100%;
+  align-items: center;
   overflow-y: auto;
   & > * {
+    flex: 1;
     padding: 0 1.5rem;
     min-width: min(26rem, 100%);
   }
@@ -779,6 +782,11 @@ sm-checkbox {
 }
 .orders_section__header {
   min-height: 2.8rem;
+  position: sticky;
+  top: 0;
+  background-color: rgba(var(--background-color), 1);
+  z-index: 2;
+  transition: background-color 0.3s;
 }
 
 .list__item {
@@ -1408,6 +1416,9 @@ sm-checkbox {
     grid-template-columns: auto 1fr 1fr 1fr auto;
     grid-template-areas: "checkbox quantity price amount time cancel";
   }
+  .orders_section__header {
+    background-color: rgba(var(--foreground-color), 1);
+  }
 }
 @media screen and (max-width: 80rem) and (min-width: 40rem) {
   .main_navbar__item {
diff --git a/docs/index.html b/docs/index.html
index 08c57e9..15281ce 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -130,7 +130,7 @@
                             </a>
                         </nav>
                         <div id="asset_page_wrapper">
-                            <div id="price_chart_container" class="flex direction-column gap-0-5 hide-on-mobile">
+                            <div id="price_chart_container" class="flex flex-direction-column gap-0-5 hide-on-mobile">
                                 <div id="chart_header" class="flex align-center space-between">
                                     <H4 id="chart_asset"></H4>
                                     <strip-select id="price_duration_selector">
diff --git a/docs/scripts/components.js b/docs/scripts/components.js
index 624e30f..566113b 100644
--- a/docs/scripts/components.js
+++ b/docs/scripts/components.js
@@ -647,7 +647,7 @@ customElements.define('sm-input',
                 }
                 else if (name === 'type') {
                     if (this.hasAttribute('type') && this.getAttribute('type') === 'number') {
-                        this.input.setAttribute('inputmode', 'numeric');
+                        this.input.setAttribute('inputmode', 'decimal');
                     }
                 }
                 else if (name === 'helper-text') {

From 4e2cf1bbd8631db0e0a26456c54651a573a2209d Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Thu, 26 May 2022 18:16:40 +0530
Subject: [PATCH 113/168] minor UI fixes

---
 docs/css/main.css     | 9 +++++----
 docs/css/main.min.css | 2 +-
 docs/css/main.scss    | 7 +++----
 docs/index.html       | 2 +-
 4 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/docs/css/main.css b/docs/css/main.css
index 18ca785..e49a803 100644
--- a/docs/css/main.css
+++ b/docs/css/main.css
@@ -690,15 +690,13 @@ sm-checkbox {
 
 #pages_container {
   display: flex;
-  flex-direction: column;
   flex: 1;
   width: 100%;
   height: 100%;
-  align-items: center;
+  justify-content: center;
   overflow-y: auto;
 }
 #pages_container > * {
-  flex: 1;
   padding: 0 1.5rem;
   min-width: min(26rem, 100%);
 }
@@ -828,6 +826,9 @@ sm-checkbox {
 #my_orders,
 #market {
   width: min(46rem, 100%);
+  height: -webkit-max-content;
+  height: -moz-max-content;
+  height: max-content;
 }
 
 #my_orders {
@@ -1487,6 +1488,7 @@ sm-checkbox {
   }
 
   .mobile-page {
+    align-self: flex-start;
     padding: 2rem;
     border-radius: 0.5rem;
     background-color: rgba(var(--foreground-color), 1);
@@ -1547,7 +1549,6 @@ sm-checkbox {
 
   .is-signed-in #exchange {
     display: flex;
-    width: 100%;
   }
   .is-signed-in #exchange_wrapper {
     display: grid;
diff --git a/docs/css/main.min.css b/docs/css/main.min.css
index 11ee0e0..78fd0ac 100644
--- a/docs/css/main.min.css
+++ b/docs/css/main.min.css
@@ -1 +1 @@
-*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #516beb;--text-color: 20, 20, 20;--foreground-color: 252, 253, 255;--background-color: 241, 243, 248;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a4b3ff;--text-color: 220, 220, 220;--foreground-color: 27, 28, 29;--background-color: 21, 22, 22;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{text-decoration:none;color:var(--accent-color)}a:focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a.button{padding:.4rem .6rem;border-radius:.3rem;font-size:.9rem;font-weight:500;color:inherit}fieldset{border:none}button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:500;white-space:nowrap;padding:.8rem;border-radius:.3rem;justify-content:center}button:focus-visible{outline:var(--accent-color) solid medium}button:not(:disabled){cursor:pointer}.button{background-color:rgba(var(--text-color), 0.06)}.button--primary,.button--danger{color:rgba(var(--background-color), 1) !important}.button--primary .icon,.button--danger .icon{fill:rgba(var(--background-color), 1)}.button--primary{background-color:var(--accent-color)}.button--danger{background-color:var(--danger-color)}.button--small{padding:.4rem .6rem}.cta{text-transform:uppercase;font-size:.8rem;font-weight:700;letter-spacing:.05em;padding:.8rem 1rem}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}input{accent-color:var(--accent-color)}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}sm-copy{font-size:.9rem}ul{list-style:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wrap-around{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.flex-direction-column{flex-direction:column}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.5rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem;align-items:center;justify-items:flex-start}.popup__header__close{padding:.5rem;margin-left:-0.5rem}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:auto}.logo h4{text-transform:capitalize;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details:not(:last-of-type){border-bottom:thin solid rgba(var(--text-color), 0.3)}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}details .icon{flex-shrink:0}details[open]{padding-bottom:1rem}details[open] summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.9rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.tooltip{position:relative;z-index:8;cursor:pointer}.tooltip .banner{position:absolute;right:0;width:min(20rem,100vw - 1rem);display:none;font-size:.9rem;background-color:rgba(var(--foreground-color), 1);padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.1);border:solid thin rgba(var(--text-color), 0.2)}.tooltip:hover .banner{display:block}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem;width:100%;align-items:center}#user_popup_button{background-color:rgba(var(--text-color), 0.06);border-radius:2rem;font-size:.8rem}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex-direction:column;flex:1;width:100%;height:100%;align-items:center;overflow-y:auto}#pages_container>*{flex:1;padding:0 1.5rem;min-width:min(26rem,100%)}.listed-asset{position:relative;gap:.5rem;padding:1rem 0;border-radius:.5rem;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;grid-template-columns:auto 1fr auto auto;grid-template-areas:"icon name rate right-arrow" "icon name countdown right-arrow"}.listed-asset__icon{grid-area:icon;padding:.5rem;border-radius:1rem;display:flex;background-color:var(--accent-color)}.listed-asset__icon .icon{height:1.2rem;width:1.2rem;fill:rgba(var(--background-color), 1)}.listed-asset__name{grid-area:name;margin-left:.3rem}.listed-asset__rate{grid-area:rate}.listed-asset__countdown{display:flex;align-items:center;grid-area:countdown;justify-self:flex-end;font-size:.8rem;color:var(--accent-color)}.listed-asset__countdown .icon{margin-left:.3rem;overflow:visible;stroke-width:3;fill:none}.listed-asset__countdown .icon .path-a{stroke:var(--accent-color);stroke-dashoffset:var(--path-length, 0);stroke-dasharray:63}.listed-asset__countdown .icon .path-b{stroke:rgba(var(--text-color), 0.2)}.listed-asset__right-arrow{grid-area:right-arrow;background-color:rgba(var(--text-color), 0.1);border-radius:1rem;padding:.1rem;margin-left:.3rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#portfolio_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{position:relative;display:flex;flex-direction:column;height:100%;align-items:flex-start}#asset_page_wrapper{display:flex;flex-direction:column;height:100%;width:100%}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(46rem,100%)}#my_orders{grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem;position:-webkit-sticky;position:sticky;top:0;background-color:rgba(var(--background-color), 1);z-index:2;transition:background-color .3s}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;grid-template-columns:-webkit-min-content 1fr auto;grid-template-columns:min-content 1fr auto;border-radius:.5rem;grid-template-areas:"checkbox quantity quantity time" "checkbox price amount cancel"}.order-card>.grid:nth-of-type(2){grid-area:price}.order-card>.grid:nth-of-type(3){grid-area:amount}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{grid-area:checkbox;cursor:pointer;margin-right:.5rem}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{grid-area:time;font-size:.8rem;color:rgba(var(--text-color), 0.8)}.order-card .cancel-order{grid-area:cancel;color:var(--danger-color)}.order-card .cancel-order .icon{fill:var(--danger-color)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.completed-trade,.transaction-card,.live-order{gap:0 1rem}.completed-trade__type,.transaction-card__type,.live-order__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.completed-trade[data-type=Bought] .completed-trade__type,.completed-trade--buy .completed-trade__type,.completed-trade[data-type=Bought] .transaction-card__type,.completed-trade--buy .transaction-card__type,.completed-trade[data-type=Bought] .live-order__type,.completed-trade--buy .live-order__type,.transaction-card[data-type=Bought] .completed-trade__type,.transaction-card--buy .completed-trade__type,.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type,.transaction-card[data-type=Bought] .live-order__type,.transaction-card--buy .live-order__type,.live-order[data-type=Bought] .completed-trade__type,.live-order--buy .completed-trade__type,.live-order[data-type=Bought] .transaction-card__type,.live-order--buy .transaction-card__type,.live-order[data-type=Bought] .live-order__type,.live-order--buy .live-order__type{color:var(--green)}.completed-trade[data-type=Sold] .completed-trade__type,.completed-trade--sell .completed-trade__type,.completed-trade[data-type=Sold] .transaction-card__type,.completed-trade--sell .transaction-card__type,.completed-trade[data-type=Sold] .live-order__type,.completed-trade--sell .live-order__type,.transaction-card[data-type=Sold] .completed-trade__type,.transaction-card--sell .completed-trade__type,.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type,.transaction-card[data-type=Sold] .live-order__type,.transaction-card--sell .live-order__type,.live-order[data-type=Sold] .completed-trade__type,.live-order--sell .completed-trade__type,.live-order[data-type=Sold] .transaction-card__type,.live-order--sell .transaction-card__type,.live-order[data-type=Sold] .live-order__type,.live-order--sell .live-order__type{color:var(--danger-color)}.completed-trade__total,.transaction-card__total,.live-order__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.completed-trade__quantity,.completed-trade__price,.transaction-card__quantity,.transaction-card__price,.live-order__quantity,.live-order__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.completed-trade__time,.transaction-card__time,.live-order__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.completed-trade .more-info,.transaction-card .more-info,.live-order .more-info{flex-shrink:0;padding:.3rem}.transaction-card{content-visibility:auto;contain-intrinsic-size:2.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.completed-trade{display:grid;gap:.5rem;grid-template-columns:1fr 1fr;background-color:rgba(var(--text-color), 0.03);border-radius:.5rem;padding:1rem;margin-bottom:.5rem}#market_asset_rates{display:grid;gap:.5rem}#market_asset_rates .listed-asset{padding:1rem;background-color:rgba(var(--text-color), 0.03)}#market_orders_wrapper .list__header{font-size:.8rem;font-weight:500}#market_orders_wrapper .list__header div{padding:.5rem 0}#market_orders_wrapper .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.live-order{display:grid;gap:1rem;padding:1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.03)}.live-order:not(:last-of-type){margin-bottom:.5rem}.live-order[data-type=buy]{background-color:#00fa9a10}.live-order[data-type=sell]{background-color:#e2135110}#portfolio{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start;width:min(32rem,100%)}.portfolio_actions__wrapper{grid-column:1/-1;justify-content:flex-end;gap:.3rem;padding-top:1rem}.portfolio_actions__wrapper .button{color:var(--accent-color);padding:.5rem .8rem;flex-shrink:0}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem;padding-bottom:1.5rem;border:none}.balance-card{display:grid;align-items:center;gap:0 .5rem;padding:1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.03)}.balance-card.is-locked{grid-template-columns:auto auto 1fr auto}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto auto 1fr auto auto}.balance-card input{align-self:center}.balance-card__icon{display:flex;align-content:center;justify-content:center;margin:0 .5rem;border-radius:.8rem;align-self:flex-start;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{margin-top:.5rem;grid-column:3/-1;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#portfolio_cards_wrapper{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit, minmax(12rem, 1fr))}.personal-asset-balance{align-content:flex-start;padding:1rem;border-radius:.5rem;color:rgba(0,0,0,.8);width:100%}.personal-asset-balance:not(:last-of-type){margin-right:.5rem}.personal-asset-balance:nth-of-type(1){background:url("bg-art2.svg") no-repeat bottom right,#c2ffd7;background-size:contain}.personal-asset-balance:nth-of-type(1) .icon{background-color:rgba(102,255,156,.5)}.personal-asset-balance:nth-of-type(1) .button{border:solid thin rgba(102,255,156,.5)}.personal-asset-balance:nth-of-type(2){background:url("back.svg") no-repeat top right,#fcffa8;background-size:contain}.personal-asset-balance:nth-of-type(2) .icon{background-color:rgba(255,234,0,.5)}.personal-asset-balance>.flex{margin-bottom:.3rem}.personal-asset-balance>.flex .icon{height:2rem;width:2rem;padding:.4rem;border-radius:.3rem;fill:rgba(0,0,0,.8);margin-right:.5rem}.personal-asset-balance .button{display:flex;align-items:center;margin-top:.5rem;padding-right:.8rem;justify-self:flex-start;border-radius:1rem;background-color:rgba(var(--foreground-color), 1);color:rgba(var(--text-color), 1);transition:box-shadow .3s}.personal-asset-balance .button .icon{height:1rem;background-color:transparent;margin-right:.3rem}.personal-asset-balance .button:hover{box-shadow:0 .3rem .5rem rgba(0,0,0,.16)}#personal_rupee_balance span:first-of-type,#personal_flo_balance span:first-of-type{font-size:1.5rem}#personal_rupee_balance span:last-of-type,#personal_flo_balance span:last-of-type{font-size:.9rem}#portfolio_result{justify-content:center;text-align:center}#portfolio_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#portfolio_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#portfolio_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}#help{width:min(60ch,100%);margin-bottom:3rem;align-content:flex-start}#help ul{list-style:initial;display:grid;gap:1rem}#help ul li{margin-left:1rem;padding-left:.5rem;font-size:.9rem}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}#main_header{padding:1.5rem}#user_popup_button{width:100%}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}#asset_list_wrapper{padding:0 1.5rem}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#exchange{margin:0;padding:0}#login_form{padding:0 1.5rem}#asset_page__header{display:flex;padding:1rem 1.5rem .5rem .8rem}#chart_header{padding:0 1.5rem .5rem 1.5rem}#trade_form{padding:0 1.5rem}#price_chart_container{flex:1}#asset_page__footer button{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0;color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}#asset_page__footer button .icon{height:1.2rem;margin-bottom:.3rem;margin-right:.3rem}#asset_page__footer button.active{color:var(--accent-color)}#asset_page__footer button.active .icon{fill:var(--accent-color)}.hide-on-mobile{display:none !important}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.popup__header{grid-column:1/-1;padding:1rem 1.5rem 0 1.5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#user_popup_button{justify-self:flex-end}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}#pages_container>*{margin:0 1.5rem;padding:2rem}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:17rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:2rem;background-color:var(--accent-color)}.order-card{grid-template-columns:auto 1fr 1fr 1fr auto;grid-template-areas:"checkbox quantity price amount time cancel"}.orders_section__header{background-color:rgba(var(--foreground-color), 1)}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 52rem){body:not(.is-signed-in) #market{gap:2rem;width:100%;grid-template-columns:18rem 1fr}.completed-trade{grid-template-columns:1fr 1fr 1fr 8rem;grid-template-areas:"quantity price amount info"}.completed-trade .quantity-block{grid-area:quantity}.completed-trade .price-block{grid-area:price}.completed-trade .amount-block{grid-area:amount}.completed-trade .info-block{grid-area:info}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page_wrapper{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}}
\ No newline at end of file
+*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #516beb;--text-color: 20, 20, 20;--foreground-color: 252, 253, 255;--background-color: 241, 243, 248;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a4b3ff;--text-color: 220, 220, 220;--foreground-color: 27, 28, 29;--background-color: 21, 22, 22;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{text-decoration:none;color:var(--accent-color)}a:focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a.button{padding:.4rem .6rem;border-radius:.3rem;font-size:.9rem;font-weight:500;color:inherit}fieldset{border:none}button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:500;white-space:nowrap;padding:.8rem;border-radius:.3rem;justify-content:center}button:focus-visible{outline:var(--accent-color) solid medium}button:not(:disabled){cursor:pointer}.button{background-color:rgba(var(--text-color), 0.06)}.button--primary,.button--danger{color:rgba(var(--background-color), 1) !important}.button--primary .icon,.button--danger .icon{fill:rgba(var(--background-color), 1)}.button--primary{background-color:var(--accent-color)}.button--danger{background-color:var(--danger-color)}.button--small{padding:.4rem .6rem}.cta{text-transform:uppercase;font-size:.8rem;font-weight:700;letter-spacing:.05em;padding:.8rem 1rem}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}input{accent-color:var(--accent-color)}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}sm-copy{font-size:.9rem}ul{list-style:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wrap-around{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.flex-direction-column{flex-direction:column}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.5rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem;align-items:center;justify-items:flex-start}.popup__header__close{padding:.5rem;margin-left:-0.5rem}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:auto}.logo h4{text-transform:capitalize;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details:not(:last-of-type){border-bottom:thin solid rgba(var(--text-color), 0.3)}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}details .icon{flex-shrink:0}details[open]{padding-bottom:1rem}details[open] summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.9rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.tooltip{position:relative;z-index:8;cursor:pointer}.tooltip .banner{position:absolute;right:0;width:min(20rem,100vw - 1rem);display:none;font-size:.9rem;background-color:rgba(var(--foreground-color), 1);padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.1);border:solid thin rgba(var(--text-color), 0.2)}.tooltip:hover .banner{display:block}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem;width:100%;align-items:center}#user_popup_button{background-color:rgba(var(--text-color), 0.06);border-radius:2rem;font-size:.8rem}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;height:100%;justify-content:center;overflow-y:auto}#pages_container>*{padding:0 1.5rem;min-width:min(26rem,100%)}.listed-asset{position:relative;gap:.5rem;padding:1rem 0;border-radius:.5rem;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;grid-template-columns:auto 1fr auto auto;grid-template-areas:"icon name rate right-arrow" "icon name countdown right-arrow"}.listed-asset__icon{grid-area:icon;padding:.5rem;border-radius:1rem;display:flex;background-color:var(--accent-color)}.listed-asset__icon .icon{height:1.2rem;width:1.2rem;fill:rgba(var(--background-color), 1)}.listed-asset__name{grid-area:name;margin-left:.3rem}.listed-asset__rate{grid-area:rate}.listed-asset__countdown{display:flex;align-items:center;grid-area:countdown;justify-self:flex-end;font-size:.8rem;color:var(--accent-color)}.listed-asset__countdown .icon{margin-left:.3rem;overflow:visible;stroke-width:3;fill:none}.listed-asset__countdown .icon .path-a{stroke:var(--accent-color);stroke-dashoffset:var(--path-length, 0);stroke-dasharray:63}.listed-asset__countdown .icon .path-b{stroke:rgba(var(--text-color), 0.2)}.listed-asset__right-arrow{grid-area:right-arrow;background-color:rgba(var(--text-color), 0.1);border-radius:1rem;padding:.1rem;margin-left:.3rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#portfolio_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{position:relative;display:flex;flex-direction:column;height:100%;align-items:flex-start}#asset_page_wrapper{display:flex;flex-direction:column;height:100%;width:100%}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(46rem,100%);height:-webkit-max-content;height:-moz-max-content;height:max-content}#my_orders{grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem;position:-webkit-sticky;position:sticky;top:0;background-color:rgba(var(--background-color), 1);z-index:2;transition:background-color .3s}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;grid-template-columns:-webkit-min-content 1fr auto;grid-template-columns:min-content 1fr auto;border-radius:.5rem;grid-template-areas:"checkbox quantity quantity time" "checkbox price amount cancel"}.order-card>.grid:nth-of-type(2){grid-area:price}.order-card>.grid:nth-of-type(3){grid-area:amount}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{grid-area:checkbox;cursor:pointer;margin-right:.5rem}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{grid-area:time;font-size:.8rem;color:rgba(var(--text-color), 0.8)}.order-card .cancel-order{grid-area:cancel;color:var(--danger-color)}.order-card .cancel-order .icon{fill:var(--danger-color)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.completed-trade,.transaction-card,.live-order{gap:0 1rem}.completed-trade__type,.transaction-card__type,.live-order__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.completed-trade[data-type=Bought] .completed-trade__type,.completed-trade--buy .completed-trade__type,.completed-trade[data-type=Bought] .transaction-card__type,.completed-trade--buy .transaction-card__type,.completed-trade[data-type=Bought] .live-order__type,.completed-trade--buy .live-order__type,.transaction-card[data-type=Bought] .completed-trade__type,.transaction-card--buy .completed-trade__type,.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type,.transaction-card[data-type=Bought] .live-order__type,.transaction-card--buy .live-order__type,.live-order[data-type=Bought] .completed-trade__type,.live-order--buy .completed-trade__type,.live-order[data-type=Bought] .transaction-card__type,.live-order--buy .transaction-card__type,.live-order[data-type=Bought] .live-order__type,.live-order--buy .live-order__type{color:var(--green)}.completed-trade[data-type=Sold] .completed-trade__type,.completed-trade--sell .completed-trade__type,.completed-trade[data-type=Sold] .transaction-card__type,.completed-trade--sell .transaction-card__type,.completed-trade[data-type=Sold] .live-order__type,.completed-trade--sell .live-order__type,.transaction-card[data-type=Sold] .completed-trade__type,.transaction-card--sell .completed-trade__type,.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type,.transaction-card[data-type=Sold] .live-order__type,.transaction-card--sell .live-order__type,.live-order[data-type=Sold] .completed-trade__type,.live-order--sell .completed-trade__type,.live-order[data-type=Sold] .transaction-card__type,.live-order--sell .transaction-card__type,.live-order[data-type=Sold] .live-order__type,.live-order--sell .live-order__type{color:var(--danger-color)}.completed-trade__total,.transaction-card__total,.live-order__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.completed-trade__quantity,.completed-trade__price,.transaction-card__quantity,.transaction-card__price,.live-order__quantity,.live-order__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.completed-trade__time,.transaction-card__time,.live-order__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.completed-trade .more-info,.transaction-card .more-info,.live-order .more-info{flex-shrink:0;padding:.3rem}.transaction-card{content-visibility:auto;contain-intrinsic-size:2.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.completed-trade{display:grid;gap:.5rem;grid-template-columns:1fr 1fr;background-color:rgba(var(--text-color), 0.03);border-radius:.5rem;padding:1rem;margin-bottom:.5rem}#market_asset_rates{display:grid;gap:.5rem}#market_asset_rates .listed-asset{padding:1rem;background-color:rgba(var(--text-color), 0.03)}#market_orders_wrapper .list__header{font-size:.8rem;font-weight:500}#market_orders_wrapper .list__header div{padding:.5rem 0}#market_orders_wrapper .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.live-order{display:grid;gap:1rem;padding:1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.03)}.live-order:not(:last-of-type){margin-bottom:.5rem}.live-order[data-type=buy]{background-color:#00fa9a10}.live-order[data-type=sell]{background-color:#e2135110}#portfolio{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start;width:min(32rem,100%)}.portfolio_actions__wrapper{grid-column:1/-1;justify-content:flex-end;gap:.3rem;padding-top:1rem}.portfolio_actions__wrapper .button{color:var(--accent-color);padding:.5rem .8rem;flex-shrink:0}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem;padding-bottom:1.5rem;border:none}.balance-card{display:grid;align-items:center;gap:0 .5rem;padding:1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.03)}.balance-card.is-locked{grid-template-columns:auto auto 1fr auto}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto auto 1fr auto auto}.balance-card input{align-self:center}.balance-card__icon{display:flex;align-content:center;justify-content:center;margin:0 .5rem;border-radius:.8rem;align-self:flex-start;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{margin-top:.5rem;grid-column:3/-1;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#portfolio_cards_wrapper{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit, minmax(12rem, 1fr))}.personal-asset-balance{align-content:flex-start;padding:1rem;border-radius:.5rem;color:rgba(0,0,0,.8);width:100%}.personal-asset-balance:not(:last-of-type){margin-right:.5rem}.personal-asset-balance:nth-of-type(1){background:url("bg-art2.svg") no-repeat bottom right,#c2ffd7;background-size:contain}.personal-asset-balance:nth-of-type(1) .icon{background-color:rgba(102,255,156,.5)}.personal-asset-balance:nth-of-type(1) .button{border:solid thin rgba(102,255,156,.5)}.personal-asset-balance:nth-of-type(2){background:url("back.svg") no-repeat top right,#fcffa8;background-size:contain}.personal-asset-balance:nth-of-type(2) .icon{background-color:rgba(255,234,0,.5)}.personal-asset-balance>.flex{margin-bottom:.3rem}.personal-asset-balance>.flex .icon{height:2rem;width:2rem;padding:.4rem;border-radius:.3rem;fill:rgba(0,0,0,.8);margin-right:.5rem}.personal-asset-balance .button{display:flex;align-items:center;margin-top:.5rem;padding-right:.8rem;justify-self:flex-start;border-radius:1rem;background-color:rgba(var(--foreground-color), 1);color:rgba(var(--text-color), 1);transition:box-shadow .3s}.personal-asset-balance .button .icon{height:1rem;background-color:transparent;margin-right:.3rem}.personal-asset-balance .button:hover{box-shadow:0 .3rem .5rem rgba(0,0,0,.16)}#personal_rupee_balance span:first-of-type,#personal_flo_balance span:first-of-type{font-size:1.5rem}#personal_rupee_balance span:last-of-type,#personal_flo_balance span:last-of-type{font-size:.9rem}#portfolio_result{justify-content:center;text-align:center}#portfolio_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#portfolio_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#portfolio_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}#help{width:min(60ch,100%);margin-bottom:3rem;align-content:flex-start}#help ul{list-style:initial;display:grid;gap:1rem}#help ul li{margin-left:1rem;padding-left:.5rem;font-size:.9rem}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}#main_header{padding:1.5rem}#user_popup_button{width:100%}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}#asset_list_wrapper{padding:0 1.5rem}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#exchange{margin:0;padding:0}#login_form{padding:0 1.5rem}#asset_page__header{display:flex;padding:1rem 1.5rem .5rem .8rem}#chart_header{padding:0 1.5rem .5rem 1.5rem}#trade_form{padding:0 1.5rem}#price_chart_container{flex:1}#asset_page__footer button{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0;color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}#asset_page__footer button .icon{height:1.2rem;margin-bottom:.3rem;margin-right:.3rem}#asset_page__footer button.active{color:var(--accent-color)}#asset_page__footer button.active .icon{fill:var(--accent-color)}.hide-on-mobile{display:none !important}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.popup__header{grid-column:1/-1;padding:1rem 1.5rem 0 1.5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{align-self:flex-start;padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#user_popup_button{justify-self:flex-end}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}#pages_container>*{margin:0 1.5rem;padding:2rem}.is-signed-in #exchange{display:flex}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:17rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:2rem;background-color:var(--accent-color)}.order-card{grid-template-columns:auto 1fr 1fr 1fr auto;grid-template-areas:"checkbox quantity price amount time cancel"}.orders_section__header{background-color:rgba(var(--foreground-color), 1)}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 52rem){body:not(.is-signed-in) #market{gap:2rem;width:100%;grid-template-columns:18rem 1fr}.completed-trade{grid-template-columns:1fr 1fr 1fr 8rem;grid-template-areas:"quantity price amount info"}.completed-trade .quantity-block{grid-area:quantity}.completed-trade .price-block{grid-area:price}.completed-trade .amount-block{grid-area:amount}.completed-trade .info-block{grid-area:info}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page_wrapper{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}}
\ No newline at end of file
diff --git a/docs/css/main.scss b/docs/css/main.scss
index bbdca32..f3dff62 100644
--- a/docs/css/main.scss
+++ b/docs/css/main.scss
@@ -645,14 +645,12 @@ sm-checkbox {
 }
 #pages_container {
   display: flex;
-  flex-direction: column;
   flex: 1;
   width: 100%;
   height: 100%;
-  align-items: center;
+  justify-content: center;
   overflow-y: auto;
   & > * {
-    flex: 1;
     padding: 0 1.5rem;
     min-width: min(26rem, 100%);
   }
@@ -776,6 +774,7 @@ sm-checkbox {
 #my_orders,
 #market {
   width: min(46rem, 100%);
+  height: max-content;
 }
 #my_orders {
   grid-template-rows: auto 1fr;
@@ -1327,6 +1326,7 @@ sm-checkbox {
     grid-template-columns: 1fr 90vw 1fr;
   }
   .mobile-page {
+    align-self: flex-start;
     padding: 2rem;
     border-radius: 0.5rem;
     background-color: rgba(var(--foreground-color), 1);
@@ -1380,7 +1380,6 @@ sm-checkbox {
   .is-signed-in {
     #exchange {
       display: flex;
-      width: 100%;
     }
     #exchange_wrapper {
       display: grid;
diff --git a/docs/index.html b/docs/index.html
index 15281ce..9ebba91 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -265,7 +265,7 @@
                             d="M13 3c-4.97 0-9 4.03-9 9H1l3.89 3.89.07.14L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42C8.27 19.99 10.51 21 13 21c4.97 0 9-4.03 9-9s-4.03-9-9-9zm-1 5v5l4.25 2.52.77-1.28-3.52-2.09V8z" />
                     </svg>
                     <h4>
-                        No orders placed yet
+                        No live orders
                     </h4>
                     <p>My orders will only show completed orders</p>
                 </div>

From 6c6c1a8a76d4ab085a9c3f9877b5efc979fd7402 Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Sat, 28 May 2022 18:08:12 +0530
Subject: [PATCH 114/168] Added transaction history

---
 docs/css/main.css     |  71 +++++++++++++++++++++++++++
 docs/css/main.min.css |   2 +-
 docs/css/main.scss    |  73 ++++++++++++++++++++++++++++
 docs/index.html       | 108 ++++++++++++++++++++++++++++++++++++------
 4 files changed, 239 insertions(+), 15 deletions(-)

diff --git a/docs/css/main.css b/docs/css/main.css
index e49a803..5b47d5e 100644
--- a/docs/css/main.css
+++ b/docs/css/main.css
@@ -70,6 +70,8 @@ a:focus-visible {
 }
 
 a.button {
+  display: flex;
+  align-items: center;
   padding: 0.4rem 0.6rem;
   border-radius: 0.3rem;
   font-size: 0.9rem;
@@ -207,6 +209,13 @@ ul {
   hyphens: auto;
 }
 
+.sticky {
+  position: -webkit-sticky;
+  position: sticky;
+  top: 0;
+  z-index: 1;
+}
+
 .full-bleed {
   grid-column: 1/4;
 }
@@ -542,6 +551,7 @@ sm-checkbox {
 }
 
 .tooltip {
+  display: flex;
   position: relative;
   z-index: 8;
   cursor: pointer;
@@ -549,6 +559,7 @@ sm-checkbox {
 .tooltip .banner {
   position: absolute;
   right: 0;
+  top: 100%;
   width: min(20rem, 100vw - 1rem);
   display: none;
   font-size: 0.9rem;
@@ -1131,6 +1142,62 @@ sm-checkbox {
   text-align: right;
 }
 
+#history {
+  padding-top: 0 !important;
+  width: min(36rem, 100%);
+}
+#history .sticky {
+  margin-left: -0.7rem;
+  padding: 1rem 0;
+  background-color: rgba(var(--background-color), 1);
+}
+
+.history-entry {
+  display: grid;
+  grid-template-columns: 1fr auto;
+  gap: 0.5rem;
+  align-items: center;
+  padding: 1rem;
+  background-color: rgba(var(--text-color), 0.03);
+  border-radius: 0.3rem;
+  margin-bottom: 0.5rem;
+  font-size: 0.9rem;
+}
+.history-entry:last-of-type {
+  margin-bottom: 2rem;
+}
+.history-entry > :nth-child(2) {
+  text-align: right;
+}
+.history-entry__status {
+  justify-self: flex-start;
+  font-size: 0.75rem;
+  background-color: rgba(var(--text-color), 0.06);
+  padding: 0.3rem 0.5rem;
+  border-radius: 1rem;
+  letter-spacing: 0.05em;
+  margin-left: 0.5rem;
+}
+.history-entry .history-entry__amount-wrapper {
+  font-weight: 500;
+}
+.history-entry[data-type=deposit] .history-entry__amount {
+  color: var(--green);
+}
+.history-entry[data-type=deposit] .history-entry__amount::before {
+  content: "+ ";
+}
+.history-entry[data-type=withdraw] .history-entry__amount {
+  color: var(--danger-color);
+}
+.history-entry[data-type=withdraw] .history-entry__amount::before {
+  content: "- ";
+}
+.history-entry__time {
+  font-size: 0.8rem;
+  color: rgba(var(--text-color), 0.8);
+}
+
 #portfolio_cards_wrapper {
   display: grid;
   gap: 0.5rem;
@@ -1591,6 +1658,10 @@ sm-checkbox {
   .orders_section__header {
     background-color: rgba(var(--foreground-color), 1);
   }
+
+  #history .sticky {
+    background-color: rgba(var(--foreground-color), 1);
+  }
 }
 @media screen and (max-width: 80rem) and (min-width: 40rem) {
   .main_navbar__item {
diff --git a/docs/css/main.min.css b/docs/css/main.min.css
index 78fd0ac..980e240 100644
--- a/docs/css/main.min.css
+++ b/docs/css/main.min.css
@@ -1 +1 @@
-*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #516beb;--text-color: 20, 20, 20;--foreground-color: 252, 253, 255;--background-color: 241, 243, 248;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a4b3ff;--text-color: 220, 220, 220;--foreground-color: 27, 28, 29;--background-color: 21, 22, 22;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{text-decoration:none;color:var(--accent-color)}a:focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a.button{padding:.4rem .6rem;border-radius:.3rem;font-size:.9rem;font-weight:500;color:inherit}fieldset{border:none}button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:500;white-space:nowrap;padding:.8rem;border-radius:.3rem;justify-content:center}button:focus-visible{outline:var(--accent-color) solid medium}button:not(:disabled){cursor:pointer}.button{background-color:rgba(var(--text-color), 0.06)}.button--primary,.button--danger{color:rgba(var(--background-color), 1) !important}.button--primary .icon,.button--danger .icon{fill:rgba(var(--background-color), 1)}.button--primary{background-color:var(--accent-color)}.button--danger{background-color:var(--danger-color)}.button--small{padding:.4rem .6rem}.cta{text-transform:uppercase;font-size:.8rem;font-weight:700;letter-spacing:.05em;padding:.8rem 1rem}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}input{accent-color:var(--accent-color)}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}sm-copy{font-size:.9rem}ul{list-style:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wrap-around{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.flex-direction-column{flex-direction:column}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.5rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem;align-items:center;justify-items:flex-start}.popup__header__close{padding:.5rem;margin-left:-0.5rem}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:auto}.logo h4{text-transform:capitalize;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details:not(:last-of-type){border-bottom:thin solid rgba(var(--text-color), 0.3)}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}details .icon{flex-shrink:0}details[open]{padding-bottom:1rem}details[open] summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.9rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.tooltip{position:relative;z-index:8;cursor:pointer}.tooltip .banner{position:absolute;right:0;width:min(20rem,100vw - 1rem);display:none;font-size:.9rem;background-color:rgba(var(--foreground-color), 1);padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.1);border:solid thin rgba(var(--text-color), 0.2)}.tooltip:hover .banner{display:block}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem;width:100%;align-items:center}#user_popup_button{background-color:rgba(var(--text-color), 0.06);border-radius:2rem;font-size:.8rem}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;height:100%;justify-content:center;overflow-y:auto}#pages_container>*{padding:0 1.5rem;min-width:min(26rem,100%)}.listed-asset{position:relative;gap:.5rem;padding:1rem 0;border-radius:.5rem;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;grid-template-columns:auto 1fr auto auto;grid-template-areas:"icon name rate right-arrow" "icon name countdown right-arrow"}.listed-asset__icon{grid-area:icon;padding:.5rem;border-radius:1rem;display:flex;background-color:var(--accent-color)}.listed-asset__icon .icon{height:1.2rem;width:1.2rem;fill:rgba(var(--background-color), 1)}.listed-asset__name{grid-area:name;margin-left:.3rem}.listed-asset__rate{grid-area:rate}.listed-asset__countdown{display:flex;align-items:center;grid-area:countdown;justify-self:flex-end;font-size:.8rem;color:var(--accent-color)}.listed-asset__countdown .icon{margin-left:.3rem;overflow:visible;stroke-width:3;fill:none}.listed-asset__countdown .icon .path-a{stroke:var(--accent-color);stroke-dashoffset:var(--path-length, 0);stroke-dasharray:63}.listed-asset__countdown .icon .path-b{stroke:rgba(var(--text-color), 0.2)}.listed-asset__right-arrow{grid-area:right-arrow;background-color:rgba(var(--text-color), 0.1);border-radius:1rem;padding:.1rem;margin-left:.3rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#portfolio_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{position:relative;display:flex;flex-direction:column;height:100%;align-items:flex-start}#asset_page_wrapper{display:flex;flex-direction:column;height:100%;width:100%}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(46rem,100%);height:-webkit-max-content;height:-moz-max-content;height:max-content}#my_orders{grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem;position:-webkit-sticky;position:sticky;top:0;background-color:rgba(var(--background-color), 1);z-index:2;transition:background-color .3s}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;grid-template-columns:-webkit-min-content 1fr auto;grid-template-columns:min-content 1fr auto;border-radius:.5rem;grid-template-areas:"checkbox quantity quantity time" "checkbox price amount cancel"}.order-card>.grid:nth-of-type(2){grid-area:price}.order-card>.grid:nth-of-type(3){grid-area:amount}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{grid-area:checkbox;cursor:pointer;margin-right:.5rem}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{grid-area:time;font-size:.8rem;color:rgba(var(--text-color), 0.8)}.order-card .cancel-order{grid-area:cancel;color:var(--danger-color)}.order-card .cancel-order .icon{fill:var(--danger-color)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.completed-trade,.transaction-card,.live-order{gap:0 1rem}.completed-trade__type,.transaction-card__type,.live-order__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.completed-trade[data-type=Bought] .completed-trade__type,.completed-trade--buy .completed-trade__type,.completed-trade[data-type=Bought] .transaction-card__type,.completed-trade--buy .transaction-card__type,.completed-trade[data-type=Bought] .live-order__type,.completed-trade--buy .live-order__type,.transaction-card[data-type=Bought] .completed-trade__type,.transaction-card--buy .completed-trade__type,.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type,.transaction-card[data-type=Bought] .live-order__type,.transaction-card--buy .live-order__type,.live-order[data-type=Bought] .completed-trade__type,.live-order--buy .completed-trade__type,.live-order[data-type=Bought] .transaction-card__type,.live-order--buy .transaction-card__type,.live-order[data-type=Bought] .live-order__type,.live-order--buy .live-order__type{color:var(--green)}.completed-trade[data-type=Sold] .completed-trade__type,.completed-trade--sell .completed-trade__type,.completed-trade[data-type=Sold] .transaction-card__type,.completed-trade--sell .transaction-card__type,.completed-trade[data-type=Sold] .live-order__type,.completed-trade--sell .live-order__type,.transaction-card[data-type=Sold] .completed-trade__type,.transaction-card--sell .completed-trade__type,.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type,.transaction-card[data-type=Sold] .live-order__type,.transaction-card--sell .live-order__type,.live-order[data-type=Sold] .completed-trade__type,.live-order--sell .completed-trade__type,.live-order[data-type=Sold] .transaction-card__type,.live-order--sell .transaction-card__type,.live-order[data-type=Sold] .live-order__type,.live-order--sell .live-order__type{color:var(--danger-color)}.completed-trade__total,.transaction-card__total,.live-order__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.completed-trade__quantity,.completed-trade__price,.transaction-card__quantity,.transaction-card__price,.live-order__quantity,.live-order__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.completed-trade__time,.transaction-card__time,.live-order__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.completed-trade .more-info,.transaction-card .more-info,.live-order .more-info{flex-shrink:0;padding:.3rem}.transaction-card{content-visibility:auto;contain-intrinsic-size:2.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.completed-trade{display:grid;gap:.5rem;grid-template-columns:1fr 1fr;background-color:rgba(var(--text-color), 0.03);border-radius:.5rem;padding:1rem;margin-bottom:.5rem}#market_asset_rates{display:grid;gap:.5rem}#market_asset_rates .listed-asset{padding:1rem;background-color:rgba(var(--text-color), 0.03)}#market_orders_wrapper .list__header{font-size:.8rem;font-weight:500}#market_orders_wrapper .list__header div{padding:.5rem 0}#market_orders_wrapper .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.live-order{display:grid;gap:1rem;padding:1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.03)}.live-order:not(:last-of-type){margin-bottom:.5rem}.live-order[data-type=buy]{background-color:#00fa9a10}.live-order[data-type=sell]{background-color:#e2135110}#portfolio{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start;width:min(32rem,100%)}.portfolio_actions__wrapper{grid-column:1/-1;justify-content:flex-end;gap:.3rem;padding-top:1rem}.portfolio_actions__wrapper .button{color:var(--accent-color);padding:.5rem .8rem;flex-shrink:0}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem;padding-bottom:1.5rem;border:none}.balance-card{display:grid;align-items:center;gap:0 .5rem;padding:1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.03)}.balance-card.is-locked{grid-template-columns:auto auto 1fr auto}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto auto 1fr auto auto}.balance-card input{align-self:center}.balance-card__icon{display:flex;align-content:center;justify-content:center;margin:0 .5rem;border-radius:.8rem;align-self:flex-start;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{margin-top:.5rem;grid-column:3/-1;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#portfolio_cards_wrapper{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit, minmax(12rem, 1fr))}.personal-asset-balance{align-content:flex-start;padding:1rem;border-radius:.5rem;color:rgba(0,0,0,.8);width:100%}.personal-asset-balance:not(:last-of-type){margin-right:.5rem}.personal-asset-balance:nth-of-type(1){background:url("bg-art2.svg") no-repeat bottom right,#c2ffd7;background-size:contain}.personal-asset-balance:nth-of-type(1) .icon{background-color:rgba(102,255,156,.5)}.personal-asset-balance:nth-of-type(1) .button{border:solid thin rgba(102,255,156,.5)}.personal-asset-balance:nth-of-type(2){background:url("back.svg") no-repeat top right,#fcffa8;background-size:contain}.personal-asset-balance:nth-of-type(2) .icon{background-color:rgba(255,234,0,.5)}.personal-asset-balance>.flex{margin-bottom:.3rem}.personal-asset-balance>.flex .icon{height:2rem;width:2rem;padding:.4rem;border-radius:.3rem;fill:rgba(0,0,0,.8);margin-right:.5rem}.personal-asset-balance .button{display:flex;align-items:center;margin-top:.5rem;padding-right:.8rem;justify-self:flex-start;border-radius:1rem;background-color:rgba(var(--foreground-color), 1);color:rgba(var(--text-color), 1);transition:box-shadow .3s}.personal-asset-balance .button .icon{height:1rem;background-color:transparent;margin-right:.3rem}.personal-asset-balance .button:hover{box-shadow:0 .3rem .5rem rgba(0,0,0,.16)}#personal_rupee_balance span:first-of-type,#personal_flo_balance span:first-of-type{font-size:1.5rem}#personal_rupee_balance span:last-of-type,#personal_flo_balance span:last-of-type{font-size:.9rem}#portfolio_result{justify-content:center;text-align:center}#portfolio_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#portfolio_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#portfolio_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}#help{width:min(60ch,100%);margin-bottom:3rem;align-content:flex-start}#help ul{list-style:initial;display:grid;gap:1rem}#help ul li{margin-left:1rem;padding-left:.5rem;font-size:.9rem}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}#main_header{padding:1.5rem}#user_popup_button{width:100%}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}#asset_list_wrapper{padding:0 1.5rem}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#exchange{margin:0;padding:0}#login_form{padding:0 1.5rem}#asset_page__header{display:flex;padding:1rem 1.5rem .5rem .8rem}#chart_header{padding:0 1.5rem .5rem 1.5rem}#trade_form{padding:0 1.5rem}#price_chart_container{flex:1}#asset_page__footer button{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0;color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}#asset_page__footer button .icon{height:1.2rem;margin-bottom:.3rem;margin-right:.3rem}#asset_page__footer button.active{color:var(--accent-color)}#asset_page__footer button.active .icon{fill:var(--accent-color)}.hide-on-mobile{display:none !important}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.popup__header{grid-column:1/-1;padding:1rem 1.5rem 0 1.5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{align-self:flex-start;padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#user_popup_button{justify-self:flex-end}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}#pages_container>*{margin:0 1.5rem;padding:2rem}.is-signed-in #exchange{display:flex}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:17rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:2rem;background-color:var(--accent-color)}.order-card{grid-template-columns:auto 1fr 1fr 1fr auto;grid-template-areas:"checkbox quantity price amount time cancel"}.orders_section__header{background-color:rgba(var(--foreground-color), 1)}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 52rem){body:not(.is-signed-in) #market{gap:2rem;width:100%;grid-template-columns:18rem 1fr}.completed-trade{grid-template-columns:1fr 1fr 1fr 8rem;grid-template-areas:"quantity price amount info"}.completed-trade .quantity-block{grid-area:quantity}.completed-trade .price-block{grid-area:price}.completed-trade .amount-block{grid-area:amount}.completed-trade .info-block{grid-area:info}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page_wrapper{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}}
\ No newline at end of file
+*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #516beb;--text-color: 20, 20, 20;--foreground-color: 252, 253, 255;--background-color: 241, 243, 248;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a4b3ff;--text-color: 220, 220, 220;--foreground-color: 27, 28, 29;--background-color: 21, 22, 22;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{text-decoration:none;color:var(--accent-color)}a:focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a.button{display:flex;align-items:center;padding:.4rem .6rem;border-radius:.3rem;font-size:.9rem;font-weight:500;color:inherit}fieldset{border:none}button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:500;white-space:nowrap;padding:.8rem;border-radius:.3rem;justify-content:center}button:focus-visible{outline:var(--accent-color) solid medium}button:not(:disabled){cursor:pointer}.button{background-color:rgba(var(--text-color), 0.06)}.button--primary,.button--danger{color:rgba(var(--background-color), 1) !important}.button--primary .icon,.button--danger .icon{fill:rgba(var(--background-color), 1)}.button--primary{background-color:var(--accent-color)}.button--danger{background-color:var(--danger-color)}.button--small{padding:.4rem .6rem}.cta{text-transform:uppercase;font-size:.8rem;font-weight:700;letter-spacing:.05em;padding:.8rem 1rem}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}input{accent-color:var(--accent-color)}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}sm-copy{font-size:.9rem}ul{list-style:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wrap-around{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.sticky{position:-webkit-sticky;position:sticky;top:0;z-index:1}.full-bleed{grid-column:1/4}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.flex-direction-column{flex-direction:column}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.5rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem;align-items:center;justify-items:flex-start}.popup__header__close{padding:.5rem;margin-left:-0.5rem}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:auto}.logo h4{text-transform:capitalize;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details:not(:last-of-type){border-bottom:thin solid rgba(var(--text-color), 0.3)}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}details .icon{flex-shrink:0}details[open]{padding-bottom:1rem}details[open] summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.9rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.tooltip{display:flex;position:relative;z-index:8;cursor:pointer}.tooltip .banner{position:absolute;right:0;top:100%;width:min(20rem,100vw - 1rem);display:none;font-size:.9rem;background-color:rgba(var(--foreground-color), 1);padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.1);border:solid thin rgba(var(--text-color), 0.2)}.tooltip:hover .banner{display:block}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem;width:100%;align-items:center}#user_popup_button{background-color:rgba(var(--text-color), 0.06);border-radius:2rem;font-size:.8rem}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;height:100%;justify-content:center;overflow-y:auto}#pages_container>*{padding:0 1.5rem;min-width:min(26rem,100%)}.listed-asset{position:relative;gap:.5rem;padding:1rem 0;border-radius:.5rem;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;grid-template-columns:auto 1fr auto auto;grid-template-areas:"icon name rate right-arrow" "icon name countdown right-arrow"}.listed-asset__icon{grid-area:icon;padding:.5rem;border-radius:1rem;display:flex;background-color:var(--accent-color)}.listed-asset__icon .icon{height:1.2rem;width:1.2rem;fill:rgba(var(--background-color), 1)}.listed-asset__name{grid-area:name;margin-left:.3rem}.listed-asset__rate{grid-area:rate}.listed-asset__countdown{display:flex;align-items:center;grid-area:countdown;justify-self:flex-end;font-size:.8rem;color:var(--accent-color)}.listed-asset__countdown .icon{margin-left:.3rem;overflow:visible;stroke-width:3;fill:none}.listed-asset__countdown .icon .path-a{stroke:var(--accent-color);stroke-dashoffset:var(--path-length, 0);stroke-dasharray:63}.listed-asset__countdown .icon .path-b{stroke:rgba(var(--text-color), 0.2)}.listed-asset__right-arrow{grid-area:right-arrow;background-color:rgba(var(--text-color), 0.1);border-radius:1rem;padding:.1rem;margin-left:.3rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#portfolio_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{position:relative;display:flex;flex-direction:column;height:100%;align-items:flex-start}#asset_page_wrapper{display:flex;flex-direction:column;height:100%;width:100%}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(46rem,100%);height:-webkit-max-content;height:-moz-max-content;height:max-content}#my_orders{grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem;position:-webkit-sticky;position:sticky;top:0;background-color:rgba(var(--background-color), 1);z-index:2;transition:background-color .3s}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;grid-template-columns:-webkit-min-content 1fr auto;grid-template-columns:min-content 1fr auto;border-radius:.5rem;grid-template-areas:"checkbox quantity quantity time" "checkbox price amount cancel"}.order-card>.grid:nth-of-type(2){grid-area:price}.order-card>.grid:nth-of-type(3){grid-area:amount}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{grid-area:checkbox;cursor:pointer;margin-right:.5rem}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{grid-area:time;font-size:.8rem;color:rgba(var(--text-color), 0.8)}.order-card .cancel-order{grid-area:cancel;color:var(--danger-color)}.order-card .cancel-order .icon{fill:var(--danger-color)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.completed-trade,.transaction-card,.live-order{gap:0 1rem}.completed-trade__type,.transaction-card__type,.live-order__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.completed-trade[data-type=Bought] .completed-trade__type,.completed-trade--buy .completed-trade__type,.completed-trade[data-type=Bought] .transaction-card__type,.completed-trade--buy .transaction-card__type,.completed-trade[data-type=Bought] .live-order__type,.completed-trade--buy .live-order__type,.transaction-card[data-type=Bought] .completed-trade__type,.transaction-card--buy .completed-trade__type,.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type,.transaction-card[data-type=Bought] .live-order__type,.transaction-card--buy .live-order__type,.live-order[data-type=Bought] .completed-trade__type,.live-order--buy .completed-trade__type,.live-order[data-type=Bought] .transaction-card__type,.live-order--buy .transaction-card__type,.live-order[data-type=Bought] .live-order__type,.live-order--buy .live-order__type{color:var(--green)}.completed-trade[data-type=Sold] .completed-trade__type,.completed-trade--sell .completed-trade__type,.completed-trade[data-type=Sold] .transaction-card__type,.completed-trade--sell .transaction-card__type,.completed-trade[data-type=Sold] .live-order__type,.completed-trade--sell .live-order__type,.transaction-card[data-type=Sold] .completed-trade__type,.transaction-card--sell .completed-trade__type,.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type,.transaction-card[data-type=Sold] .live-order__type,.transaction-card--sell .live-order__type,.live-order[data-type=Sold] .completed-trade__type,.live-order--sell .completed-trade__type,.live-order[data-type=Sold] .transaction-card__type,.live-order--sell .transaction-card__type,.live-order[data-type=Sold] .live-order__type,.live-order--sell .live-order__type{color:var(--danger-color)}.completed-trade__total,.transaction-card__total,.live-order__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.completed-trade__quantity,.completed-trade__price,.transaction-card__quantity,.transaction-card__price,.live-order__quantity,.live-order__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.completed-trade__time,.transaction-card__time,.live-order__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.completed-trade .more-info,.transaction-card .more-info,.live-order .more-info{flex-shrink:0;padding:.3rem}.transaction-card{content-visibility:auto;contain-intrinsic-size:2.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.completed-trade{display:grid;gap:.5rem;grid-template-columns:1fr 1fr;background-color:rgba(var(--text-color), 0.03);border-radius:.5rem;padding:1rem;margin-bottom:.5rem}#market_asset_rates{display:grid;gap:.5rem}#market_asset_rates .listed-asset{padding:1rem;background-color:rgba(var(--text-color), 0.03)}#market_orders_wrapper .list__header{font-size:.8rem;font-weight:500}#market_orders_wrapper .list__header div{padding:.5rem 0}#market_orders_wrapper .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.live-order{display:grid;gap:1rem;padding:1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.03)}.live-order:not(:last-of-type){margin-bottom:.5rem}.live-order[data-type=buy]{background-color:#00fa9a10}.live-order[data-type=sell]{background-color:#e2135110}#portfolio{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start;width:min(32rem,100%)}.portfolio_actions__wrapper{grid-column:1/-1;justify-content:flex-end;gap:.3rem;padding-top:1rem}.portfolio_actions__wrapper .button{color:var(--accent-color);padding:.5rem .8rem;flex-shrink:0}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem;padding-bottom:1.5rem;border:none}.balance-card{display:grid;align-items:center;gap:0 .5rem;padding:1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.03)}.balance-card.is-locked{grid-template-columns:auto auto 1fr auto}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto auto 1fr auto auto}.balance-card input{align-self:center}.balance-card__icon{display:flex;align-content:center;justify-content:center;margin:0 .5rem;border-radius:.8rem;align-self:flex-start;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{margin-top:.5rem;grid-column:3/-1;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#history{padding-top:0 !important;width:min(36rem,100%)}#history .sticky{margin-left:-0.7rem;padding:1rem 0;background-color:rgba(var(--background-color), 1)}.history-entry{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:center;padding:1rem;background-color:rgba(var(--text-color), 0.03);border-radius:.3rem;margin-bottom:.5rem;font-size:.9rem}.history-entry:last-of-type{margin-bottom:2rem}.history-entry>:nth-child(2){text-align:right}.history-entry__status{justify-self:flex-start;font-size:.75rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .5rem;border-radius:1rem;letter-spacing:.05em;margin-left:.5rem}.history-entry .history-entry__amount-wrapper{font-weight:500}.history-entry[data-type=deposit] .history-entry__amount{color:var(--green)}.history-entry[data-type=deposit] .history-entry__amount::before{content:"+ "}.history-entry[data-type=withdraw] .history-entry__amount{color:var(--danger-color)}.history-entry[data-type=withdraw] .history-entry__amount::before{content:"- "}.history-entry__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}#portfolio_cards_wrapper{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit, minmax(12rem, 1fr))}.personal-asset-balance{align-content:flex-start;padding:1rem;border-radius:.5rem;color:rgba(0,0,0,.8);width:100%}.personal-asset-balance:not(:last-of-type){margin-right:.5rem}.personal-asset-balance:nth-of-type(1){background:url("bg-art2.svg") no-repeat bottom right,#c2ffd7;background-size:contain}.personal-asset-balance:nth-of-type(1) .icon{background-color:rgba(102,255,156,.5)}.personal-asset-balance:nth-of-type(1) .button{border:solid thin rgba(102,255,156,.5)}.personal-asset-balance:nth-of-type(2){background:url("back.svg") no-repeat top right,#fcffa8;background-size:contain}.personal-asset-balance:nth-of-type(2) .icon{background-color:rgba(255,234,0,.5)}.personal-asset-balance>.flex{margin-bottom:.3rem}.personal-asset-balance>.flex .icon{height:2rem;width:2rem;padding:.4rem;border-radius:.3rem;fill:rgba(0,0,0,.8);margin-right:.5rem}.personal-asset-balance .button{display:flex;align-items:center;margin-top:.5rem;padding-right:.8rem;justify-self:flex-start;border-radius:1rem;background-color:rgba(var(--foreground-color), 1);color:rgba(var(--text-color), 1);transition:box-shadow .3s}.personal-asset-balance .button .icon{height:1rem;background-color:transparent;margin-right:.3rem}.personal-asset-balance .button:hover{box-shadow:0 .3rem .5rem rgba(0,0,0,.16)}#personal_rupee_balance span:first-of-type,#personal_flo_balance span:first-of-type{font-size:1.5rem}#personal_rupee_balance span:last-of-type,#personal_flo_balance span:last-of-type{font-size:.9rem}#portfolio_result{justify-content:center;text-align:center}#portfolio_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#portfolio_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#portfolio_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}#help{width:min(60ch,100%);margin-bottom:3rem;align-content:flex-start}#help ul{list-style:initial;display:grid;gap:1rem}#help ul li{margin-left:1rem;padding-left:.5rem;font-size:.9rem}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}#main_header{padding:1.5rem}#user_popup_button{width:100%}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}#asset_list_wrapper{padding:0 1.5rem}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#exchange{margin:0;padding:0}#login_form{padding:0 1.5rem}#asset_page__header{display:flex;padding:1rem 1.5rem .5rem .8rem}#chart_header{padding:0 1.5rem .5rem 1.5rem}#trade_form{padding:0 1.5rem}#price_chart_container{flex:1}#asset_page__footer button{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0;color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}#asset_page__footer button .icon{height:1.2rem;margin-bottom:.3rem;margin-right:.3rem}#asset_page__footer button.active{color:var(--accent-color)}#asset_page__footer button.active .icon{fill:var(--accent-color)}.hide-on-mobile{display:none !important}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.popup__header{grid-column:1/-1;padding:1rem 1.5rem 0 1.5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{align-self:flex-start;padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#user_popup_button{justify-self:flex-end}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}#pages_container>*{margin:0 1.5rem;padding:2rem}.is-signed-in #exchange{display:flex}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:17rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:2rem;background-color:var(--accent-color)}.order-card{grid-template-columns:auto 1fr 1fr 1fr auto;grid-template-areas:"checkbox quantity price amount time cancel"}.orders_section__header{background-color:rgba(var(--foreground-color), 1)}#history .sticky{background-color:rgba(var(--foreground-color), 1)}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 52rem){body:not(.is-signed-in) #market{gap:2rem;width:100%;grid-template-columns:18rem 1fr}.completed-trade{grid-template-columns:1fr 1fr 1fr 8rem;grid-template-areas:"quantity price amount info"}.completed-trade .quantity-block{grid-area:quantity}.completed-trade .price-block{grid-area:price}.completed-trade .amount-block{grid-area:amount}.completed-trade .info-block{grid-area:info}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page_wrapper{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}}
\ No newline at end of file
diff --git a/docs/css/main.scss b/docs/css/main.scss
index f3dff62..a0c4941 100644
--- a/docs/css/main.scss
+++ b/docs/css/main.scss
@@ -70,6 +70,8 @@ a {
   }
 }
 a.button {
+  display: flex;
+  align-items: center;
   padding: 0.4rem 0.6rem;
   border-radius: 0.3rem;
   font-size: 0.9rem;
@@ -193,6 +195,12 @@ ul {
   hyphens: auto;
 }
 
+.sticky {
+  position: sticky;
+  top: 0;
+  z-index: 1;
+}
+
 .full-bleed {
   grid-column: 1/4;
 }
@@ -506,12 +514,14 @@ sm-checkbox {
   }
 }
 .tooltip {
+  display: flex;
   position: relative;
   z-index: 8;
   cursor: pointer;
   .banner {
     position: absolute;
     right: 0;
+    top: 100%;
     width: min(20rem, calc(100vw - 1rem));
     display: none;
     font-size: 0.9rem;
@@ -1023,6 +1033,64 @@ sm-checkbox {
     }
   }
 }
+#history {
+  padding-top: 0 !important;
+  width: min(36rem, 100%);
+  .sticky {
+    margin-left: -0.7rem;
+    padding: 1rem 0;
+    background-color: rgba(var(--background-color), 1);
+  }
+}
+.history-entry {
+  display: grid;
+  grid-template-columns: 1fr auto;
+  gap: 0.5rem;
+  align-items: center;
+  padding: 1rem;
+  background-color: rgba(var(--text-color), 0.03);
+  border-radius: 0.3rem;
+  margin-bottom: 0.5rem;
+  font-size: 0.9rem;
+  &:last-of-type {
+    margin-bottom: 2rem;
+  }
+  & > :nth-child(2) {
+    text-align: right;
+  }
+  &__status {
+    justify-self: flex-start;
+    font-size: 0.75rem;
+    background-color: rgba(var(--text-color), 0.06);
+    padding: 0.3rem 0.5rem;
+    border-radius: 1rem;
+    letter-spacing: 0.05em;
+    margin-left: 0.5rem;
+  }
+  .history-entry__amount-wrapper {
+    font-weight: 500;
+  }
+  &[data-type="deposit"] {
+    .history-entry__amount {
+      color: var(--green);
+      &::before {
+        content: "+ ";
+      }
+    }
+  }
+  &[data-type="withdraw"] {
+    .history-entry__amount {
+      color: var(--danger-color);
+      &::before {
+        content: "- ";
+      }
+    }
+  }
+  &__time {
+    font-size: 0.8rem;
+    color: rgba(var(--text-color), 0.8);
+  }
+}
 #portfolio_cards_wrapper {
   display: grid;
   gap: 0.5rem;
@@ -1418,6 +1486,11 @@ sm-checkbox {
   .orders_section__header {
     background-color: rgba(var(--foreground-color), 1);
   }
+  #history {
+    .sticky {
+      background-color: rgba(var(--foreground-color), 1);
+    }
+  }
 }
 @media screen and (max-width: 80rem) and (min-width: 40rem) {
   .main_navbar__item {
diff --git a/docs/index.html b/docs/index.html
index 9ebba91..ae4d8a9 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -352,17 +352,21 @@
                         <div class="grid gap-0-5">
                             <div class="flex align-center space-between">
                                 <h4>Owned assets on exchange</h4>
-                                <div class="tooltip">
-                                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px"
-                                        viewBox="0 0 24 24" width="24px" fill="#000000">
-                                        <path d="M0 0h24v24H0V0z" fill="none" />
-                                        <path
-                                            d="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z" />
-                                    </svg>
-                                    <p class="banner">
-                                        Your assets on exchange remains separate until they are withdrawn to your FLO
-                                        ID.
-                                    </p>
+                                <div class="flex align-center gap-0-5">
+                                    <a href="#/history" class="button">History</a>
+                                    <div class="tooltip">
+                                        <svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px"
+                                            viewBox="0 0 24 24" width="24px" fill="#000000">
+                                            <path d="M0 0h24v24H0V0z" fill="none" />
+                                            <path
+                                                d="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z" />
+                                        </svg>
+                                        <p class="banner">
+                                            Your assets on exchange remains separate until they are withdrawn to your
+                                            FLO
+                                            ID.
+                                        </p>
+                                    </div>
                                 </div>
                             </div>
                             <p>Deposit rupee from your FLO ID to exchange to purchase assets.</p>
@@ -441,6 +445,22 @@
                     </div>
                 </div>
             </div>
+            <div id="history" class="mobile-page hide">
+                <div class="flex align-center sticky top-0">
+                    <a href="#/portfolio" class="button icon-only">
+                        <svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24"
+                            width="24px" fill="#000000">
+                            <path d="M0 0h24v24H0z" fill="none" />
+                            <path d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z" />
+                        </svg>
+                    </a>
+                    <h1>History</h1>
+                </div>
+                <ul id="exchange_history" class="observe-empty-state"></ul>
+                <div class="empty-state">
+                    <p>No exchange transactions</p>
+                </div>
+            </div>
             <div id="help" class="mobile-page hide grid gap-2">
                 <h1>Hey there! How can we help you today?</h1>
                 <div class="grid gap-0-5">
@@ -1017,6 +1037,20 @@
             </div>
         </div>
     </template>
+    <template id="history_entry">
+        <li class="history-entry">
+            <div class="flex align-center">
+                <span class="history-entry__type capitalize"></span>
+                <span class="history-entry__status"></span>
+            </div>
+            <b class="history-entry__amount-wrapper">
+                <span class="history-entry__amount"></span>
+                <span class="history-entry__token"></span>
+            </b>
+            <time class="history-entry__time"></time>
+            <a class="history-entry__txid button" target="_blank">See on blockchain</a>
+        </li>
+    </template>
     <script>
 
         /**
@@ -1382,13 +1416,47 @@
                         break;
                     case 'portfolio':
                         break;
+                    case 'history':
+                        getRef('exchange_history').innerHTML = `
+                        <div class="flex" style="padding: 1.5rem; justify-content: center;">
+                            <sm-spinner></sm-spinner>
+                        </div>
+                        `
+                        // load all blockchain txs
+                        floBlockchainAPI.readAllTxs(accountDetails.floID).then(async transactions => {
+                            floGlobals.allTxs = {}
+                            transactions.forEach(({ txid, time }) => { floGlobals.allTxs[txid] = { time } })
+                            floExchangeAPI.getUserTransacts(accountDetails.floID, await proxy.secret).then(transactions => {
+                                transactions = transactions.sort((a, b) => floGlobals.allTxs[b.txid].time - floGlobals.allTxs[a.txid].time)
+                                if (historyLazyLoader) {
+                                    historyLazyLoader.update(transactions)
+                                } else {
+                                    historyLazyLoader = new LazyLoader('#exchange_history', transactions, render.historyEntry)
+                                }
+                                historyLazyLoader.init()
+                            }).catch(err => {
+                                console.error(err)
+                            })
+                        }).catch(err => {
+                            console.error(err)
+                        })
+                        break;
                 }
             }
+            if (pageId !== 'history') {
+                if (historyLazyLoader)
+                    historyLazyLoader.clear()
+            }
             if (pagesData.lastPage !== pageId) {
                 document.querySelectorAll('.mobile-page').forEach(elem => elem.classList.add('hide'))
                 getRef(pageId).classList.remove('hide')
                 document.querySelectorAll('.main_navbar__item').forEach(elem => elem.classList.remove('main_navbar__item--active'))
-                document.querySelector(`.main_navbar__item[href="#/${pageId}"]`).classList.add('main_navbar__item--active')
+                if (document.querySelector(`.main_navbar__item[href="#/${pageId}"]`)) {
+                    document.querySelector(`.main_navbar__item[href="#/${pageId}"]`).classList.add('main_navbar__item--active')
+                    getRef('main_header').classList.remove('hide-on-mobile')
+                } else {
+                    getRef('main_header').classList.add('hide-on-mobile')
+                }
                 getRef('pages_container').style.overflowY = "hidden";
                 getRef(pageId).animate([
                     {
@@ -1679,6 +1747,7 @@
             return Date.UTC(d.getFullYear(), d.getMonth(), d.getDate(), d.getHours(), d.getMinutes(), d.getSeconds(), d.getMilliseconds()) / 1000;
         }
         let marketTradesLazyLoader
+        let historyLazyLoader
         const render = {
             listedAsset(asset, rate, countDown) {
                 const clone = getRef('listed_asset_template').content.cloneNode(true).firstElementChild
@@ -1898,6 +1967,19 @@
                         console.log(err)
                     })
                 }
+            },
+            historyEntry(details) {
+                const { amount, status, token, txid, type } = details
+                const entry = getRef('history_entry').content.cloneNode(true).firstElementChild
+                entry.dataset.status = status
+                entry.dataset.type = type
+                entry.querySelector('.history-entry__token').textContent = token
+                entry.querySelector('.history-entry__type').textContent = type
+                entry.querySelector('.history-entry__amount').textContent = amount
+                entry.querySelector('.history-entry__status').textContent = status === 'SUCCESS' ? 'Success' : 'Pending'
+                entry.querySelector('.history-entry__time').textContent = floGlobals.allTxs.hasOwnProperty(txid) ? getFormattedTime(floGlobals.allTxs[txid].time * 1000) : ''
+                entry.querySelector('.history-entry__txid').href = `https://flosight.duckdns.org/tx/${txid}`
+                return entry
             }
         }
 
@@ -2718,8 +2800,6 @@
             floExchangeAPI.getAccount(proxy.userID, await proxy.secret).then(async acc => {
                 document.body.classList.add('is-signed-in');
                 getRef('market_asset_rates').parentNode.remove()
-                // save login time
-                localStorage.setItem(`${acc.floID}_last_login`, Date.now());
                 getRef("login_form").classList.add('hide')
                 accountDetails = acc
                 console.debug(acc);

From 2419d754d54ce1ba80eaeff25b799f97fca8085c Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Sat, 28 May 2022 18:12:26 +0530
Subject: [PATCH 115/168] minor UI update

---
 docs/css/main.css     | 1 -
 docs/css/main.min.css | 2 +-
 docs/css/main.scss    | 1 -
 3 files changed, 1 insertion(+), 3 deletions(-)

diff --git a/docs/css/main.css b/docs/css/main.css
index 5b47d5e..1ad0e02 100644
--- a/docs/css/main.css
+++ b/docs/css/main.css
@@ -1161,7 +1161,6 @@ sm-checkbox {
   background-color: rgba(var(--text-color), 0.03);
   border-radius: 0.3rem;
   margin-bottom: 0.5rem;
-  font-size: 0.9rem;
 }
 .history-entry:last-of-type {
   margin-bottom: 2rem;
diff --git a/docs/css/main.min.css b/docs/css/main.min.css
index 980e240..019dcac 100644
--- a/docs/css/main.min.css
+++ b/docs/css/main.min.css
@@ -1 +1 @@
-*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #516beb;--text-color: 20, 20, 20;--foreground-color: 252, 253, 255;--background-color: 241, 243, 248;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a4b3ff;--text-color: 220, 220, 220;--foreground-color: 27, 28, 29;--background-color: 21, 22, 22;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{text-decoration:none;color:var(--accent-color)}a:focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a.button{display:flex;align-items:center;padding:.4rem .6rem;border-radius:.3rem;font-size:.9rem;font-weight:500;color:inherit}fieldset{border:none}button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:500;white-space:nowrap;padding:.8rem;border-radius:.3rem;justify-content:center}button:focus-visible{outline:var(--accent-color) solid medium}button:not(:disabled){cursor:pointer}.button{background-color:rgba(var(--text-color), 0.06)}.button--primary,.button--danger{color:rgba(var(--background-color), 1) !important}.button--primary .icon,.button--danger .icon{fill:rgba(var(--background-color), 1)}.button--primary{background-color:var(--accent-color)}.button--danger{background-color:var(--danger-color)}.button--small{padding:.4rem .6rem}.cta{text-transform:uppercase;font-size:.8rem;font-weight:700;letter-spacing:.05em;padding:.8rem 1rem}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}input{accent-color:var(--accent-color)}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}sm-copy{font-size:.9rem}ul{list-style:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wrap-around{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.sticky{position:-webkit-sticky;position:sticky;top:0;z-index:1}.full-bleed{grid-column:1/4}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.flex-direction-column{flex-direction:column}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.5rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem;align-items:center;justify-items:flex-start}.popup__header__close{padding:.5rem;margin-left:-0.5rem}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:auto}.logo h4{text-transform:capitalize;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details:not(:last-of-type){border-bottom:thin solid rgba(var(--text-color), 0.3)}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}details .icon{flex-shrink:0}details[open]{padding-bottom:1rem}details[open] summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.9rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.tooltip{display:flex;position:relative;z-index:8;cursor:pointer}.tooltip .banner{position:absolute;right:0;top:100%;width:min(20rem,100vw - 1rem);display:none;font-size:.9rem;background-color:rgba(var(--foreground-color), 1);padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.1);border:solid thin rgba(var(--text-color), 0.2)}.tooltip:hover .banner{display:block}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem;width:100%;align-items:center}#user_popup_button{background-color:rgba(var(--text-color), 0.06);border-radius:2rem;font-size:.8rem}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;height:100%;justify-content:center;overflow-y:auto}#pages_container>*{padding:0 1.5rem;min-width:min(26rem,100%)}.listed-asset{position:relative;gap:.5rem;padding:1rem 0;border-radius:.5rem;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;grid-template-columns:auto 1fr auto auto;grid-template-areas:"icon name rate right-arrow" "icon name countdown right-arrow"}.listed-asset__icon{grid-area:icon;padding:.5rem;border-radius:1rem;display:flex;background-color:var(--accent-color)}.listed-asset__icon .icon{height:1.2rem;width:1.2rem;fill:rgba(var(--background-color), 1)}.listed-asset__name{grid-area:name;margin-left:.3rem}.listed-asset__rate{grid-area:rate}.listed-asset__countdown{display:flex;align-items:center;grid-area:countdown;justify-self:flex-end;font-size:.8rem;color:var(--accent-color)}.listed-asset__countdown .icon{margin-left:.3rem;overflow:visible;stroke-width:3;fill:none}.listed-asset__countdown .icon .path-a{stroke:var(--accent-color);stroke-dashoffset:var(--path-length, 0);stroke-dasharray:63}.listed-asset__countdown .icon .path-b{stroke:rgba(var(--text-color), 0.2)}.listed-asset__right-arrow{grid-area:right-arrow;background-color:rgba(var(--text-color), 0.1);border-radius:1rem;padding:.1rem;margin-left:.3rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#portfolio_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{position:relative;display:flex;flex-direction:column;height:100%;align-items:flex-start}#asset_page_wrapper{display:flex;flex-direction:column;height:100%;width:100%}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(46rem,100%);height:-webkit-max-content;height:-moz-max-content;height:max-content}#my_orders{grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem;position:-webkit-sticky;position:sticky;top:0;background-color:rgba(var(--background-color), 1);z-index:2;transition:background-color .3s}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;grid-template-columns:-webkit-min-content 1fr auto;grid-template-columns:min-content 1fr auto;border-radius:.5rem;grid-template-areas:"checkbox quantity quantity time" "checkbox price amount cancel"}.order-card>.grid:nth-of-type(2){grid-area:price}.order-card>.grid:nth-of-type(3){grid-area:amount}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{grid-area:checkbox;cursor:pointer;margin-right:.5rem}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{grid-area:time;font-size:.8rem;color:rgba(var(--text-color), 0.8)}.order-card .cancel-order{grid-area:cancel;color:var(--danger-color)}.order-card .cancel-order .icon{fill:var(--danger-color)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.completed-trade,.transaction-card,.live-order{gap:0 1rem}.completed-trade__type,.transaction-card__type,.live-order__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.completed-trade[data-type=Bought] .completed-trade__type,.completed-trade--buy .completed-trade__type,.completed-trade[data-type=Bought] .transaction-card__type,.completed-trade--buy .transaction-card__type,.completed-trade[data-type=Bought] .live-order__type,.completed-trade--buy .live-order__type,.transaction-card[data-type=Bought] .completed-trade__type,.transaction-card--buy .completed-trade__type,.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type,.transaction-card[data-type=Bought] .live-order__type,.transaction-card--buy .live-order__type,.live-order[data-type=Bought] .completed-trade__type,.live-order--buy .completed-trade__type,.live-order[data-type=Bought] .transaction-card__type,.live-order--buy .transaction-card__type,.live-order[data-type=Bought] .live-order__type,.live-order--buy .live-order__type{color:var(--green)}.completed-trade[data-type=Sold] .completed-trade__type,.completed-trade--sell .completed-trade__type,.completed-trade[data-type=Sold] .transaction-card__type,.completed-trade--sell .transaction-card__type,.completed-trade[data-type=Sold] .live-order__type,.completed-trade--sell .live-order__type,.transaction-card[data-type=Sold] .completed-trade__type,.transaction-card--sell .completed-trade__type,.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type,.transaction-card[data-type=Sold] .live-order__type,.transaction-card--sell .live-order__type,.live-order[data-type=Sold] .completed-trade__type,.live-order--sell .completed-trade__type,.live-order[data-type=Sold] .transaction-card__type,.live-order--sell .transaction-card__type,.live-order[data-type=Sold] .live-order__type,.live-order--sell .live-order__type{color:var(--danger-color)}.completed-trade__total,.transaction-card__total,.live-order__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.completed-trade__quantity,.completed-trade__price,.transaction-card__quantity,.transaction-card__price,.live-order__quantity,.live-order__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.completed-trade__time,.transaction-card__time,.live-order__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.completed-trade .more-info,.transaction-card .more-info,.live-order .more-info{flex-shrink:0;padding:.3rem}.transaction-card{content-visibility:auto;contain-intrinsic-size:2.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.completed-trade{display:grid;gap:.5rem;grid-template-columns:1fr 1fr;background-color:rgba(var(--text-color), 0.03);border-radius:.5rem;padding:1rem;margin-bottom:.5rem}#market_asset_rates{display:grid;gap:.5rem}#market_asset_rates .listed-asset{padding:1rem;background-color:rgba(var(--text-color), 0.03)}#market_orders_wrapper .list__header{font-size:.8rem;font-weight:500}#market_orders_wrapper .list__header div{padding:.5rem 0}#market_orders_wrapper .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.live-order{display:grid;gap:1rem;padding:1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.03)}.live-order:not(:last-of-type){margin-bottom:.5rem}.live-order[data-type=buy]{background-color:#00fa9a10}.live-order[data-type=sell]{background-color:#e2135110}#portfolio{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start;width:min(32rem,100%)}.portfolio_actions__wrapper{grid-column:1/-1;justify-content:flex-end;gap:.3rem;padding-top:1rem}.portfolio_actions__wrapper .button{color:var(--accent-color);padding:.5rem .8rem;flex-shrink:0}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem;padding-bottom:1.5rem;border:none}.balance-card{display:grid;align-items:center;gap:0 .5rem;padding:1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.03)}.balance-card.is-locked{grid-template-columns:auto auto 1fr auto}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto auto 1fr auto auto}.balance-card input{align-self:center}.balance-card__icon{display:flex;align-content:center;justify-content:center;margin:0 .5rem;border-radius:.8rem;align-self:flex-start;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{margin-top:.5rem;grid-column:3/-1;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#history{padding-top:0 !important;width:min(36rem,100%)}#history .sticky{margin-left:-0.7rem;padding:1rem 0;background-color:rgba(var(--background-color), 1)}.history-entry{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:center;padding:1rem;background-color:rgba(var(--text-color), 0.03);border-radius:.3rem;margin-bottom:.5rem;font-size:.9rem}.history-entry:last-of-type{margin-bottom:2rem}.history-entry>:nth-child(2){text-align:right}.history-entry__status{justify-self:flex-start;font-size:.75rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .5rem;border-radius:1rem;letter-spacing:.05em;margin-left:.5rem}.history-entry .history-entry__amount-wrapper{font-weight:500}.history-entry[data-type=deposit] .history-entry__amount{color:var(--green)}.history-entry[data-type=deposit] .history-entry__amount::before{content:"+ "}.history-entry[data-type=withdraw] .history-entry__amount{color:var(--danger-color)}.history-entry[data-type=withdraw] .history-entry__amount::before{content:"- "}.history-entry__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}#portfolio_cards_wrapper{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit, minmax(12rem, 1fr))}.personal-asset-balance{align-content:flex-start;padding:1rem;border-radius:.5rem;color:rgba(0,0,0,.8);width:100%}.personal-asset-balance:not(:last-of-type){margin-right:.5rem}.personal-asset-balance:nth-of-type(1){background:url("bg-art2.svg") no-repeat bottom right,#c2ffd7;background-size:contain}.personal-asset-balance:nth-of-type(1) .icon{background-color:rgba(102,255,156,.5)}.personal-asset-balance:nth-of-type(1) .button{border:solid thin rgba(102,255,156,.5)}.personal-asset-balance:nth-of-type(2){background:url("back.svg") no-repeat top right,#fcffa8;background-size:contain}.personal-asset-balance:nth-of-type(2) .icon{background-color:rgba(255,234,0,.5)}.personal-asset-balance>.flex{margin-bottom:.3rem}.personal-asset-balance>.flex .icon{height:2rem;width:2rem;padding:.4rem;border-radius:.3rem;fill:rgba(0,0,0,.8);margin-right:.5rem}.personal-asset-balance .button{display:flex;align-items:center;margin-top:.5rem;padding-right:.8rem;justify-self:flex-start;border-radius:1rem;background-color:rgba(var(--foreground-color), 1);color:rgba(var(--text-color), 1);transition:box-shadow .3s}.personal-asset-balance .button .icon{height:1rem;background-color:transparent;margin-right:.3rem}.personal-asset-balance .button:hover{box-shadow:0 .3rem .5rem rgba(0,0,0,.16)}#personal_rupee_balance span:first-of-type,#personal_flo_balance span:first-of-type{font-size:1.5rem}#personal_rupee_balance span:last-of-type,#personal_flo_balance span:last-of-type{font-size:.9rem}#portfolio_result{justify-content:center;text-align:center}#portfolio_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#portfolio_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#portfolio_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}#help{width:min(60ch,100%);margin-bottom:3rem;align-content:flex-start}#help ul{list-style:initial;display:grid;gap:1rem}#help ul li{margin-left:1rem;padding-left:.5rem;font-size:.9rem}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}#main_header{padding:1.5rem}#user_popup_button{width:100%}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}#asset_list_wrapper{padding:0 1.5rem}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#exchange{margin:0;padding:0}#login_form{padding:0 1.5rem}#asset_page__header{display:flex;padding:1rem 1.5rem .5rem .8rem}#chart_header{padding:0 1.5rem .5rem 1.5rem}#trade_form{padding:0 1.5rem}#price_chart_container{flex:1}#asset_page__footer button{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0;color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}#asset_page__footer button .icon{height:1.2rem;margin-bottom:.3rem;margin-right:.3rem}#asset_page__footer button.active{color:var(--accent-color)}#asset_page__footer button.active .icon{fill:var(--accent-color)}.hide-on-mobile{display:none !important}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.popup__header{grid-column:1/-1;padding:1rem 1.5rem 0 1.5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{align-self:flex-start;padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#user_popup_button{justify-self:flex-end}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}#pages_container>*{margin:0 1.5rem;padding:2rem}.is-signed-in #exchange{display:flex}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:17rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:2rem;background-color:var(--accent-color)}.order-card{grid-template-columns:auto 1fr 1fr 1fr auto;grid-template-areas:"checkbox quantity price amount time cancel"}.orders_section__header{background-color:rgba(var(--foreground-color), 1)}#history .sticky{background-color:rgba(var(--foreground-color), 1)}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 52rem){body:not(.is-signed-in) #market{gap:2rem;width:100%;grid-template-columns:18rem 1fr}.completed-trade{grid-template-columns:1fr 1fr 1fr 8rem;grid-template-areas:"quantity price amount info"}.completed-trade .quantity-block{grid-area:quantity}.completed-trade .price-block{grid-area:price}.completed-trade .amount-block{grid-area:amount}.completed-trade .info-block{grid-area:info}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page_wrapper{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}}
\ No newline at end of file
+*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #516beb;--text-color: 20, 20, 20;--foreground-color: 252, 253, 255;--background-color: 241, 243, 248;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a4b3ff;--text-color: 220, 220, 220;--foreground-color: 27, 28, 29;--background-color: 21, 22, 22;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{text-decoration:none;color:var(--accent-color)}a:focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a.button{display:flex;align-items:center;padding:.4rem .6rem;border-radius:.3rem;font-size:.9rem;font-weight:500;color:inherit}fieldset{border:none}button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:500;white-space:nowrap;padding:.8rem;border-radius:.3rem;justify-content:center}button:focus-visible{outline:var(--accent-color) solid medium}button:not(:disabled){cursor:pointer}.button{background-color:rgba(var(--text-color), 0.06)}.button--primary,.button--danger{color:rgba(var(--background-color), 1) !important}.button--primary .icon,.button--danger .icon{fill:rgba(var(--background-color), 1)}.button--primary{background-color:var(--accent-color)}.button--danger{background-color:var(--danger-color)}.button--small{padding:.4rem .6rem}.cta{text-transform:uppercase;font-size:.8rem;font-weight:700;letter-spacing:.05em;padding:.8rem 1rem}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}input{accent-color:var(--accent-color)}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}sm-copy{font-size:.9rem}ul{list-style:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wrap-around{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.sticky{position:-webkit-sticky;position:sticky;top:0;z-index:1}.full-bleed{grid-column:1/4}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.flex-direction-column{flex-direction:column}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.5rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem;align-items:center;justify-items:flex-start}.popup__header__close{padding:.5rem;margin-left:-0.5rem}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:auto}.logo h4{text-transform:capitalize;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details:not(:last-of-type){border-bottom:thin solid rgba(var(--text-color), 0.3)}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}details .icon{flex-shrink:0}details[open]{padding-bottom:1rem}details[open] summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.9rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.tooltip{display:flex;position:relative;z-index:8;cursor:pointer}.tooltip .banner{position:absolute;right:0;top:100%;width:min(20rem,100vw - 1rem);display:none;font-size:.9rem;background-color:rgba(var(--foreground-color), 1);padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.1);border:solid thin rgba(var(--text-color), 0.2)}.tooltip:hover .banner{display:block}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem;width:100%;align-items:center}#user_popup_button{background-color:rgba(var(--text-color), 0.06);border-radius:2rem;font-size:.8rem}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;height:100%;justify-content:center;overflow-y:auto}#pages_container>*{padding:0 1.5rem;min-width:min(26rem,100%)}.listed-asset{position:relative;gap:.5rem;padding:1rem 0;border-radius:.5rem;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;grid-template-columns:auto 1fr auto auto;grid-template-areas:"icon name rate right-arrow" "icon name countdown right-arrow"}.listed-asset__icon{grid-area:icon;padding:.5rem;border-radius:1rem;display:flex;background-color:var(--accent-color)}.listed-asset__icon .icon{height:1.2rem;width:1.2rem;fill:rgba(var(--background-color), 1)}.listed-asset__name{grid-area:name;margin-left:.3rem}.listed-asset__rate{grid-area:rate}.listed-asset__countdown{display:flex;align-items:center;grid-area:countdown;justify-self:flex-end;font-size:.8rem;color:var(--accent-color)}.listed-asset__countdown .icon{margin-left:.3rem;overflow:visible;stroke-width:3;fill:none}.listed-asset__countdown .icon .path-a{stroke:var(--accent-color);stroke-dashoffset:var(--path-length, 0);stroke-dasharray:63}.listed-asset__countdown .icon .path-b{stroke:rgba(var(--text-color), 0.2)}.listed-asset__right-arrow{grid-area:right-arrow;background-color:rgba(var(--text-color), 0.1);border-radius:1rem;padding:.1rem;margin-left:.3rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#portfolio_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{position:relative;display:flex;flex-direction:column;height:100%;align-items:flex-start}#asset_page_wrapper{display:flex;flex-direction:column;height:100%;width:100%}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(46rem,100%);height:-webkit-max-content;height:-moz-max-content;height:max-content}#my_orders{grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem;position:-webkit-sticky;position:sticky;top:0;background-color:rgba(var(--background-color), 1);z-index:2;transition:background-color .3s}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;grid-template-columns:-webkit-min-content 1fr auto;grid-template-columns:min-content 1fr auto;border-radius:.5rem;grid-template-areas:"checkbox quantity quantity time" "checkbox price amount cancel"}.order-card>.grid:nth-of-type(2){grid-area:price}.order-card>.grid:nth-of-type(3){grid-area:amount}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{grid-area:checkbox;cursor:pointer;margin-right:.5rem}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{grid-area:time;font-size:.8rem;color:rgba(var(--text-color), 0.8)}.order-card .cancel-order{grid-area:cancel;color:var(--danger-color)}.order-card .cancel-order .icon{fill:var(--danger-color)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.completed-trade,.transaction-card,.live-order{gap:0 1rem}.completed-trade__type,.transaction-card__type,.live-order__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.completed-trade[data-type=Bought] .completed-trade__type,.completed-trade--buy .completed-trade__type,.completed-trade[data-type=Bought] .transaction-card__type,.completed-trade--buy .transaction-card__type,.completed-trade[data-type=Bought] .live-order__type,.completed-trade--buy .live-order__type,.transaction-card[data-type=Bought] .completed-trade__type,.transaction-card--buy .completed-trade__type,.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type,.transaction-card[data-type=Bought] .live-order__type,.transaction-card--buy .live-order__type,.live-order[data-type=Bought] .completed-trade__type,.live-order--buy .completed-trade__type,.live-order[data-type=Bought] .transaction-card__type,.live-order--buy .transaction-card__type,.live-order[data-type=Bought] .live-order__type,.live-order--buy .live-order__type{color:var(--green)}.completed-trade[data-type=Sold] .completed-trade__type,.completed-trade--sell .completed-trade__type,.completed-trade[data-type=Sold] .transaction-card__type,.completed-trade--sell .transaction-card__type,.completed-trade[data-type=Sold] .live-order__type,.completed-trade--sell .live-order__type,.transaction-card[data-type=Sold] .completed-trade__type,.transaction-card--sell .completed-trade__type,.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type,.transaction-card[data-type=Sold] .live-order__type,.transaction-card--sell .live-order__type,.live-order[data-type=Sold] .completed-trade__type,.live-order--sell .completed-trade__type,.live-order[data-type=Sold] .transaction-card__type,.live-order--sell .transaction-card__type,.live-order[data-type=Sold] .live-order__type,.live-order--sell .live-order__type{color:var(--danger-color)}.completed-trade__total,.transaction-card__total,.live-order__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.completed-trade__quantity,.completed-trade__price,.transaction-card__quantity,.transaction-card__price,.live-order__quantity,.live-order__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.completed-trade__time,.transaction-card__time,.live-order__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.completed-trade .more-info,.transaction-card .more-info,.live-order .more-info{flex-shrink:0;padding:.3rem}.transaction-card{content-visibility:auto;contain-intrinsic-size:2.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.completed-trade{display:grid;gap:.5rem;grid-template-columns:1fr 1fr;background-color:rgba(var(--text-color), 0.03);border-radius:.5rem;padding:1rem;margin-bottom:.5rem}#market_asset_rates{display:grid;gap:.5rem}#market_asset_rates .listed-asset{padding:1rem;background-color:rgba(var(--text-color), 0.03)}#market_orders_wrapper .list__header{font-size:.8rem;font-weight:500}#market_orders_wrapper .list__header div{padding:.5rem 0}#market_orders_wrapper .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.live-order{display:grid;gap:1rem;padding:1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.03)}.live-order:not(:last-of-type){margin-bottom:.5rem}.live-order[data-type=buy]{background-color:#00fa9a10}.live-order[data-type=sell]{background-color:#e2135110}#portfolio{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start;width:min(32rem,100%)}.portfolio_actions__wrapper{grid-column:1/-1;justify-content:flex-end;gap:.3rem;padding-top:1rem}.portfolio_actions__wrapper .button{color:var(--accent-color);padding:.5rem .8rem;flex-shrink:0}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem;padding-bottom:1.5rem;border:none}.balance-card{display:grid;align-items:center;gap:0 .5rem;padding:1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.03)}.balance-card.is-locked{grid-template-columns:auto auto 1fr auto}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto auto 1fr auto auto}.balance-card input{align-self:center}.balance-card__icon{display:flex;align-content:center;justify-content:center;margin:0 .5rem;border-radius:.8rem;align-self:flex-start;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{margin-top:.5rem;grid-column:3/-1;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#history{padding-top:0 !important;width:min(36rem,100%)}#history .sticky{margin-left:-0.7rem;padding:1rem 0;background-color:rgba(var(--background-color), 1)}.history-entry{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:center;padding:1rem;background-color:rgba(var(--text-color), 0.03);border-radius:.3rem;margin-bottom:.5rem}.history-entry:last-of-type{margin-bottom:2rem}.history-entry>:nth-child(2){text-align:right}.history-entry__status{justify-self:flex-start;font-size:.75rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .5rem;border-radius:1rem;letter-spacing:.05em;margin-left:.5rem}.history-entry .history-entry__amount-wrapper{font-weight:500}.history-entry[data-type=deposit] .history-entry__amount{color:var(--green)}.history-entry[data-type=deposit] .history-entry__amount::before{content:"+ "}.history-entry[data-type=withdraw] .history-entry__amount{color:var(--danger-color)}.history-entry[data-type=withdraw] .history-entry__amount::before{content:"- "}.history-entry__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}#portfolio_cards_wrapper{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit, minmax(12rem, 1fr))}.personal-asset-balance{align-content:flex-start;padding:1rem;border-radius:.5rem;color:rgba(0,0,0,.8);width:100%}.personal-asset-balance:not(:last-of-type){margin-right:.5rem}.personal-asset-balance:nth-of-type(1){background:url("bg-art2.svg") no-repeat bottom right,#c2ffd7;background-size:contain}.personal-asset-balance:nth-of-type(1) .icon{background-color:rgba(102,255,156,.5)}.personal-asset-balance:nth-of-type(1) .button{border:solid thin rgba(102,255,156,.5)}.personal-asset-balance:nth-of-type(2){background:url("back.svg") no-repeat top right,#fcffa8;background-size:contain}.personal-asset-balance:nth-of-type(2) .icon{background-color:rgba(255,234,0,.5)}.personal-asset-balance>.flex{margin-bottom:.3rem}.personal-asset-balance>.flex .icon{height:2rem;width:2rem;padding:.4rem;border-radius:.3rem;fill:rgba(0,0,0,.8);margin-right:.5rem}.personal-asset-balance .button{display:flex;align-items:center;margin-top:.5rem;padding-right:.8rem;justify-self:flex-start;border-radius:1rem;background-color:rgba(var(--foreground-color), 1);color:rgba(var(--text-color), 1);transition:box-shadow .3s}.personal-asset-balance .button .icon{height:1rem;background-color:transparent;margin-right:.3rem}.personal-asset-balance .button:hover{box-shadow:0 .3rem .5rem rgba(0,0,0,.16)}#personal_rupee_balance span:first-of-type,#personal_flo_balance span:first-of-type{font-size:1.5rem}#personal_rupee_balance span:last-of-type,#personal_flo_balance span:last-of-type{font-size:.9rem}#portfolio_result{justify-content:center;text-align:center}#portfolio_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#portfolio_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#portfolio_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}#help{width:min(60ch,100%);margin-bottom:3rem;align-content:flex-start}#help ul{list-style:initial;display:grid;gap:1rem}#help ul li{margin-left:1rem;padding-left:.5rem;font-size:.9rem}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}#main_header{padding:1.5rem}#user_popup_button{width:100%}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}#asset_list_wrapper{padding:0 1.5rem}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#exchange{margin:0;padding:0}#login_form{padding:0 1.5rem}#asset_page__header{display:flex;padding:1rem 1.5rem .5rem .8rem}#chart_header{padding:0 1.5rem .5rem 1.5rem}#trade_form{padding:0 1.5rem}#price_chart_container{flex:1}#asset_page__footer button{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0;color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}#asset_page__footer button .icon{height:1.2rem;margin-bottom:.3rem;margin-right:.3rem}#asset_page__footer button.active{color:var(--accent-color)}#asset_page__footer button.active .icon{fill:var(--accent-color)}.hide-on-mobile{display:none !important}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.popup__header{grid-column:1/-1;padding:1rem 1.5rem 0 1.5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{align-self:flex-start;padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#user_popup_button{justify-self:flex-end}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}#pages_container>*{margin:0 1.5rem;padding:2rem}.is-signed-in #exchange{display:flex}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:17rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:2rem;background-color:var(--accent-color)}.order-card{grid-template-columns:auto 1fr 1fr 1fr auto;grid-template-areas:"checkbox quantity price amount time cancel"}.orders_section__header{background-color:rgba(var(--foreground-color), 1)}#history .sticky{background-color:rgba(var(--foreground-color), 1)}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 52rem){body:not(.is-signed-in) #market{gap:2rem;width:100%;grid-template-columns:18rem 1fr}.completed-trade{grid-template-columns:1fr 1fr 1fr 8rem;grid-template-areas:"quantity price amount info"}.completed-trade .quantity-block{grid-area:quantity}.completed-trade .price-block{grid-area:price}.completed-trade .amount-block{grid-area:amount}.completed-trade .info-block{grid-area:info}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page_wrapper{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}}
\ No newline at end of file
diff --git a/docs/css/main.scss b/docs/css/main.scss
index a0c4941..14bb210 100644
--- a/docs/css/main.scss
+++ b/docs/css/main.scss
@@ -1051,7 +1051,6 @@ sm-checkbox {
   background-color: rgba(var(--text-color), 0.03);
   border-radius: 0.3rem;
   margin-bottom: 0.5rem;
-  font-size: 0.9rem;
   &:last-of-type {
     margin-bottom: 2rem;
   }

From f11e121b950c02edf1fe8fec4c9016cfa849f6c3 Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Sun, 29 May 2022 01:11:29 +0530
Subject: [PATCH 116/168] code refactoring

---
 docs/css/main.css     |  1 +
 docs/css/main.min.css |  2 +-
 docs/css/main.scss    |  1 +
 docs/index.html       | 75 ++++++++++++++++++-------------------------
 4 files changed, 35 insertions(+), 44 deletions(-)

diff --git a/docs/css/main.css b/docs/css/main.css
index 1ad0e02..df3c584 100644
--- a/docs/css/main.css
+++ b/docs/css/main.css
@@ -1615,6 +1615,7 @@ sm-checkbox {
 
   .is-signed-in #exchange {
     display: flex;
+    width: 100%;
   }
   .is-signed-in #exchange_wrapper {
     display: grid;
diff --git a/docs/css/main.min.css b/docs/css/main.min.css
index 019dcac..f32cd8d 100644
--- a/docs/css/main.min.css
+++ b/docs/css/main.min.css
@@ -1 +1 @@
-*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #516beb;--text-color: 20, 20, 20;--foreground-color: 252, 253, 255;--background-color: 241, 243, 248;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a4b3ff;--text-color: 220, 220, 220;--foreground-color: 27, 28, 29;--background-color: 21, 22, 22;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{text-decoration:none;color:var(--accent-color)}a:focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a.button{display:flex;align-items:center;padding:.4rem .6rem;border-radius:.3rem;font-size:.9rem;font-weight:500;color:inherit}fieldset{border:none}button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:500;white-space:nowrap;padding:.8rem;border-radius:.3rem;justify-content:center}button:focus-visible{outline:var(--accent-color) solid medium}button:not(:disabled){cursor:pointer}.button{background-color:rgba(var(--text-color), 0.06)}.button--primary,.button--danger{color:rgba(var(--background-color), 1) !important}.button--primary .icon,.button--danger .icon{fill:rgba(var(--background-color), 1)}.button--primary{background-color:var(--accent-color)}.button--danger{background-color:var(--danger-color)}.button--small{padding:.4rem .6rem}.cta{text-transform:uppercase;font-size:.8rem;font-weight:700;letter-spacing:.05em;padding:.8rem 1rem}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}input{accent-color:var(--accent-color)}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}sm-copy{font-size:.9rem}ul{list-style:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wrap-around{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.sticky{position:-webkit-sticky;position:sticky;top:0;z-index:1}.full-bleed{grid-column:1/4}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.flex-direction-column{flex-direction:column}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.5rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem;align-items:center;justify-items:flex-start}.popup__header__close{padding:.5rem;margin-left:-0.5rem}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:auto}.logo h4{text-transform:capitalize;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details:not(:last-of-type){border-bottom:thin solid rgba(var(--text-color), 0.3)}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}details .icon{flex-shrink:0}details[open]{padding-bottom:1rem}details[open] summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.9rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.tooltip{display:flex;position:relative;z-index:8;cursor:pointer}.tooltip .banner{position:absolute;right:0;top:100%;width:min(20rem,100vw - 1rem);display:none;font-size:.9rem;background-color:rgba(var(--foreground-color), 1);padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.1);border:solid thin rgba(var(--text-color), 0.2)}.tooltip:hover .banner{display:block}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem;width:100%;align-items:center}#user_popup_button{background-color:rgba(var(--text-color), 0.06);border-radius:2rem;font-size:.8rem}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;height:100%;justify-content:center;overflow-y:auto}#pages_container>*{padding:0 1.5rem;min-width:min(26rem,100%)}.listed-asset{position:relative;gap:.5rem;padding:1rem 0;border-radius:.5rem;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;grid-template-columns:auto 1fr auto auto;grid-template-areas:"icon name rate right-arrow" "icon name countdown right-arrow"}.listed-asset__icon{grid-area:icon;padding:.5rem;border-radius:1rem;display:flex;background-color:var(--accent-color)}.listed-asset__icon .icon{height:1.2rem;width:1.2rem;fill:rgba(var(--background-color), 1)}.listed-asset__name{grid-area:name;margin-left:.3rem}.listed-asset__rate{grid-area:rate}.listed-asset__countdown{display:flex;align-items:center;grid-area:countdown;justify-self:flex-end;font-size:.8rem;color:var(--accent-color)}.listed-asset__countdown .icon{margin-left:.3rem;overflow:visible;stroke-width:3;fill:none}.listed-asset__countdown .icon .path-a{stroke:var(--accent-color);stroke-dashoffset:var(--path-length, 0);stroke-dasharray:63}.listed-asset__countdown .icon .path-b{stroke:rgba(var(--text-color), 0.2)}.listed-asset__right-arrow{grid-area:right-arrow;background-color:rgba(var(--text-color), 0.1);border-radius:1rem;padding:.1rem;margin-left:.3rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#portfolio_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{position:relative;display:flex;flex-direction:column;height:100%;align-items:flex-start}#asset_page_wrapper{display:flex;flex-direction:column;height:100%;width:100%}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(46rem,100%);height:-webkit-max-content;height:-moz-max-content;height:max-content}#my_orders{grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem;position:-webkit-sticky;position:sticky;top:0;background-color:rgba(var(--background-color), 1);z-index:2;transition:background-color .3s}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;grid-template-columns:-webkit-min-content 1fr auto;grid-template-columns:min-content 1fr auto;border-radius:.5rem;grid-template-areas:"checkbox quantity quantity time" "checkbox price amount cancel"}.order-card>.grid:nth-of-type(2){grid-area:price}.order-card>.grid:nth-of-type(3){grid-area:amount}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{grid-area:checkbox;cursor:pointer;margin-right:.5rem}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{grid-area:time;font-size:.8rem;color:rgba(var(--text-color), 0.8)}.order-card .cancel-order{grid-area:cancel;color:var(--danger-color)}.order-card .cancel-order .icon{fill:var(--danger-color)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.completed-trade,.transaction-card,.live-order{gap:0 1rem}.completed-trade__type,.transaction-card__type,.live-order__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.completed-trade[data-type=Bought] .completed-trade__type,.completed-trade--buy .completed-trade__type,.completed-trade[data-type=Bought] .transaction-card__type,.completed-trade--buy .transaction-card__type,.completed-trade[data-type=Bought] .live-order__type,.completed-trade--buy .live-order__type,.transaction-card[data-type=Bought] .completed-trade__type,.transaction-card--buy .completed-trade__type,.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type,.transaction-card[data-type=Bought] .live-order__type,.transaction-card--buy .live-order__type,.live-order[data-type=Bought] .completed-trade__type,.live-order--buy .completed-trade__type,.live-order[data-type=Bought] .transaction-card__type,.live-order--buy .transaction-card__type,.live-order[data-type=Bought] .live-order__type,.live-order--buy .live-order__type{color:var(--green)}.completed-trade[data-type=Sold] .completed-trade__type,.completed-trade--sell .completed-trade__type,.completed-trade[data-type=Sold] .transaction-card__type,.completed-trade--sell .transaction-card__type,.completed-trade[data-type=Sold] .live-order__type,.completed-trade--sell .live-order__type,.transaction-card[data-type=Sold] .completed-trade__type,.transaction-card--sell .completed-trade__type,.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type,.transaction-card[data-type=Sold] .live-order__type,.transaction-card--sell .live-order__type,.live-order[data-type=Sold] .completed-trade__type,.live-order--sell .completed-trade__type,.live-order[data-type=Sold] .transaction-card__type,.live-order--sell .transaction-card__type,.live-order[data-type=Sold] .live-order__type,.live-order--sell .live-order__type{color:var(--danger-color)}.completed-trade__total,.transaction-card__total,.live-order__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.completed-trade__quantity,.completed-trade__price,.transaction-card__quantity,.transaction-card__price,.live-order__quantity,.live-order__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.completed-trade__time,.transaction-card__time,.live-order__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.completed-trade .more-info,.transaction-card .more-info,.live-order .more-info{flex-shrink:0;padding:.3rem}.transaction-card{content-visibility:auto;contain-intrinsic-size:2.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.completed-trade{display:grid;gap:.5rem;grid-template-columns:1fr 1fr;background-color:rgba(var(--text-color), 0.03);border-radius:.5rem;padding:1rem;margin-bottom:.5rem}#market_asset_rates{display:grid;gap:.5rem}#market_asset_rates .listed-asset{padding:1rem;background-color:rgba(var(--text-color), 0.03)}#market_orders_wrapper .list__header{font-size:.8rem;font-weight:500}#market_orders_wrapper .list__header div{padding:.5rem 0}#market_orders_wrapper .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.live-order{display:grid;gap:1rem;padding:1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.03)}.live-order:not(:last-of-type){margin-bottom:.5rem}.live-order[data-type=buy]{background-color:#00fa9a10}.live-order[data-type=sell]{background-color:#e2135110}#portfolio{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start;width:min(32rem,100%)}.portfolio_actions__wrapper{grid-column:1/-1;justify-content:flex-end;gap:.3rem;padding-top:1rem}.portfolio_actions__wrapper .button{color:var(--accent-color);padding:.5rem .8rem;flex-shrink:0}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem;padding-bottom:1.5rem;border:none}.balance-card{display:grid;align-items:center;gap:0 .5rem;padding:1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.03)}.balance-card.is-locked{grid-template-columns:auto auto 1fr auto}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto auto 1fr auto auto}.balance-card input{align-self:center}.balance-card__icon{display:flex;align-content:center;justify-content:center;margin:0 .5rem;border-radius:.8rem;align-self:flex-start;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{margin-top:.5rem;grid-column:3/-1;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#history{padding-top:0 !important;width:min(36rem,100%)}#history .sticky{margin-left:-0.7rem;padding:1rem 0;background-color:rgba(var(--background-color), 1)}.history-entry{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:center;padding:1rem;background-color:rgba(var(--text-color), 0.03);border-radius:.3rem;margin-bottom:.5rem}.history-entry:last-of-type{margin-bottom:2rem}.history-entry>:nth-child(2){text-align:right}.history-entry__status{justify-self:flex-start;font-size:.75rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .5rem;border-radius:1rem;letter-spacing:.05em;margin-left:.5rem}.history-entry .history-entry__amount-wrapper{font-weight:500}.history-entry[data-type=deposit] .history-entry__amount{color:var(--green)}.history-entry[data-type=deposit] .history-entry__amount::before{content:"+ "}.history-entry[data-type=withdraw] .history-entry__amount{color:var(--danger-color)}.history-entry[data-type=withdraw] .history-entry__amount::before{content:"- "}.history-entry__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}#portfolio_cards_wrapper{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit, minmax(12rem, 1fr))}.personal-asset-balance{align-content:flex-start;padding:1rem;border-radius:.5rem;color:rgba(0,0,0,.8);width:100%}.personal-asset-balance:not(:last-of-type){margin-right:.5rem}.personal-asset-balance:nth-of-type(1){background:url("bg-art2.svg") no-repeat bottom right,#c2ffd7;background-size:contain}.personal-asset-balance:nth-of-type(1) .icon{background-color:rgba(102,255,156,.5)}.personal-asset-balance:nth-of-type(1) .button{border:solid thin rgba(102,255,156,.5)}.personal-asset-balance:nth-of-type(2){background:url("back.svg") no-repeat top right,#fcffa8;background-size:contain}.personal-asset-balance:nth-of-type(2) .icon{background-color:rgba(255,234,0,.5)}.personal-asset-balance>.flex{margin-bottom:.3rem}.personal-asset-balance>.flex .icon{height:2rem;width:2rem;padding:.4rem;border-radius:.3rem;fill:rgba(0,0,0,.8);margin-right:.5rem}.personal-asset-balance .button{display:flex;align-items:center;margin-top:.5rem;padding-right:.8rem;justify-self:flex-start;border-radius:1rem;background-color:rgba(var(--foreground-color), 1);color:rgba(var(--text-color), 1);transition:box-shadow .3s}.personal-asset-balance .button .icon{height:1rem;background-color:transparent;margin-right:.3rem}.personal-asset-balance .button:hover{box-shadow:0 .3rem .5rem rgba(0,0,0,.16)}#personal_rupee_balance span:first-of-type,#personal_flo_balance span:first-of-type{font-size:1.5rem}#personal_rupee_balance span:last-of-type,#personal_flo_balance span:last-of-type{font-size:.9rem}#portfolio_result{justify-content:center;text-align:center}#portfolio_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#portfolio_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#portfolio_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}#help{width:min(60ch,100%);margin-bottom:3rem;align-content:flex-start}#help ul{list-style:initial;display:grid;gap:1rem}#help ul li{margin-left:1rem;padding-left:.5rem;font-size:.9rem}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}#main_header{padding:1.5rem}#user_popup_button{width:100%}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}#asset_list_wrapper{padding:0 1.5rem}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#exchange{margin:0;padding:0}#login_form{padding:0 1.5rem}#asset_page__header{display:flex;padding:1rem 1.5rem .5rem .8rem}#chart_header{padding:0 1.5rem .5rem 1.5rem}#trade_form{padding:0 1.5rem}#price_chart_container{flex:1}#asset_page__footer button{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0;color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}#asset_page__footer button .icon{height:1.2rem;margin-bottom:.3rem;margin-right:.3rem}#asset_page__footer button.active{color:var(--accent-color)}#asset_page__footer button.active .icon{fill:var(--accent-color)}.hide-on-mobile{display:none !important}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.popup__header{grid-column:1/-1;padding:1rem 1.5rem 0 1.5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{align-self:flex-start;padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#user_popup_button{justify-self:flex-end}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}#pages_container>*{margin:0 1.5rem;padding:2rem}.is-signed-in #exchange{display:flex}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:17rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:2rem;background-color:var(--accent-color)}.order-card{grid-template-columns:auto 1fr 1fr 1fr auto;grid-template-areas:"checkbox quantity price amount time cancel"}.orders_section__header{background-color:rgba(var(--foreground-color), 1)}#history .sticky{background-color:rgba(var(--foreground-color), 1)}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 52rem){body:not(.is-signed-in) #market{gap:2rem;width:100%;grid-template-columns:18rem 1fr}.completed-trade{grid-template-columns:1fr 1fr 1fr 8rem;grid-template-areas:"quantity price amount info"}.completed-trade .quantity-block{grid-area:quantity}.completed-trade .price-block{grid-area:price}.completed-trade .amount-block{grid-area:amount}.completed-trade .info-block{grid-area:info}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page_wrapper{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}}
\ No newline at end of file
+*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #516beb;--text-color: 20, 20, 20;--foreground-color: 252, 253, 255;--background-color: 241, 243, 248;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a4b3ff;--text-color: 220, 220, 220;--foreground-color: 27, 28, 29;--background-color: 21, 22, 22;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{text-decoration:none;color:var(--accent-color)}a:focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a.button{display:flex;align-items:center;padding:.4rem .6rem;border-radius:.3rem;font-size:.9rem;font-weight:500;color:inherit}fieldset{border:none}button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:500;white-space:nowrap;padding:.8rem;border-radius:.3rem;justify-content:center}button:focus-visible{outline:var(--accent-color) solid medium}button:not(:disabled){cursor:pointer}.button{background-color:rgba(var(--text-color), 0.06)}.button--primary,.button--danger{color:rgba(var(--background-color), 1) !important}.button--primary .icon,.button--danger .icon{fill:rgba(var(--background-color), 1)}.button--primary{background-color:var(--accent-color)}.button--danger{background-color:var(--danger-color)}.button--small{padding:.4rem .6rem}.cta{text-transform:uppercase;font-size:.8rem;font-weight:700;letter-spacing:.05em;padding:.8rem 1rem}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}input{accent-color:var(--accent-color)}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}sm-copy{font-size:.9rem}ul{list-style:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wrap-around{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.sticky{position:-webkit-sticky;position:sticky;top:0;z-index:1}.full-bleed{grid-column:1/4}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.flex-direction-column{flex-direction:column}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.5rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem;align-items:center;justify-items:flex-start}.popup__header__close{padding:.5rem;margin-left:-0.5rem}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:auto}.logo h4{text-transform:capitalize;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details:not(:last-of-type){border-bottom:thin solid rgba(var(--text-color), 0.3)}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}details .icon{flex-shrink:0}details[open]{padding-bottom:1rem}details[open] summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.9rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.tooltip{display:flex;position:relative;z-index:8;cursor:pointer}.tooltip .banner{position:absolute;right:0;top:100%;width:min(20rem,100vw - 1rem);display:none;font-size:.9rem;background-color:rgba(var(--foreground-color), 1);padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.1);border:solid thin rgba(var(--text-color), 0.2)}.tooltip:hover .banner{display:block}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem;width:100%;align-items:center}#user_popup_button{background-color:rgba(var(--text-color), 0.06);border-radius:2rem;font-size:.8rem}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;height:100%;justify-content:center;overflow-y:auto}#pages_container>*{padding:0 1.5rem;min-width:min(26rem,100%)}.listed-asset{position:relative;gap:.5rem;padding:1rem 0;border-radius:.5rem;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;grid-template-columns:auto 1fr auto auto;grid-template-areas:"icon name rate right-arrow" "icon name countdown right-arrow"}.listed-asset__icon{grid-area:icon;padding:.5rem;border-radius:1rem;display:flex;background-color:var(--accent-color)}.listed-asset__icon .icon{height:1.2rem;width:1.2rem;fill:rgba(var(--background-color), 1)}.listed-asset__name{grid-area:name;margin-left:.3rem}.listed-asset__rate{grid-area:rate}.listed-asset__countdown{display:flex;align-items:center;grid-area:countdown;justify-self:flex-end;font-size:.8rem;color:var(--accent-color)}.listed-asset__countdown .icon{margin-left:.3rem;overflow:visible;stroke-width:3;fill:none}.listed-asset__countdown .icon .path-a{stroke:var(--accent-color);stroke-dashoffset:var(--path-length, 0);stroke-dasharray:63}.listed-asset__countdown .icon .path-b{stroke:rgba(var(--text-color), 0.2)}.listed-asset__right-arrow{grid-area:right-arrow;background-color:rgba(var(--text-color), 0.1);border-radius:1rem;padding:.1rem;margin-left:.3rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#portfolio_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{position:relative;display:flex;flex-direction:column;height:100%;align-items:flex-start}#asset_page_wrapper{display:flex;flex-direction:column;height:100%;width:100%}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(46rem,100%);height:-webkit-max-content;height:-moz-max-content;height:max-content}#my_orders{grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem;position:-webkit-sticky;position:sticky;top:0;background-color:rgba(var(--background-color), 1);z-index:2;transition:background-color .3s}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;grid-template-columns:-webkit-min-content 1fr auto;grid-template-columns:min-content 1fr auto;border-radius:.5rem;grid-template-areas:"checkbox quantity quantity time" "checkbox price amount cancel"}.order-card>.grid:nth-of-type(2){grid-area:price}.order-card>.grid:nth-of-type(3){grid-area:amount}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{grid-area:checkbox;cursor:pointer;margin-right:.5rem}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{grid-area:time;font-size:.8rem;color:rgba(var(--text-color), 0.8)}.order-card .cancel-order{grid-area:cancel;color:var(--danger-color)}.order-card .cancel-order .icon{fill:var(--danger-color)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.completed-trade,.transaction-card,.live-order{gap:0 1rem}.completed-trade__type,.transaction-card__type,.live-order__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.completed-trade[data-type=Bought] .completed-trade__type,.completed-trade--buy .completed-trade__type,.completed-trade[data-type=Bought] .transaction-card__type,.completed-trade--buy .transaction-card__type,.completed-trade[data-type=Bought] .live-order__type,.completed-trade--buy .live-order__type,.transaction-card[data-type=Bought] .completed-trade__type,.transaction-card--buy .completed-trade__type,.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type,.transaction-card[data-type=Bought] .live-order__type,.transaction-card--buy .live-order__type,.live-order[data-type=Bought] .completed-trade__type,.live-order--buy .completed-trade__type,.live-order[data-type=Bought] .transaction-card__type,.live-order--buy .transaction-card__type,.live-order[data-type=Bought] .live-order__type,.live-order--buy .live-order__type{color:var(--green)}.completed-trade[data-type=Sold] .completed-trade__type,.completed-trade--sell .completed-trade__type,.completed-trade[data-type=Sold] .transaction-card__type,.completed-trade--sell .transaction-card__type,.completed-trade[data-type=Sold] .live-order__type,.completed-trade--sell .live-order__type,.transaction-card[data-type=Sold] .completed-trade__type,.transaction-card--sell .completed-trade__type,.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type,.transaction-card[data-type=Sold] .live-order__type,.transaction-card--sell .live-order__type,.live-order[data-type=Sold] .completed-trade__type,.live-order--sell .completed-trade__type,.live-order[data-type=Sold] .transaction-card__type,.live-order--sell .transaction-card__type,.live-order[data-type=Sold] .live-order__type,.live-order--sell .live-order__type{color:var(--danger-color)}.completed-trade__total,.transaction-card__total,.live-order__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.completed-trade__quantity,.completed-trade__price,.transaction-card__quantity,.transaction-card__price,.live-order__quantity,.live-order__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.completed-trade__time,.transaction-card__time,.live-order__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.completed-trade .more-info,.transaction-card .more-info,.live-order .more-info{flex-shrink:0;padding:.3rem}.transaction-card{content-visibility:auto;contain-intrinsic-size:2.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.completed-trade{display:grid;gap:.5rem;grid-template-columns:1fr 1fr;background-color:rgba(var(--text-color), 0.03);border-radius:.5rem;padding:1rem;margin-bottom:.5rem}#market_asset_rates{display:grid;gap:.5rem}#market_asset_rates .listed-asset{padding:1rem;background-color:rgba(var(--text-color), 0.03)}#market_orders_wrapper .list__header{font-size:.8rem;font-weight:500}#market_orders_wrapper .list__header div{padding:.5rem 0}#market_orders_wrapper .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.live-order{display:grid;gap:1rem;padding:1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.03)}.live-order:not(:last-of-type){margin-bottom:.5rem}.live-order[data-type=buy]{background-color:#00fa9a10}.live-order[data-type=sell]{background-color:#e2135110}#portfolio{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start;width:min(32rem,100%)}.portfolio_actions__wrapper{grid-column:1/-1;justify-content:flex-end;gap:.3rem;padding-top:1rem}.portfolio_actions__wrapper .button{color:var(--accent-color);padding:.5rem .8rem;flex-shrink:0}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem;padding-bottom:1.5rem;border:none}.balance-card{display:grid;align-items:center;gap:0 .5rem;padding:1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.03)}.balance-card.is-locked{grid-template-columns:auto auto 1fr auto}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto auto 1fr auto auto}.balance-card input{align-self:center}.balance-card__icon{display:flex;align-content:center;justify-content:center;margin:0 .5rem;border-radius:.8rem;align-self:flex-start;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{margin-top:.5rem;grid-column:3/-1;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#history{padding-top:0 !important;width:min(36rem,100%)}#history .sticky{margin-left:-0.7rem;padding:1rem 0;background-color:rgba(var(--background-color), 1)}.history-entry{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:center;padding:1rem;background-color:rgba(var(--text-color), 0.03);border-radius:.3rem;margin-bottom:.5rem}.history-entry:last-of-type{margin-bottom:2rem}.history-entry>:nth-child(2){text-align:right}.history-entry__status{justify-self:flex-start;font-size:.75rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .5rem;border-radius:1rem;letter-spacing:.05em;margin-left:.5rem}.history-entry .history-entry__amount-wrapper{font-weight:500}.history-entry[data-type=deposit] .history-entry__amount{color:var(--green)}.history-entry[data-type=deposit] .history-entry__amount::before{content:"+ "}.history-entry[data-type=withdraw] .history-entry__amount{color:var(--danger-color)}.history-entry[data-type=withdraw] .history-entry__amount::before{content:"- "}.history-entry__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}#portfolio_cards_wrapper{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit, minmax(12rem, 1fr))}.personal-asset-balance{align-content:flex-start;padding:1rem;border-radius:.5rem;color:rgba(0,0,0,.8);width:100%}.personal-asset-balance:not(:last-of-type){margin-right:.5rem}.personal-asset-balance:nth-of-type(1){background:url("bg-art2.svg") no-repeat bottom right,#c2ffd7;background-size:contain}.personal-asset-balance:nth-of-type(1) .icon{background-color:rgba(102,255,156,.5)}.personal-asset-balance:nth-of-type(1) .button{border:solid thin rgba(102,255,156,.5)}.personal-asset-balance:nth-of-type(2){background:url("back.svg") no-repeat top right,#fcffa8;background-size:contain}.personal-asset-balance:nth-of-type(2) .icon{background-color:rgba(255,234,0,.5)}.personal-asset-balance>.flex{margin-bottom:.3rem}.personal-asset-balance>.flex .icon{height:2rem;width:2rem;padding:.4rem;border-radius:.3rem;fill:rgba(0,0,0,.8);margin-right:.5rem}.personal-asset-balance .button{display:flex;align-items:center;margin-top:.5rem;padding-right:.8rem;justify-self:flex-start;border-radius:1rem;background-color:rgba(var(--foreground-color), 1);color:rgba(var(--text-color), 1);transition:box-shadow .3s}.personal-asset-balance .button .icon{height:1rem;background-color:transparent;margin-right:.3rem}.personal-asset-balance .button:hover{box-shadow:0 .3rem .5rem rgba(0,0,0,.16)}#personal_rupee_balance span:first-of-type,#personal_flo_balance span:first-of-type{font-size:1.5rem}#personal_rupee_balance span:last-of-type,#personal_flo_balance span:last-of-type{font-size:.9rem}#portfolio_result{justify-content:center;text-align:center}#portfolio_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#portfolio_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#portfolio_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}#help{width:min(60ch,100%);margin-bottom:3rem;align-content:flex-start}#help ul{list-style:initial;display:grid;gap:1rem}#help ul li{margin-left:1rem;padding-left:.5rem;font-size:.9rem}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}#main_header{padding:1.5rem}#user_popup_button{width:100%}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}#asset_list_wrapper{padding:0 1.5rem}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#exchange{margin:0;padding:0}#login_form{padding:0 1.5rem}#asset_page__header{display:flex;padding:1rem 1.5rem .5rem .8rem}#chart_header{padding:0 1.5rem .5rem 1.5rem}#trade_form{padding:0 1.5rem}#price_chart_container{flex:1}#asset_page__footer button{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0;color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}#asset_page__footer button .icon{height:1.2rem;margin-bottom:.3rem;margin-right:.3rem}#asset_page__footer button.active{color:var(--accent-color)}#asset_page__footer button.active .icon{fill:var(--accent-color)}.hide-on-mobile{display:none !important}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.popup__header{grid-column:1/-1;padding:1rem 1.5rem 0 1.5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{align-self:flex-start;padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#user_popup_button{justify-self:flex-end}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}#pages_container>*{margin:0 1.5rem;padding:2rem}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:17rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:2rem;background-color:var(--accent-color)}.order-card{grid-template-columns:auto 1fr 1fr 1fr auto;grid-template-areas:"checkbox quantity price amount time cancel"}.orders_section__header{background-color:rgba(var(--foreground-color), 1)}#history .sticky{background-color:rgba(var(--foreground-color), 1)}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 52rem){body:not(.is-signed-in) #market{gap:2rem;width:100%;grid-template-columns:18rem 1fr}.completed-trade{grid-template-columns:1fr 1fr 1fr 8rem;grid-template-areas:"quantity price amount info"}.completed-trade .quantity-block{grid-area:quantity}.completed-trade .price-block{grid-area:price}.completed-trade .amount-block{grid-area:amount}.completed-trade .info-block{grid-area:info}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page_wrapper{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}}
\ No newline at end of file
diff --git a/docs/css/main.scss b/docs/css/main.scss
index 14bb210..7485f2a 100644
--- a/docs/css/main.scss
+++ b/docs/css/main.scss
@@ -1447,6 +1447,7 @@ sm-checkbox {
   .is-signed-in {
     #exchange {
       display: flex;
+      width: 100%;
     }
     #exchange_wrapper {
       display: grid;
diff --git a/docs/index.html b/docs/index.html
index ae4d8a9..3684882 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -821,20 +821,7 @@
             </button>
             <h4>Transaction details</h4>
         </header>
-        <div class="grid gap-1-5">
-            <div id="transaction__buyer_wrapper" class="grid">
-                <h5 class="label capitalize">Buyer</h5>
-                <sm-copy id="transaction__buyer"></sm-copy>
-            </div>
-            <div id="transaction__seller_wrapper" class="grid">
-                <h5 class="label capitalize">Seller</h5>
-                <sm-copy id="transaction__seller"></sm-copy>
-            </div>
-            <div class="grid">
-                <h5 id="transaction_time__label" class="label">Completed</h5>
-                <time style="font-size: 0.9rem;" id="transaction_time"></time>
-            </div>
-        </div>
+        <div id="transaction_details" class="grid gap-1-5"></div>
     </sm-popup>
 
     <!-- templates -->
@@ -1051,6 +1038,7 @@
             <a class="history-entry__txid button" target="_blank">See on blockchain</a>
         </li>
     </template>
+    <script src="//unpkg.com/uhtml"></script>
     <script>
 
         /**
@@ -1064,6 +1052,7 @@
     </script>
     <script id="ui_utils">
         // Global variables
+        const { html, render: renderElem } = uhtml;
         const domRefs = {};
         let timerId;
         const currentYear = new Date().getFullYear();
@@ -1712,7 +1701,9 @@
         }
 
         function showSuggestedPrice(asset = pagesData.params.asset || 'FLO') {
-            getRef('get_price').innerHTML = `
+            renderElem(
+                getRef('get_price'),
+                html`
                 <div class="grid">
                     <div style="font-size: 0.8rem; font-weight: 500; margin-bottom: 0.3rem;">Current price</div>
                     <h3>${formatAmount(floGlobals.exchangeRates[asset])}</h3>
@@ -1725,12 +1716,12 @@
                     <svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/></svg>
                     <p class="banner">
                         ${tradeType === 'buy' ?
-                    `<b>Valid upto</b> is the max price upto which your order can be executed, which is <b>${DEFAULT_TRADE_PRICE_DEVIATION_BUY * 100}%</b> higher than current price.` :
-                    `<b>Valid until</b> is the min price until which your order can be executed, which is <b>${DEFAULT_TRADE_PRICE_DEVIATION_SELL * 100}%</b> lower than current price.`
-                } System will always try to execute your order at the <b>nearest price possible to current price</b>.
+                        html`<b>Valid upto</b> is the max price upto which your order can be executed, which is <b>${DEFAULT_TRADE_PRICE_DEVIATION_BUY * 100}%</b> higher than current price.` :
+                        html`<b>Valid until</b> is the min price until which your order can be executed, which is <b>${DEFAULT_TRADE_PRICE_DEVIATION_SELL * 100}%</b> lower than current price.`
+                    } System will always try to execute your order at the <b>nearest price possible to current price</b>.
                     </p>
-                </div>
-            `
+                </div>`
+            )
         }
 
         const chartDimensions = {
@@ -1979,7 +1970,7 @@
                 entry.querySelector('.history-entry__status').textContent = status === 'SUCCESS' ? 'Success' : 'Pending'
                 entry.querySelector('.history-entry__time').textContent = floGlobals.allTxs.hasOwnProperty(txid) ? getFormattedTime(floGlobals.allTxs[txid].time * 1000) : ''
                 entry.querySelector('.history-entry__txid').href = `https://flosight.duckdns.org/tx/${txid}`
-                return entry
+                return entry;
             }
         }
 
@@ -2460,25 +2451,23 @@
         function showMoreDetails(e) {
             const target = e.target.closest('.more-info')
             showPopup('transaction_info_popup')
-            if (target.dataset.buyer !== 'undefined') {
-                getRef('transaction__buyer_wrapper').classList.remove('hide')
-                getRef('transaction__buyer').value = target.dataset.buyer
-            } else {
-                getRef('transaction__buyer_wrapper').classList.add('hide')
-            }
-            if (target.dataset.seller !== 'undefined') {
-                getRef('transaction__seller_wrapper').classList.remove('hide')
-                getRef('transaction__seller').value = target.dataset.seller
-            } else {
-                getRef('transaction__seller_wrapper').classList.add('hide')
-            }
-            if (target.dataset.time !== undefined) {
-                getRef('transaction_time__label').textContent = target.dataset.pending === 'true' ? 'Placed on' : 'Completed on'
-                getRef('transaction_time').textContent = getFormattedTime(target.dataset.time)
-                getRef('transaction_time').parentNode.classList.remove('hide')
-            } else {
-                getRef('transaction_time').parentNode.classList.add('hide')
-            }
+            renderElem(getRef('transaction_details'), html`
+            ${target.dataset.buyer !== 'undefined' ? html`<div class="grid">
+                    <h5 class="label capitalize">Buyer</h5>
+                    <sm-copy value="${target.dataset.buyer}"></sm-copy>
+                </div> `: ''
+                }
+            ${target.dataset.seller !== 'undefined' ? html`<div class="grid">
+                    <h5 class="label capitalize">Seller</h5>
+                    <sm-copy value="${target.dataset.seller}"></sm-copy>
+                </div> `: ''
+                }
+            ${target.dataset.time !== undefined ? html`<div class="grid">
+                <h5 class="label">${target.dataset.pending === 'true' ? 'Placed on' : 'Completed on'}</h5>
+                <time style="font-size: 0.9rem;">${getFormattedTime(target.dataset.time)}</time>
+            </div>`: ''
+                }
+            `)
         }
 
         getRef('orders_list').addEventListener('click', e => {
@@ -2711,8 +2700,8 @@
         function updateRate(init = false) {
             floExchangeAPI.getRates().then(({ rates, countDown }) => {
                 console.debug(rates);
+                floGlobals.exchangeRates = rates
                 if (init) {
-                    floGlobals.exchangeRates = rates
                     Object.entries(rates).sort((a, b) => a[1] < b[1] ? 1 : -1).forEach(([asset, rate]) => {
                         if (!allTokens.hasOwnProperty(asset)) {
                             allTokens[asset] = {
@@ -2732,13 +2721,13 @@
                             `
                         }))
                     })
+
                 } else {
                     // update rates in UI
                     for (const asset in rates) {
-                        const rate = rates[asset]
                         const listedAsset = getRef(`listed_assets`).querySelector(`[data-listed-asset="${asset}"]`)
                         if (listedAsset) {
-                            listedAsset.querySelector('.listed-asset__rate').textContent = formatAmount(parseFloat(rate))
+                            listedAsset.querySelector('.listed-asset__rate').textContent = formatAmount(parseFloat(rates[asset]))
                             if (floGlobals.countDowns.intervals.hasOwnProperty(asset)) {
                                 clearInterval(floGlobals.countDowns.intervals[asset]);
                             }

From dfb0627f1e36e7b3d1cd3f911b096e617f30ac27 Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Sun, 29 May 2022 01:23:13 +0530
Subject: [PATCH 117/168] minor UI fix

---
 docs/css/main.css     | 4 ++++
 docs/css/main.min.css | 2 +-
 docs/css/main.scss    | 4 ++++
 docs/index.html       | 4 ++--
 4 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/docs/css/main.css b/docs/css/main.css
index df3c584..d868548 100644
--- a/docs/css/main.css
+++ b/docs/css/main.css
@@ -1196,6 +1196,10 @@ sm-checkbox {
   font-size: 0.8rem;
   color: rgba(var(--text-color), 0.8);
 }
+.history-entry__txid {
+  font-weight: 500;
+  font-size: 0.9rem;
+}
 
 #portfolio_cards_wrapper {
   display: grid;
diff --git a/docs/css/main.min.css b/docs/css/main.min.css
index f32cd8d..b129a3c 100644
--- a/docs/css/main.min.css
+++ b/docs/css/main.min.css
@@ -1 +1 @@
-*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #516beb;--text-color: 20, 20, 20;--foreground-color: 252, 253, 255;--background-color: 241, 243, 248;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a4b3ff;--text-color: 220, 220, 220;--foreground-color: 27, 28, 29;--background-color: 21, 22, 22;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{text-decoration:none;color:var(--accent-color)}a:focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a.button{display:flex;align-items:center;padding:.4rem .6rem;border-radius:.3rem;font-size:.9rem;font-weight:500;color:inherit}fieldset{border:none}button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:500;white-space:nowrap;padding:.8rem;border-radius:.3rem;justify-content:center}button:focus-visible{outline:var(--accent-color) solid medium}button:not(:disabled){cursor:pointer}.button{background-color:rgba(var(--text-color), 0.06)}.button--primary,.button--danger{color:rgba(var(--background-color), 1) !important}.button--primary .icon,.button--danger .icon{fill:rgba(var(--background-color), 1)}.button--primary{background-color:var(--accent-color)}.button--danger{background-color:var(--danger-color)}.button--small{padding:.4rem .6rem}.cta{text-transform:uppercase;font-size:.8rem;font-weight:700;letter-spacing:.05em;padding:.8rem 1rem}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}input{accent-color:var(--accent-color)}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}sm-copy{font-size:.9rem}ul{list-style:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wrap-around{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.sticky{position:-webkit-sticky;position:sticky;top:0;z-index:1}.full-bleed{grid-column:1/4}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.flex-direction-column{flex-direction:column}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.5rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem;align-items:center;justify-items:flex-start}.popup__header__close{padding:.5rem;margin-left:-0.5rem}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:auto}.logo h4{text-transform:capitalize;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details:not(:last-of-type){border-bottom:thin solid rgba(var(--text-color), 0.3)}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}details .icon{flex-shrink:0}details[open]{padding-bottom:1rem}details[open] summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.9rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.tooltip{display:flex;position:relative;z-index:8;cursor:pointer}.tooltip .banner{position:absolute;right:0;top:100%;width:min(20rem,100vw - 1rem);display:none;font-size:.9rem;background-color:rgba(var(--foreground-color), 1);padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.1);border:solid thin rgba(var(--text-color), 0.2)}.tooltip:hover .banner{display:block}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem;width:100%;align-items:center}#user_popup_button{background-color:rgba(var(--text-color), 0.06);border-radius:2rem;font-size:.8rem}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;height:100%;justify-content:center;overflow-y:auto}#pages_container>*{padding:0 1.5rem;min-width:min(26rem,100%)}.listed-asset{position:relative;gap:.5rem;padding:1rem 0;border-radius:.5rem;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;grid-template-columns:auto 1fr auto auto;grid-template-areas:"icon name rate right-arrow" "icon name countdown right-arrow"}.listed-asset__icon{grid-area:icon;padding:.5rem;border-radius:1rem;display:flex;background-color:var(--accent-color)}.listed-asset__icon .icon{height:1.2rem;width:1.2rem;fill:rgba(var(--background-color), 1)}.listed-asset__name{grid-area:name;margin-left:.3rem}.listed-asset__rate{grid-area:rate}.listed-asset__countdown{display:flex;align-items:center;grid-area:countdown;justify-self:flex-end;font-size:.8rem;color:var(--accent-color)}.listed-asset__countdown .icon{margin-left:.3rem;overflow:visible;stroke-width:3;fill:none}.listed-asset__countdown .icon .path-a{stroke:var(--accent-color);stroke-dashoffset:var(--path-length, 0);stroke-dasharray:63}.listed-asset__countdown .icon .path-b{stroke:rgba(var(--text-color), 0.2)}.listed-asset__right-arrow{grid-area:right-arrow;background-color:rgba(var(--text-color), 0.1);border-radius:1rem;padding:.1rem;margin-left:.3rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#portfolio_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{position:relative;display:flex;flex-direction:column;height:100%;align-items:flex-start}#asset_page_wrapper{display:flex;flex-direction:column;height:100%;width:100%}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(46rem,100%);height:-webkit-max-content;height:-moz-max-content;height:max-content}#my_orders{grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem;position:-webkit-sticky;position:sticky;top:0;background-color:rgba(var(--background-color), 1);z-index:2;transition:background-color .3s}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;grid-template-columns:-webkit-min-content 1fr auto;grid-template-columns:min-content 1fr auto;border-radius:.5rem;grid-template-areas:"checkbox quantity quantity time" "checkbox price amount cancel"}.order-card>.grid:nth-of-type(2){grid-area:price}.order-card>.grid:nth-of-type(3){grid-area:amount}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{grid-area:checkbox;cursor:pointer;margin-right:.5rem}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{grid-area:time;font-size:.8rem;color:rgba(var(--text-color), 0.8)}.order-card .cancel-order{grid-area:cancel;color:var(--danger-color)}.order-card .cancel-order .icon{fill:var(--danger-color)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.completed-trade,.transaction-card,.live-order{gap:0 1rem}.completed-trade__type,.transaction-card__type,.live-order__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.completed-trade[data-type=Bought] .completed-trade__type,.completed-trade--buy .completed-trade__type,.completed-trade[data-type=Bought] .transaction-card__type,.completed-trade--buy .transaction-card__type,.completed-trade[data-type=Bought] .live-order__type,.completed-trade--buy .live-order__type,.transaction-card[data-type=Bought] .completed-trade__type,.transaction-card--buy .completed-trade__type,.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type,.transaction-card[data-type=Bought] .live-order__type,.transaction-card--buy .live-order__type,.live-order[data-type=Bought] .completed-trade__type,.live-order--buy .completed-trade__type,.live-order[data-type=Bought] .transaction-card__type,.live-order--buy .transaction-card__type,.live-order[data-type=Bought] .live-order__type,.live-order--buy .live-order__type{color:var(--green)}.completed-trade[data-type=Sold] .completed-trade__type,.completed-trade--sell .completed-trade__type,.completed-trade[data-type=Sold] .transaction-card__type,.completed-trade--sell .transaction-card__type,.completed-trade[data-type=Sold] .live-order__type,.completed-trade--sell .live-order__type,.transaction-card[data-type=Sold] .completed-trade__type,.transaction-card--sell .completed-trade__type,.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type,.transaction-card[data-type=Sold] .live-order__type,.transaction-card--sell .live-order__type,.live-order[data-type=Sold] .completed-trade__type,.live-order--sell .completed-trade__type,.live-order[data-type=Sold] .transaction-card__type,.live-order--sell .transaction-card__type,.live-order[data-type=Sold] .live-order__type,.live-order--sell .live-order__type{color:var(--danger-color)}.completed-trade__total,.transaction-card__total,.live-order__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.completed-trade__quantity,.completed-trade__price,.transaction-card__quantity,.transaction-card__price,.live-order__quantity,.live-order__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.completed-trade__time,.transaction-card__time,.live-order__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.completed-trade .more-info,.transaction-card .more-info,.live-order .more-info{flex-shrink:0;padding:.3rem}.transaction-card{content-visibility:auto;contain-intrinsic-size:2.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.completed-trade{display:grid;gap:.5rem;grid-template-columns:1fr 1fr;background-color:rgba(var(--text-color), 0.03);border-radius:.5rem;padding:1rem;margin-bottom:.5rem}#market_asset_rates{display:grid;gap:.5rem}#market_asset_rates .listed-asset{padding:1rem;background-color:rgba(var(--text-color), 0.03)}#market_orders_wrapper .list__header{font-size:.8rem;font-weight:500}#market_orders_wrapper .list__header div{padding:.5rem 0}#market_orders_wrapper .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.live-order{display:grid;gap:1rem;padding:1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.03)}.live-order:not(:last-of-type){margin-bottom:.5rem}.live-order[data-type=buy]{background-color:#00fa9a10}.live-order[data-type=sell]{background-color:#e2135110}#portfolio{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start;width:min(32rem,100%)}.portfolio_actions__wrapper{grid-column:1/-1;justify-content:flex-end;gap:.3rem;padding-top:1rem}.portfolio_actions__wrapper .button{color:var(--accent-color);padding:.5rem .8rem;flex-shrink:0}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem;padding-bottom:1.5rem;border:none}.balance-card{display:grid;align-items:center;gap:0 .5rem;padding:1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.03)}.balance-card.is-locked{grid-template-columns:auto auto 1fr auto}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto auto 1fr auto auto}.balance-card input{align-self:center}.balance-card__icon{display:flex;align-content:center;justify-content:center;margin:0 .5rem;border-radius:.8rem;align-self:flex-start;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{margin-top:.5rem;grid-column:3/-1;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#history{padding-top:0 !important;width:min(36rem,100%)}#history .sticky{margin-left:-0.7rem;padding:1rem 0;background-color:rgba(var(--background-color), 1)}.history-entry{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:center;padding:1rem;background-color:rgba(var(--text-color), 0.03);border-radius:.3rem;margin-bottom:.5rem}.history-entry:last-of-type{margin-bottom:2rem}.history-entry>:nth-child(2){text-align:right}.history-entry__status{justify-self:flex-start;font-size:.75rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .5rem;border-radius:1rem;letter-spacing:.05em;margin-left:.5rem}.history-entry .history-entry__amount-wrapper{font-weight:500}.history-entry[data-type=deposit] .history-entry__amount{color:var(--green)}.history-entry[data-type=deposit] .history-entry__amount::before{content:"+ "}.history-entry[data-type=withdraw] .history-entry__amount{color:var(--danger-color)}.history-entry[data-type=withdraw] .history-entry__amount::before{content:"- "}.history-entry__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}#portfolio_cards_wrapper{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit, minmax(12rem, 1fr))}.personal-asset-balance{align-content:flex-start;padding:1rem;border-radius:.5rem;color:rgba(0,0,0,.8);width:100%}.personal-asset-balance:not(:last-of-type){margin-right:.5rem}.personal-asset-balance:nth-of-type(1){background:url("bg-art2.svg") no-repeat bottom right,#c2ffd7;background-size:contain}.personal-asset-balance:nth-of-type(1) .icon{background-color:rgba(102,255,156,.5)}.personal-asset-balance:nth-of-type(1) .button{border:solid thin rgba(102,255,156,.5)}.personal-asset-balance:nth-of-type(2){background:url("back.svg") no-repeat top right,#fcffa8;background-size:contain}.personal-asset-balance:nth-of-type(2) .icon{background-color:rgba(255,234,0,.5)}.personal-asset-balance>.flex{margin-bottom:.3rem}.personal-asset-balance>.flex .icon{height:2rem;width:2rem;padding:.4rem;border-radius:.3rem;fill:rgba(0,0,0,.8);margin-right:.5rem}.personal-asset-balance .button{display:flex;align-items:center;margin-top:.5rem;padding-right:.8rem;justify-self:flex-start;border-radius:1rem;background-color:rgba(var(--foreground-color), 1);color:rgba(var(--text-color), 1);transition:box-shadow .3s}.personal-asset-balance .button .icon{height:1rem;background-color:transparent;margin-right:.3rem}.personal-asset-balance .button:hover{box-shadow:0 .3rem .5rem rgba(0,0,0,.16)}#personal_rupee_balance span:first-of-type,#personal_flo_balance span:first-of-type{font-size:1.5rem}#personal_rupee_balance span:last-of-type,#personal_flo_balance span:last-of-type{font-size:.9rem}#portfolio_result{justify-content:center;text-align:center}#portfolio_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#portfolio_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#portfolio_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}#help{width:min(60ch,100%);margin-bottom:3rem;align-content:flex-start}#help ul{list-style:initial;display:grid;gap:1rem}#help ul li{margin-left:1rem;padding-left:.5rem;font-size:.9rem}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}#main_header{padding:1.5rem}#user_popup_button{width:100%}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}#asset_list_wrapper{padding:0 1.5rem}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#exchange{margin:0;padding:0}#login_form{padding:0 1.5rem}#asset_page__header{display:flex;padding:1rem 1.5rem .5rem .8rem}#chart_header{padding:0 1.5rem .5rem 1.5rem}#trade_form{padding:0 1.5rem}#price_chart_container{flex:1}#asset_page__footer button{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0;color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}#asset_page__footer button .icon{height:1.2rem;margin-bottom:.3rem;margin-right:.3rem}#asset_page__footer button.active{color:var(--accent-color)}#asset_page__footer button.active .icon{fill:var(--accent-color)}.hide-on-mobile{display:none !important}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.popup__header{grid-column:1/-1;padding:1rem 1.5rem 0 1.5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{align-self:flex-start;padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#user_popup_button{justify-self:flex-end}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}#pages_container>*{margin:0 1.5rem;padding:2rem}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:17rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:2rem;background-color:var(--accent-color)}.order-card{grid-template-columns:auto 1fr 1fr 1fr auto;grid-template-areas:"checkbox quantity price amount time cancel"}.orders_section__header{background-color:rgba(var(--foreground-color), 1)}#history .sticky{background-color:rgba(var(--foreground-color), 1)}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 52rem){body:not(.is-signed-in) #market{gap:2rem;width:100%;grid-template-columns:18rem 1fr}.completed-trade{grid-template-columns:1fr 1fr 1fr 8rem;grid-template-areas:"quantity price amount info"}.completed-trade .quantity-block{grid-area:quantity}.completed-trade .price-block{grid-area:price}.completed-trade .amount-block{grid-area:amount}.completed-trade .info-block{grid-area:info}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page_wrapper{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}}
\ No newline at end of file
+*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #516beb;--text-color: 20, 20, 20;--foreground-color: 252, 253, 255;--background-color: 241, 243, 248;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a4b3ff;--text-color: 220, 220, 220;--foreground-color: 27, 28, 29;--background-color: 21, 22, 22;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{text-decoration:none;color:var(--accent-color)}a:focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a.button{display:flex;align-items:center;padding:.4rem .6rem;border-radius:.3rem;font-size:.9rem;font-weight:500;color:inherit}fieldset{border:none}button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:500;white-space:nowrap;padding:.8rem;border-radius:.3rem;justify-content:center}button:focus-visible{outline:var(--accent-color) solid medium}button:not(:disabled){cursor:pointer}.button{background-color:rgba(var(--text-color), 0.06)}.button--primary,.button--danger{color:rgba(var(--background-color), 1) !important}.button--primary .icon,.button--danger .icon{fill:rgba(var(--background-color), 1)}.button--primary{background-color:var(--accent-color)}.button--danger{background-color:var(--danger-color)}.button--small{padding:.4rem .6rem}.cta{text-transform:uppercase;font-size:.8rem;font-weight:700;letter-spacing:.05em;padding:.8rem 1rem}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}input{accent-color:var(--accent-color)}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}sm-copy{font-size:.9rem}ul{list-style:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wrap-around{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.sticky{position:-webkit-sticky;position:sticky;top:0;z-index:1}.full-bleed{grid-column:1/4}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.flex-direction-column{flex-direction:column}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.5rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem;align-items:center;justify-items:flex-start}.popup__header__close{padding:.5rem;margin-left:-0.5rem}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:auto}.logo h4{text-transform:capitalize;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details:not(:last-of-type){border-bottom:thin solid rgba(var(--text-color), 0.3)}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}details .icon{flex-shrink:0}details[open]{padding-bottom:1rem}details[open] summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.9rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.tooltip{display:flex;position:relative;z-index:8;cursor:pointer}.tooltip .banner{position:absolute;right:0;top:100%;width:min(20rem,100vw - 1rem);display:none;font-size:.9rem;background-color:rgba(var(--foreground-color), 1);padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.1);border:solid thin rgba(var(--text-color), 0.2)}.tooltip:hover .banner{display:block}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem;width:100%;align-items:center}#user_popup_button{background-color:rgba(var(--text-color), 0.06);border-radius:2rem;font-size:.8rem}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;height:100%;justify-content:center;overflow-y:auto}#pages_container>*{padding:0 1.5rem;min-width:min(26rem,100%)}.listed-asset{position:relative;gap:.5rem;padding:1rem 0;border-radius:.5rem;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;grid-template-columns:auto 1fr auto auto;grid-template-areas:"icon name rate right-arrow" "icon name countdown right-arrow"}.listed-asset__icon{grid-area:icon;padding:.5rem;border-radius:1rem;display:flex;background-color:var(--accent-color)}.listed-asset__icon .icon{height:1.2rem;width:1.2rem;fill:rgba(var(--background-color), 1)}.listed-asset__name{grid-area:name;margin-left:.3rem}.listed-asset__rate{grid-area:rate}.listed-asset__countdown{display:flex;align-items:center;grid-area:countdown;justify-self:flex-end;font-size:.8rem;color:var(--accent-color)}.listed-asset__countdown .icon{margin-left:.3rem;overflow:visible;stroke-width:3;fill:none}.listed-asset__countdown .icon .path-a{stroke:var(--accent-color);stroke-dashoffset:var(--path-length, 0);stroke-dasharray:63}.listed-asset__countdown .icon .path-b{stroke:rgba(var(--text-color), 0.2)}.listed-asset__right-arrow{grid-area:right-arrow;background-color:rgba(var(--text-color), 0.1);border-radius:1rem;padding:.1rem;margin-left:.3rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#portfolio_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{position:relative;display:flex;flex-direction:column;height:100%;align-items:flex-start}#asset_page_wrapper{display:flex;flex-direction:column;height:100%;width:100%}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(46rem,100%);height:-webkit-max-content;height:-moz-max-content;height:max-content}#my_orders{grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem;position:-webkit-sticky;position:sticky;top:0;background-color:rgba(var(--background-color), 1);z-index:2;transition:background-color .3s}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;grid-template-columns:-webkit-min-content 1fr auto;grid-template-columns:min-content 1fr auto;border-radius:.5rem;grid-template-areas:"checkbox quantity quantity time" "checkbox price amount cancel"}.order-card>.grid:nth-of-type(2){grid-area:price}.order-card>.grid:nth-of-type(3){grid-area:amount}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{grid-area:checkbox;cursor:pointer;margin-right:.5rem}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{grid-area:time;font-size:.8rem;color:rgba(var(--text-color), 0.8)}.order-card .cancel-order{grid-area:cancel;color:var(--danger-color)}.order-card .cancel-order .icon{fill:var(--danger-color)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.completed-trade,.transaction-card,.live-order{gap:0 1rem}.completed-trade__type,.transaction-card__type,.live-order__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.completed-trade[data-type=Bought] .completed-trade__type,.completed-trade--buy .completed-trade__type,.completed-trade[data-type=Bought] .transaction-card__type,.completed-trade--buy .transaction-card__type,.completed-trade[data-type=Bought] .live-order__type,.completed-trade--buy .live-order__type,.transaction-card[data-type=Bought] .completed-trade__type,.transaction-card--buy .completed-trade__type,.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type,.transaction-card[data-type=Bought] .live-order__type,.transaction-card--buy .live-order__type,.live-order[data-type=Bought] .completed-trade__type,.live-order--buy .completed-trade__type,.live-order[data-type=Bought] .transaction-card__type,.live-order--buy .transaction-card__type,.live-order[data-type=Bought] .live-order__type,.live-order--buy .live-order__type{color:var(--green)}.completed-trade[data-type=Sold] .completed-trade__type,.completed-trade--sell .completed-trade__type,.completed-trade[data-type=Sold] .transaction-card__type,.completed-trade--sell .transaction-card__type,.completed-trade[data-type=Sold] .live-order__type,.completed-trade--sell .live-order__type,.transaction-card[data-type=Sold] .completed-trade__type,.transaction-card--sell .completed-trade__type,.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type,.transaction-card[data-type=Sold] .live-order__type,.transaction-card--sell .live-order__type,.live-order[data-type=Sold] .completed-trade__type,.live-order--sell .completed-trade__type,.live-order[data-type=Sold] .transaction-card__type,.live-order--sell .transaction-card__type,.live-order[data-type=Sold] .live-order__type,.live-order--sell .live-order__type{color:var(--danger-color)}.completed-trade__total,.transaction-card__total,.live-order__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.completed-trade__quantity,.completed-trade__price,.transaction-card__quantity,.transaction-card__price,.live-order__quantity,.live-order__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.completed-trade__time,.transaction-card__time,.live-order__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.completed-trade .more-info,.transaction-card .more-info,.live-order .more-info{flex-shrink:0;padding:.3rem}.transaction-card{content-visibility:auto;contain-intrinsic-size:2.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.completed-trade{display:grid;gap:.5rem;grid-template-columns:1fr 1fr;background-color:rgba(var(--text-color), 0.03);border-radius:.5rem;padding:1rem;margin-bottom:.5rem}#market_asset_rates{display:grid;gap:.5rem}#market_asset_rates .listed-asset{padding:1rem;background-color:rgba(var(--text-color), 0.03)}#market_orders_wrapper .list__header{font-size:.8rem;font-weight:500}#market_orders_wrapper .list__header div{padding:.5rem 0}#market_orders_wrapper .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.live-order{display:grid;gap:1rem;padding:1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.03)}.live-order:not(:last-of-type){margin-bottom:.5rem}.live-order[data-type=buy]{background-color:#00fa9a10}.live-order[data-type=sell]{background-color:#e2135110}#portfolio{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start;width:min(32rem,100%)}.portfolio_actions__wrapper{grid-column:1/-1;justify-content:flex-end;gap:.3rem;padding-top:1rem}.portfolio_actions__wrapper .button{color:var(--accent-color);padding:.5rem .8rem;flex-shrink:0}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem;padding-bottom:1.5rem;border:none}.balance-card{display:grid;align-items:center;gap:0 .5rem;padding:1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.03)}.balance-card.is-locked{grid-template-columns:auto auto 1fr auto}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto auto 1fr auto auto}.balance-card input{align-self:center}.balance-card__icon{display:flex;align-content:center;justify-content:center;margin:0 .5rem;border-radius:.8rem;align-self:flex-start;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{margin-top:.5rem;grid-column:3/-1;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#history{padding-top:0 !important;width:min(36rem,100%)}#history .sticky{margin-left:-0.7rem;padding:1rem 0;background-color:rgba(var(--background-color), 1)}.history-entry{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:center;padding:1rem;background-color:rgba(var(--text-color), 0.03);border-radius:.3rem;margin-bottom:.5rem}.history-entry:last-of-type{margin-bottom:2rem}.history-entry>:nth-child(2){text-align:right}.history-entry__status{justify-self:flex-start;font-size:.75rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .5rem;border-radius:1rem;letter-spacing:.05em;margin-left:.5rem}.history-entry .history-entry__amount-wrapper{font-weight:500}.history-entry[data-type=deposit] .history-entry__amount{color:var(--green)}.history-entry[data-type=deposit] .history-entry__amount::before{content:"+ "}.history-entry[data-type=withdraw] .history-entry__amount{color:var(--danger-color)}.history-entry[data-type=withdraw] .history-entry__amount::before{content:"- "}.history-entry__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.history-entry__txid{font-weight:500;font-size:.9rem}#portfolio_cards_wrapper{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit, minmax(12rem, 1fr))}.personal-asset-balance{align-content:flex-start;padding:1rem;border-radius:.5rem;color:rgba(0,0,0,.8);width:100%}.personal-asset-balance:not(:last-of-type){margin-right:.5rem}.personal-asset-balance:nth-of-type(1){background:url("bg-art2.svg") no-repeat bottom right,#c2ffd7;background-size:contain}.personal-asset-balance:nth-of-type(1) .icon{background-color:rgba(102,255,156,.5)}.personal-asset-balance:nth-of-type(1) .button{border:solid thin rgba(102,255,156,.5)}.personal-asset-balance:nth-of-type(2){background:url("back.svg") no-repeat top right,#fcffa8;background-size:contain}.personal-asset-balance:nth-of-type(2) .icon{background-color:rgba(255,234,0,.5)}.personal-asset-balance>.flex{margin-bottom:.3rem}.personal-asset-balance>.flex .icon{height:2rem;width:2rem;padding:.4rem;border-radius:.3rem;fill:rgba(0,0,0,.8);margin-right:.5rem}.personal-asset-balance .button{display:flex;align-items:center;margin-top:.5rem;padding-right:.8rem;justify-self:flex-start;border-radius:1rem;background-color:rgba(var(--foreground-color), 1);color:rgba(var(--text-color), 1);transition:box-shadow .3s}.personal-asset-balance .button .icon{height:1rem;background-color:transparent;margin-right:.3rem}.personal-asset-balance .button:hover{box-shadow:0 .3rem .5rem rgba(0,0,0,.16)}#personal_rupee_balance span:first-of-type,#personal_flo_balance span:first-of-type{font-size:1.5rem}#personal_rupee_balance span:last-of-type,#personal_flo_balance span:last-of-type{font-size:.9rem}#portfolio_result{justify-content:center;text-align:center}#portfolio_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#portfolio_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#portfolio_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}#help{width:min(60ch,100%);margin-bottom:3rem;align-content:flex-start}#help ul{list-style:initial;display:grid;gap:1rem}#help ul li{margin-left:1rem;padding-left:.5rem;font-size:.9rem}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}#main_header{padding:1.5rem}#user_popup_button{width:100%}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}#asset_list_wrapper{padding:0 1.5rem}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#exchange{margin:0;padding:0}#login_form{padding:0 1.5rem}#asset_page__header{display:flex;padding:1rem 1.5rem .5rem .8rem}#chart_header{padding:0 1.5rem .5rem 1.5rem}#trade_form{padding:0 1.5rem}#price_chart_container{flex:1}#asset_page__footer button{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0;color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}#asset_page__footer button .icon{height:1.2rem;margin-bottom:.3rem;margin-right:.3rem}#asset_page__footer button.active{color:var(--accent-color)}#asset_page__footer button.active .icon{fill:var(--accent-color)}.hide-on-mobile{display:none !important}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.popup__header{grid-column:1/-1;padding:1rem 1.5rem 0 1.5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{align-self:flex-start;padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#user_popup_button{justify-self:flex-end}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}#pages_container>*{margin:0 1.5rem;padding:2rem}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:17rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:2rem;background-color:var(--accent-color)}.order-card{grid-template-columns:auto 1fr 1fr 1fr auto;grid-template-areas:"checkbox quantity price amount time cancel"}.orders_section__header{background-color:rgba(var(--foreground-color), 1)}#history .sticky{background-color:rgba(var(--foreground-color), 1)}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 52rem){body:not(.is-signed-in) #market{gap:2rem;width:100%;grid-template-columns:18rem 1fr}.completed-trade{grid-template-columns:1fr 1fr 1fr 8rem;grid-template-areas:"quantity price amount info"}.completed-trade .quantity-block{grid-area:quantity}.completed-trade .price-block{grid-area:price}.completed-trade .amount-block{grid-area:amount}.completed-trade .info-block{grid-area:info}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page_wrapper{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}}
\ No newline at end of file
diff --git a/docs/css/main.scss b/docs/css/main.scss
index 7485f2a..acf74a9 100644
--- a/docs/css/main.scss
+++ b/docs/css/main.scss
@@ -1089,6 +1089,10 @@ sm-checkbox {
     font-size: 0.8rem;
     color: rgba(var(--text-color), 0.8);
   }
+  &__txid {
+    font-weight: 500;
+    font-size: 0.9rem;
+  }
 }
 #portfolio_cards_wrapper {
   display: grid;
diff --git a/docs/index.html b/docs/index.html
index 3684882..da7c773 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -910,7 +910,7 @@
     <template id="market_order_template">
         <li class="live-order align-center">
             <div class="flex gap-1 space-between align-center">
-                <b class="transaction-card__quantity"></b>
+                <b class="transaction-card__quantity wrap-around"></b>
                 <button class="more-info" title="View order details">
                     <svg xmlns="http://www.w3.org/2000/svg" class="icon" height="24px" viewBox="0 0 24 24" width="24px">
                         <path d="M0 0h24v24H0V0z" fill="none" />
@@ -1035,7 +1035,7 @@
                 <span class="history-entry__token"></span>
             </b>
             <time class="history-entry__time"></time>
-            <a class="history-entry__txid button" target="_blank">See on blockchain</a>
+            <a class="history-entry__txid" target="_blank">See on blockchain</a>
         </li>
     </template>
     <script src="//unpkg.com/uhtml"></script>

From d076a69cea01278beb37128e02bd7edaed0bb738 Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Sun, 29 May 2022 18:48:48 +0530
Subject: [PATCH 118/168] minor UI changes

---
 docs/css/main.css     | 3 ++-
 docs/css/main.min.css | 2 +-
 docs/css/main.scss    | 3 ++-
 docs/index.html       | 5 +++--
 4 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/docs/css/main.css b/docs/css/main.css
index d868548..30a0de2 100644
--- a/docs/css/main.css
+++ b/docs/css/main.css
@@ -76,7 +76,7 @@ a.button {
   border-radius: 0.3rem;
   font-size: 0.9rem;
   font-weight: 500;
-  color: inherit;
+  color: var(--accent-color);
 }
 
 fieldset {
@@ -111,6 +111,7 @@ button:not(:disabled) {
 }
 
 .button {
+  color: var(--accent-color);
   background-color: rgba(var(--text-color), 0.06);
 }
 .button--primary, .button--danger {
diff --git a/docs/css/main.min.css b/docs/css/main.min.css
index b129a3c..588005e 100644
--- a/docs/css/main.min.css
+++ b/docs/css/main.min.css
@@ -1 +1 @@
-*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #516beb;--text-color: 20, 20, 20;--foreground-color: 252, 253, 255;--background-color: 241, 243, 248;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a4b3ff;--text-color: 220, 220, 220;--foreground-color: 27, 28, 29;--background-color: 21, 22, 22;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{text-decoration:none;color:var(--accent-color)}a:focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a.button{display:flex;align-items:center;padding:.4rem .6rem;border-radius:.3rem;font-size:.9rem;font-weight:500;color:inherit}fieldset{border:none}button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:500;white-space:nowrap;padding:.8rem;border-radius:.3rem;justify-content:center}button:focus-visible{outline:var(--accent-color) solid medium}button:not(:disabled){cursor:pointer}.button{background-color:rgba(var(--text-color), 0.06)}.button--primary,.button--danger{color:rgba(var(--background-color), 1) !important}.button--primary .icon,.button--danger .icon{fill:rgba(var(--background-color), 1)}.button--primary{background-color:var(--accent-color)}.button--danger{background-color:var(--danger-color)}.button--small{padding:.4rem .6rem}.cta{text-transform:uppercase;font-size:.8rem;font-weight:700;letter-spacing:.05em;padding:.8rem 1rem}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}input{accent-color:var(--accent-color)}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}sm-copy{font-size:.9rem}ul{list-style:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wrap-around{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.sticky{position:-webkit-sticky;position:sticky;top:0;z-index:1}.full-bleed{grid-column:1/4}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.flex-direction-column{flex-direction:column}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.5rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem;align-items:center;justify-items:flex-start}.popup__header__close{padding:.5rem;margin-left:-0.5rem}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:auto}.logo h4{text-transform:capitalize;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details:not(:last-of-type){border-bottom:thin solid rgba(var(--text-color), 0.3)}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}details .icon{flex-shrink:0}details[open]{padding-bottom:1rem}details[open] summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.9rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.tooltip{display:flex;position:relative;z-index:8;cursor:pointer}.tooltip .banner{position:absolute;right:0;top:100%;width:min(20rem,100vw - 1rem);display:none;font-size:.9rem;background-color:rgba(var(--foreground-color), 1);padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.1);border:solid thin rgba(var(--text-color), 0.2)}.tooltip:hover .banner{display:block}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem;width:100%;align-items:center}#user_popup_button{background-color:rgba(var(--text-color), 0.06);border-radius:2rem;font-size:.8rem}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;height:100%;justify-content:center;overflow-y:auto}#pages_container>*{padding:0 1.5rem;min-width:min(26rem,100%)}.listed-asset{position:relative;gap:.5rem;padding:1rem 0;border-radius:.5rem;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;grid-template-columns:auto 1fr auto auto;grid-template-areas:"icon name rate right-arrow" "icon name countdown right-arrow"}.listed-asset__icon{grid-area:icon;padding:.5rem;border-radius:1rem;display:flex;background-color:var(--accent-color)}.listed-asset__icon .icon{height:1.2rem;width:1.2rem;fill:rgba(var(--background-color), 1)}.listed-asset__name{grid-area:name;margin-left:.3rem}.listed-asset__rate{grid-area:rate}.listed-asset__countdown{display:flex;align-items:center;grid-area:countdown;justify-self:flex-end;font-size:.8rem;color:var(--accent-color)}.listed-asset__countdown .icon{margin-left:.3rem;overflow:visible;stroke-width:3;fill:none}.listed-asset__countdown .icon .path-a{stroke:var(--accent-color);stroke-dashoffset:var(--path-length, 0);stroke-dasharray:63}.listed-asset__countdown .icon .path-b{stroke:rgba(var(--text-color), 0.2)}.listed-asset__right-arrow{grid-area:right-arrow;background-color:rgba(var(--text-color), 0.1);border-radius:1rem;padding:.1rem;margin-left:.3rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#portfolio_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{position:relative;display:flex;flex-direction:column;height:100%;align-items:flex-start}#asset_page_wrapper{display:flex;flex-direction:column;height:100%;width:100%}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(46rem,100%);height:-webkit-max-content;height:-moz-max-content;height:max-content}#my_orders{grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem;position:-webkit-sticky;position:sticky;top:0;background-color:rgba(var(--background-color), 1);z-index:2;transition:background-color .3s}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;grid-template-columns:-webkit-min-content 1fr auto;grid-template-columns:min-content 1fr auto;border-radius:.5rem;grid-template-areas:"checkbox quantity quantity time" "checkbox price amount cancel"}.order-card>.grid:nth-of-type(2){grid-area:price}.order-card>.grid:nth-of-type(3){grid-area:amount}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{grid-area:checkbox;cursor:pointer;margin-right:.5rem}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{grid-area:time;font-size:.8rem;color:rgba(var(--text-color), 0.8)}.order-card .cancel-order{grid-area:cancel;color:var(--danger-color)}.order-card .cancel-order .icon{fill:var(--danger-color)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.completed-trade,.transaction-card,.live-order{gap:0 1rem}.completed-trade__type,.transaction-card__type,.live-order__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.completed-trade[data-type=Bought] .completed-trade__type,.completed-trade--buy .completed-trade__type,.completed-trade[data-type=Bought] .transaction-card__type,.completed-trade--buy .transaction-card__type,.completed-trade[data-type=Bought] .live-order__type,.completed-trade--buy .live-order__type,.transaction-card[data-type=Bought] .completed-trade__type,.transaction-card--buy .completed-trade__type,.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type,.transaction-card[data-type=Bought] .live-order__type,.transaction-card--buy .live-order__type,.live-order[data-type=Bought] .completed-trade__type,.live-order--buy .completed-trade__type,.live-order[data-type=Bought] .transaction-card__type,.live-order--buy .transaction-card__type,.live-order[data-type=Bought] .live-order__type,.live-order--buy .live-order__type{color:var(--green)}.completed-trade[data-type=Sold] .completed-trade__type,.completed-trade--sell .completed-trade__type,.completed-trade[data-type=Sold] .transaction-card__type,.completed-trade--sell .transaction-card__type,.completed-trade[data-type=Sold] .live-order__type,.completed-trade--sell .live-order__type,.transaction-card[data-type=Sold] .completed-trade__type,.transaction-card--sell .completed-trade__type,.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type,.transaction-card[data-type=Sold] .live-order__type,.transaction-card--sell .live-order__type,.live-order[data-type=Sold] .completed-trade__type,.live-order--sell .completed-trade__type,.live-order[data-type=Sold] .transaction-card__type,.live-order--sell .transaction-card__type,.live-order[data-type=Sold] .live-order__type,.live-order--sell .live-order__type{color:var(--danger-color)}.completed-trade__total,.transaction-card__total,.live-order__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.completed-trade__quantity,.completed-trade__price,.transaction-card__quantity,.transaction-card__price,.live-order__quantity,.live-order__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.completed-trade__time,.transaction-card__time,.live-order__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.completed-trade .more-info,.transaction-card .more-info,.live-order .more-info{flex-shrink:0;padding:.3rem}.transaction-card{content-visibility:auto;contain-intrinsic-size:2.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.completed-trade{display:grid;gap:.5rem;grid-template-columns:1fr 1fr;background-color:rgba(var(--text-color), 0.03);border-radius:.5rem;padding:1rem;margin-bottom:.5rem}#market_asset_rates{display:grid;gap:.5rem}#market_asset_rates .listed-asset{padding:1rem;background-color:rgba(var(--text-color), 0.03)}#market_orders_wrapper .list__header{font-size:.8rem;font-weight:500}#market_orders_wrapper .list__header div{padding:.5rem 0}#market_orders_wrapper .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.live-order{display:grid;gap:1rem;padding:1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.03)}.live-order:not(:last-of-type){margin-bottom:.5rem}.live-order[data-type=buy]{background-color:#00fa9a10}.live-order[data-type=sell]{background-color:#e2135110}#portfolio{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start;width:min(32rem,100%)}.portfolio_actions__wrapper{grid-column:1/-1;justify-content:flex-end;gap:.3rem;padding-top:1rem}.portfolio_actions__wrapper .button{color:var(--accent-color);padding:.5rem .8rem;flex-shrink:0}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem;padding-bottom:1.5rem;border:none}.balance-card{display:grid;align-items:center;gap:0 .5rem;padding:1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.03)}.balance-card.is-locked{grid-template-columns:auto auto 1fr auto}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto auto 1fr auto auto}.balance-card input{align-self:center}.balance-card__icon{display:flex;align-content:center;justify-content:center;margin:0 .5rem;border-radius:.8rem;align-self:flex-start;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{margin-top:.5rem;grid-column:3/-1;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#history{padding-top:0 !important;width:min(36rem,100%)}#history .sticky{margin-left:-0.7rem;padding:1rem 0;background-color:rgba(var(--background-color), 1)}.history-entry{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:center;padding:1rem;background-color:rgba(var(--text-color), 0.03);border-radius:.3rem;margin-bottom:.5rem}.history-entry:last-of-type{margin-bottom:2rem}.history-entry>:nth-child(2){text-align:right}.history-entry__status{justify-self:flex-start;font-size:.75rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .5rem;border-radius:1rem;letter-spacing:.05em;margin-left:.5rem}.history-entry .history-entry__amount-wrapper{font-weight:500}.history-entry[data-type=deposit] .history-entry__amount{color:var(--green)}.history-entry[data-type=deposit] .history-entry__amount::before{content:"+ "}.history-entry[data-type=withdraw] .history-entry__amount{color:var(--danger-color)}.history-entry[data-type=withdraw] .history-entry__amount::before{content:"- "}.history-entry__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.history-entry__txid{font-weight:500;font-size:.9rem}#portfolio_cards_wrapper{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit, minmax(12rem, 1fr))}.personal-asset-balance{align-content:flex-start;padding:1rem;border-radius:.5rem;color:rgba(0,0,0,.8);width:100%}.personal-asset-balance:not(:last-of-type){margin-right:.5rem}.personal-asset-balance:nth-of-type(1){background:url("bg-art2.svg") no-repeat bottom right,#c2ffd7;background-size:contain}.personal-asset-balance:nth-of-type(1) .icon{background-color:rgba(102,255,156,.5)}.personal-asset-balance:nth-of-type(1) .button{border:solid thin rgba(102,255,156,.5)}.personal-asset-balance:nth-of-type(2){background:url("back.svg") no-repeat top right,#fcffa8;background-size:contain}.personal-asset-balance:nth-of-type(2) .icon{background-color:rgba(255,234,0,.5)}.personal-asset-balance>.flex{margin-bottom:.3rem}.personal-asset-balance>.flex .icon{height:2rem;width:2rem;padding:.4rem;border-radius:.3rem;fill:rgba(0,0,0,.8);margin-right:.5rem}.personal-asset-balance .button{display:flex;align-items:center;margin-top:.5rem;padding-right:.8rem;justify-self:flex-start;border-radius:1rem;background-color:rgba(var(--foreground-color), 1);color:rgba(var(--text-color), 1);transition:box-shadow .3s}.personal-asset-balance .button .icon{height:1rem;background-color:transparent;margin-right:.3rem}.personal-asset-balance .button:hover{box-shadow:0 .3rem .5rem rgba(0,0,0,.16)}#personal_rupee_balance span:first-of-type,#personal_flo_balance span:first-of-type{font-size:1.5rem}#personal_rupee_balance span:last-of-type,#personal_flo_balance span:last-of-type{font-size:.9rem}#portfolio_result{justify-content:center;text-align:center}#portfolio_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#portfolio_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#portfolio_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}#help{width:min(60ch,100%);margin-bottom:3rem;align-content:flex-start}#help ul{list-style:initial;display:grid;gap:1rem}#help ul li{margin-left:1rem;padding-left:.5rem;font-size:.9rem}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}#main_header{padding:1.5rem}#user_popup_button{width:100%}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}#asset_list_wrapper{padding:0 1.5rem}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#exchange{margin:0;padding:0}#login_form{padding:0 1.5rem}#asset_page__header{display:flex;padding:1rem 1.5rem .5rem .8rem}#chart_header{padding:0 1.5rem .5rem 1.5rem}#trade_form{padding:0 1.5rem}#price_chart_container{flex:1}#asset_page__footer button{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0;color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}#asset_page__footer button .icon{height:1.2rem;margin-bottom:.3rem;margin-right:.3rem}#asset_page__footer button.active{color:var(--accent-color)}#asset_page__footer button.active .icon{fill:var(--accent-color)}.hide-on-mobile{display:none !important}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.popup__header{grid-column:1/-1;padding:1rem 1.5rem 0 1.5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{align-self:flex-start;padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#user_popup_button{justify-self:flex-end}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}#pages_container>*{margin:0 1.5rem;padding:2rem}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:17rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:2rem;background-color:var(--accent-color)}.order-card{grid-template-columns:auto 1fr 1fr 1fr auto;grid-template-areas:"checkbox quantity price amount time cancel"}.orders_section__header{background-color:rgba(var(--foreground-color), 1)}#history .sticky{background-color:rgba(var(--foreground-color), 1)}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 52rem){body:not(.is-signed-in) #market{gap:2rem;width:100%;grid-template-columns:18rem 1fr}.completed-trade{grid-template-columns:1fr 1fr 1fr 8rem;grid-template-areas:"quantity price amount info"}.completed-trade .quantity-block{grid-area:quantity}.completed-trade .price-block{grid-area:price}.completed-trade .amount-block{grid-area:amount}.completed-trade .info-block{grid-area:info}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page_wrapper{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}}
\ No newline at end of file
+*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #516beb;--text-color: 20, 20, 20;--foreground-color: 252, 253, 255;--background-color: 241, 243, 248;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a4b3ff;--text-color: 220, 220, 220;--foreground-color: 27, 28, 29;--background-color: 21, 22, 22;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{text-decoration:none;color:var(--accent-color)}a:focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a.button{display:flex;align-items:center;padding:.4rem .6rem;border-radius:.3rem;font-size:.9rem;font-weight:500;color:var(--accent-color)}fieldset{border:none}button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:500;white-space:nowrap;padding:.8rem;border-radius:.3rem;justify-content:center}button:focus-visible{outline:var(--accent-color) solid medium}button:not(:disabled){cursor:pointer}.button{color:var(--accent-color);background-color:rgba(var(--text-color), 0.06)}.button--primary,.button--danger{color:rgba(var(--background-color), 1) !important}.button--primary .icon,.button--danger .icon{fill:rgba(var(--background-color), 1)}.button--primary{background-color:var(--accent-color)}.button--danger{background-color:var(--danger-color)}.button--small{padding:.4rem .6rem}.cta{text-transform:uppercase;font-size:.8rem;font-weight:700;letter-spacing:.05em;padding:.8rem 1rem}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}input{accent-color:var(--accent-color)}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}sm-copy{font-size:.9rem}ul{list-style:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wrap-around{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.sticky{position:-webkit-sticky;position:sticky;top:0;z-index:1}.full-bleed{grid-column:1/4}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.flex-direction-column{flex-direction:column}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.5rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem;align-items:center;justify-items:flex-start}.popup__header__close{padding:.5rem;margin-left:-0.5rem}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:auto}.logo h4{text-transform:capitalize;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details:not(:last-of-type){border-bottom:thin solid rgba(var(--text-color), 0.3)}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}details .icon{flex-shrink:0}details[open]{padding-bottom:1rem}details[open] summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.9rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.tooltip{display:flex;position:relative;z-index:8;cursor:pointer}.tooltip .banner{position:absolute;right:0;top:100%;width:min(20rem,100vw - 1rem);display:none;font-size:.9rem;background-color:rgba(var(--foreground-color), 1);padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.1);border:solid thin rgba(var(--text-color), 0.2)}.tooltip:hover .banner{display:block}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem;width:100%;align-items:center}#user_popup_button{background-color:rgba(var(--text-color), 0.06);border-radius:2rem;font-size:.8rem}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;height:100%;justify-content:center;overflow-y:auto}#pages_container>*{padding:0 1.5rem;min-width:min(26rem,100%)}.listed-asset{position:relative;gap:.5rem;padding:1rem 0;border-radius:.5rem;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;grid-template-columns:auto 1fr auto auto;grid-template-areas:"icon name rate right-arrow" "icon name countdown right-arrow"}.listed-asset__icon{grid-area:icon;padding:.5rem;border-radius:1rem;display:flex;background-color:var(--accent-color)}.listed-asset__icon .icon{height:1.2rem;width:1.2rem;fill:rgba(var(--background-color), 1)}.listed-asset__name{grid-area:name;margin-left:.3rem}.listed-asset__rate{grid-area:rate}.listed-asset__countdown{display:flex;align-items:center;grid-area:countdown;justify-self:flex-end;font-size:.8rem;color:var(--accent-color)}.listed-asset__countdown .icon{margin-left:.3rem;overflow:visible;stroke-width:3;fill:none}.listed-asset__countdown .icon .path-a{stroke:var(--accent-color);stroke-dashoffset:var(--path-length, 0);stroke-dasharray:63}.listed-asset__countdown .icon .path-b{stroke:rgba(var(--text-color), 0.2)}.listed-asset__right-arrow{grid-area:right-arrow;background-color:rgba(var(--text-color), 0.1);border-radius:1rem;padding:.1rem;margin-left:.3rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#portfolio_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{position:relative;display:flex;flex-direction:column;height:100%;align-items:flex-start}#asset_page_wrapper{display:flex;flex-direction:column;height:100%;width:100%}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(46rem,100%);height:-webkit-max-content;height:-moz-max-content;height:max-content}#my_orders{grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem;position:-webkit-sticky;position:sticky;top:0;background-color:rgba(var(--background-color), 1);z-index:2;transition:background-color .3s}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;grid-template-columns:-webkit-min-content 1fr auto;grid-template-columns:min-content 1fr auto;border-radius:.5rem;grid-template-areas:"checkbox quantity quantity time" "checkbox price amount cancel"}.order-card>.grid:nth-of-type(2){grid-area:price}.order-card>.grid:nth-of-type(3){grid-area:amount}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{grid-area:checkbox;cursor:pointer;margin-right:.5rem}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{grid-area:time;font-size:.8rem;color:rgba(var(--text-color), 0.8)}.order-card .cancel-order{grid-area:cancel;color:var(--danger-color)}.order-card .cancel-order .icon{fill:var(--danger-color)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.completed-trade,.transaction-card,.live-order{gap:0 1rem}.completed-trade__type,.transaction-card__type,.live-order__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.completed-trade[data-type=Bought] .completed-trade__type,.completed-trade--buy .completed-trade__type,.completed-trade[data-type=Bought] .transaction-card__type,.completed-trade--buy .transaction-card__type,.completed-trade[data-type=Bought] .live-order__type,.completed-trade--buy .live-order__type,.transaction-card[data-type=Bought] .completed-trade__type,.transaction-card--buy .completed-trade__type,.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type,.transaction-card[data-type=Bought] .live-order__type,.transaction-card--buy .live-order__type,.live-order[data-type=Bought] .completed-trade__type,.live-order--buy .completed-trade__type,.live-order[data-type=Bought] .transaction-card__type,.live-order--buy .transaction-card__type,.live-order[data-type=Bought] .live-order__type,.live-order--buy .live-order__type{color:var(--green)}.completed-trade[data-type=Sold] .completed-trade__type,.completed-trade--sell .completed-trade__type,.completed-trade[data-type=Sold] .transaction-card__type,.completed-trade--sell .transaction-card__type,.completed-trade[data-type=Sold] .live-order__type,.completed-trade--sell .live-order__type,.transaction-card[data-type=Sold] .completed-trade__type,.transaction-card--sell .completed-trade__type,.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type,.transaction-card[data-type=Sold] .live-order__type,.transaction-card--sell .live-order__type,.live-order[data-type=Sold] .completed-trade__type,.live-order--sell .completed-trade__type,.live-order[data-type=Sold] .transaction-card__type,.live-order--sell .transaction-card__type,.live-order[data-type=Sold] .live-order__type,.live-order--sell .live-order__type{color:var(--danger-color)}.completed-trade__total,.transaction-card__total,.live-order__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.completed-trade__quantity,.completed-trade__price,.transaction-card__quantity,.transaction-card__price,.live-order__quantity,.live-order__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.completed-trade__time,.transaction-card__time,.live-order__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.completed-trade .more-info,.transaction-card .more-info,.live-order .more-info{flex-shrink:0;padding:.3rem}.transaction-card{content-visibility:auto;contain-intrinsic-size:2.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.completed-trade{display:grid;gap:.5rem;grid-template-columns:1fr 1fr;background-color:rgba(var(--text-color), 0.03);border-radius:.5rem;padding:1rem;margin-bottom:.5rem}#market_asset_rates{display:grid;gap:.5rem}#market_asset_rates .listed-asset{padding:1rem;background-color:rgba(var(--text-color), 0.03)}#market_orders_wrapper .list__header{font-size:.8rem;font-weight:500}#market_orders_wrapper .list__header div{padding:.5rem 0}#market_orders_wrapper .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.live-order{display:grid;gap:1rem;padding:1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.03)}.live-order:not(:last-of-type){margin-bottom:.5rem}.live-order[data-type=buy]{background-color:#00fa9a10}.live-order[data-type=sell]{background-color:#e2135110}#portfolio{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start;width:min(32rem,100%)}.portfolio_actions__wrapper{grid-column:1/-1;justify-content:flex-end;gap:.3rem;padding-top:1rem}.portfolio_actions__wrapper .button{color:var(--accent-color);padding:.5rem .8rem;flex-shrink:0}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem;padding-bottom:1.5rem;border:none}.balance-card{display:grid;align-items:center;gap:0 .5rem;padding:1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.03)}.balance-card.is-locked{grid-template-columns:auto auto 1fr auto}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto auto 1fr auto auto}.balance-card input{align-self:center}.balance-card__icon{display:flex;align-content:center;justify-content:center;margin:0 .5rem;border-radius:.8rem;align-self:flex-start;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{margin-top:.5rem;grid-column:3/-1;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#history{padding-top:0 !important;width:min(36rem,100%)}#history .sticky{margin-left:-0.7rem;padding:1rem 0;background-color:rgba(var(--background-color), 1)}.history-entry{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:center;padding:1rem;background-color:rgba(var(--text-color), 0.03);border-radius:.3rem;margin-bottom:.5rem}.history-entry:last-of-type{margin-bottom:2rem}.history-entry>:nth-child(2){text-align:right}.history-entry__status{justify-self:flex-start;font-size:.75rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .5rem;border-radius:1rem;letter-spacing:.05em;margin-left:.5rem}.history-entry .history-entry__amount-wrapper{font-weight:500}.history-entry[data-type=deposit] .history-entry__amount{color:var(--green)}.history-entry[data-type=deposit] .history-entry__amount::before{content:"+ "}.history-entry[data-type=withdraw] .history-entry__amount{color:var(--danger-color)}.history-entry[data-type=withdraw] .history-entry__amount::before{content:"- "}.history-entry__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.history-entry__txid{font-weight:500;font-size:.9rem}#portfolio_cards_wrapper{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit, minmax(12rem, 1fr))}.personal-asset-balance{align-content:flex-start;padding:1rem;border-radius:.5rem;color:rgba(0,0,0,.8);width:100%}.personal-asset-balance:not(:last-of-type){margin-right:.5rem}.personal-asset-balance:nth-of-type(1){background:url("bg-art2.svg") no-repeat bottom right,#c2ffd7;background-size:contain}.personal-asset-balance:nth-of-type(1) .icon{background-color:rgba(102,255,156,.5)}.personal-asset-balance:nth-of-type(1) .button{border:solid thin rgba(102,255,156,.5)}.personal-asset-balance:nth-of-type(2){background:url("back.svg") no-repeat top right,#fcffa8;background-size:contain}.personal-asset-balance:nth-of-type(2) .icon{background-color:rgba(255,234,0,.5)}.personal-asset-balance>.flex{margin-bottom:.3rem}.personal-asset-balance>.flex .icon{height:2rem;width:2rem;padding:.4rem;border-radius:.3rem;fill:rgba(0,0,0,.8);margin-right:.5rem}.personal-asset-balance .button{display:flex;align-items:center;margin-top:.5rem;padding-right:.8rem;justify-self:flex-start;border-radius:1rem;background-color:rgba(var(--foreground-color), 1);color:rgba(var(--text-color), 1);transition:box-shadow .3s}.personal-asset-balance .button .icon{height:1rem;background-color:transparent;margin-right:.3rem}.personal-asset-balance .button:hover{box-shadow:0 .3rem .5rem rgba(0,0,0,.16)}#personal_rupee_balance span:first-of-type,#personal_flo_balance span:first-of-type{font-size:1.5rem}#personal_rupee_balance span:last-of-type,#personal_flo_balance span:last-of-type{font-size:.9rem}#portfolio_result{justify-content:center;text-align:center}#portfolio_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#portfolio_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#portfolio_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}#help{width:min(60ch,100%);margin-bottom:3rem;align-content:flex-start}#help ul{list-style:initial;display:grid;gap:1rem}#help ul li{margin-left:1rem;padding-left:.5rem;font-size:.9rem}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}#main_header{padding:1.5rem}#user_popup_button{width:100%}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}#asset_list_wrapper{padding:0 1.5rem}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#exchange{margin:0;padding:0}#login_form{padding:0 1.5rem}#asset_page__header{display:flex;padding:1rem 1.5rem .5rem .8rem}#chart_header{padding:0 1.5rem .5rem 1.5rem}#trade_form{padding:0 1.5rem}#price_chart_container{flex:1}#asset_page__footer button{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0;color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}#asset_page__footer button .icon{height:1.2rem;margin-bottom:.3rem;margin-right:.3rem}#asset_page__footer button.active{color:var(--accent-color)}#asset_page__footer button.active .icon{fill:var(--accent-color)}.hide-on-mobile{display:none !important}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.popup__header{grid-column:1/-1;padding:1rem 1.5rem 0 1.5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{align-self:flex-start;padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#user_popup_button{justify-self:flex-end}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}#pages_container>*{margin:0 1.5rem;padding:2rem}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:17rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:2rem;background-color:var(--accent-color)}.order-card{grid-template-columns:auto 1fr 1fr 1fr auto;grid-template-areas:"checkbox quantity price amount time cancel"}.orders_section__header{background-color:rgba(var(--foreground-color), 1)}#history .sticky{background-color:rgba(var(--foreground-color), 1)}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 52rem){body:not(.is-signed-in) #market{gap:2rem;width:100%;grid-template-columns:18rem 1fr}.completed-trade{grid-template-columns:1fr 1fr 1fr 8rem;grid-template-areas:"quantity price amount info"}.completed-trade .quantity-block{grid-area:quantity}.completed-trade .price-block{grid-area:price}.completed-trade .amount-block{grid-area:amount}.completed-trade .info-block{grid-area:info}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page_wrapper{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}}
\ No newline at end of file
diff --git a/docs/css/main.scss b/docs/css/main.scss
index acf74a9..35e2b3d 100644
--- a/docs/css/main.scss
+++ b/docs/css/main.scss
@@ -76,7 +76,7 @@ a.button {
   border-radius: 0.3rem;
   font-size: 0.9rem;
   font-weight: 500;
-  color: inherit;
+  color: var(--accent-color);
 }
 fieldset {
   border: none;
@@ -105,6 +105,7 @@ button {
   }
 }
 .button {
+  color: var(--accent-color);
   background-color: rgba(var(--text-color), 0.06);
   &--primary,
   &--danger {
diff --git a/docs/index.html b/docs/index.html
index da7c773..daab700 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -351,9 +351,9 @@
                         </div>
                         <div class="grid gap-0-5">
                             <div class="flex align-center space-between">
-                                <h4>Owned assets on exchange</h4>
+                                <h4>Asset balance</h4>
                                 <div class="flex align-center gap-0-5">
-                                    <a href="#/history" class="button">History</a>
+                                    <a href="#/history" class="button">See history</a>
                                     <div class="tooltip">
                                         <svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px"
                                             viewBox="0 0 24 24" width="24px" fill="#000000">
@@ -2595,6 +2595,7 @@
             }
         })
         document.addEventListener('popupclosed', e => {
+            zIndex--
             switch (e.target.id) {
                 case 'portfolio_popup':
                     hideWalletResult()

From 2c344c46147af80cead089d58c836dbb98bf4e9b Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Sat, 4 Jun 2022 16:51:23 +0530
Subject: [PATCH 119/168] UI/UX and feature update

-- implemented new UI for portfolio assets deposit/withdraw/transfer and view asset specific history
-- minor bug fixes
---
 docs/css/main.css          | 107 ++++----
 docs/css/main.min.css      |   2 +-
 docs/css/main.scss         | 110 ++++++---
 docs/index.html            | 495 ++++++++++++++++++++++---------------
 docs/scripts/components.js |  12 +-
 5 files changed, 435 insertions(+), 291 deletions(-)

diff --git a/docs/css/main.css b/docs/css/main.css
index 30a0de2..fd8ad70 100644
--- a/docs/css/main.css
+++ b/docs/css/main.css
@@ -22,6 +22,7 @@ body {
   --background-color: 241, 243, 248;
   --danger-color: rgb(255, 75, 75);
   --green: #1cad59;
+  --yellow: #bd7200;
   scrollbar-width: thin;
   scrollbar-gutter: stable;
   color: rgba(var(--text-color), 1);
@@ -36,6 +37,7 @@ body[data-theme=dark] {
   --background-color: 21, 22, 22;
   --danger-color: rgb(255, 106, 106);
   --green: #00e676;
+  --yellow: #ffeb3b;
 }
 body[data-theme=dark] sm-popup::part(popup) {
   background-color: rgba(var(--foreground-color), 1);
@@ -1070,18 +1072,6 @@ sm-checkbox {
   width: min(32rem, 100%);
 }
 
-.portfolio_actions__wrapper {
-  grid-column: 1/-1;
-  justify-content: flex-end;
-  gap: 0.3rem;
-  padding-top: 1rem;
-}
-.portfolio_actions__wrapper .button {
-  color: var(--accent-color);
-  padding: 0.5rem 0.8rem;
-  flex-shrink: 0;
-}
-
 .label {
   font-size: 0.8rem;
   color: rgba(var(--text-color), 0.8);
@@ -1100,20 +1090,28 @@ sm-checkbox {
   align-items: center;
   gap: 0 0.5rem;
   padding: 1rem;
+  padding-left: 0.6rem;
   border-radius: 0.3rem;
+  color: inherit;
   background-color: rgba(var(--text-color), 0.03);
 }
 .balance-card.is-locked {
-  grid-template-columns: auto auto 1fr auto;
+  grid-template-columns: auto 1fr auto;
 }
 .balance-card.is-locked .balance-card__icon {
   grid-row: span 2;
 }
-.balance-card:not(.is-locked) {
-  grid-template-columns: auto auto 1fr auto auto;
+.balance-card.is-locked .balance-card__right-arrow {
+  grid-area: 1/3/3/4;
 }
-.balance-card input {
-  align-self: center;
+.balance-card.is-locked .balance-card__amount-wrapper {
+  grid-area: 2/2/3/3;
+}
+.balance-card:not(.is-locked) {
+  grid-template-columns: auto 1fr auto auto;
+}
+.balance-card:not(.is-locked) .balance-card__right-arrow {
+  grid-area: 1/4/2/5;
 }
 .balance-card__icon {
   display: flex;
@@ -1142,6 +1140,12 @@ sm-checkbox {
 .balance-card__amount-wrapper > :nth-child(even) {
   text-align: right;
 }
+.balance-card__right-arrow {
+  background-color: rgba(var(--text-color), 0.1);
+  border-radius: 1rem;
+  padding: 0.1rem;
+  fill: var(--accent-color);
+}
 
 #history {
   padding-top: 0 !important;
@@ -1153,44 +1157,47 @@ sm-checkbox {
   background-color: rgba(var(--background-color), 1);
 }
 
+#exchange_history {
+  margin-top: 0.5rem;
+}
+
 .history-entry {
   display: grid;
-  grid-template-columns: 1fr auto;
-  gap: 0.5rem;
+  grid-template-columns: auto 1fr auto;
+  gap: 0.5rem 1rem;
   align-items: center;
-  padding: 1rem;
-  background-color: rgba(var(--text-color), 0.03);
-  border-radius: 0.3rem;
-  margin-bottom: 0.5rem;
-}
-.history-entry:last-of-type {
   margin-bottom: 2rem;
 }
-.history-entry > :nth-child(2) {
-  text-align: right;
+.history-entry[data-status=SUCCESS] .history-entry__status .icon {
+  fill: var(--green);
+}
+.history-entry[data-status=PENDING] .history-entry__status .icon, .history-entry[data-status=WAITING_CONFIRMATION] .history-entry__status .icon {
+  fill: var(--yellow);
 }
 .history-entry__status {
-  justify-self: flex-start;
-  font-size: 0.75rem;
-  background-color: rgba(var(--text-color), 0.06);
-  padding: 0.3rem 0.5rem;
-  border-radius: 1rem;
-  letter-spacing: 0.05em;
-  margin-left: 0.5rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  grid-row: 1/3;
+  width: 2.5rem;
+  height: 2.5rem;
+  background-color: rgba(var(--text-color), 0.03);
+  border-radius: 2rem;
 }
-.history-entry .history-entry__amount-wrapper {
+.history-entry__token-action {
   font-weight: 500;
 }
-.history-entry[data-type=deposit] .history-entry__amount {
+.history-entry__amount {
+  font-weight: 500;
+  text-align: right;
+}
+.history-entry[data-type=deposit] .history-entry__amount:not(:empty) {
   color: var(--green);
 }
-.history-entry[data-type=deposit] .history-entry__amount::before {
+.history-entry[data-type=deposit] .history-entry__amount:not(:empty)::before {
   content: "+ ";
 }
-.history-entry[data-type=withdraw] .history-entry__amount {
-  color: var(--danger-color);
-}
-.history-entry[data-type=withdraw] .history-entry__amount::before {
+.history-entry[data-type=withdraw] .history-entry__amount:not(:empty)::before {
   content: "- ";
 }
 .history-entry__time {
@@ -1202,6 +1209,17 @@ sm-checkbox {
   font-size: 0.9rem;
 }
 
+#portfolio_asset_page .sticky {
+  margin-top: -1.5rem;
+  margin-left: -0.7rem;
+  padding: 1rem 0;
+  background-color: rgba(var(--background-color), 1);
+}
+
+#portfolio_asset__history {
+  margin-top: 1rem;
+}
+
 #portfolio_cards_wrapper {
   display: grid;
   gap: 0.5rem;
@@ -1463,10 +1481,6 @@ sm-checkbox {
     align-self: center;
   }
 
-  #main_header {
-    padding: 1.5rem;
-  }
-
   #user_popup_button {
     width: 100%;
   }
@@ -1664,7 +1678,8 @@ sm-checkbox {
     background-color: rgba(var(--foreground-color), 1);
   }
 
-  #history .sticky {
+  #history .sticky,
+#portfolio_asset_page .sticky {
     background-color: rgba(var(--foreground-color), 1);
   }
 }
diff --git a/docs/css/main.min.css b/docs/css/main.min.css
index 588005e..7c627dc 100644
--- a/docs/css/main.min.css
+++ b/docs/css/main.min.css
@@ -1 +1 @@
-*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #516beb;--text-color: 20, 20, 20;--foreground-color: 252, 253, 255;--background-color: 241, 243, 248;--danger-color: rgb(255, 75, 75);--green: #1cad59;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a4b3ff;--text-color: 220, 220, 220;--foreground-color: 27, 28, 29;--background-color: 21, 22, 22;--danger-color: rgb(255, 106, 106);--green: #00e676}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{text-decoration:none;color:var(--accent-color)}a:focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a.button{display:flex;align-items:center;padding:.4rem .6rem;border-radius:.3rem;font-size:.9rem;font-weight:500;color:var(--accent-color)}fieldset{border:none}button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:500;white-space:nowrap;padding:.8rem;border-radius:.3rem;justify-content:center}button:focus-visible{outline:var(--accent-color) solid medium}button:not(:disabled){cursor:pointer}.button{color:var(--accent-color);background-color:rgba(var(--text-color), 0.06)}.button--primary,.button--danger{color:rgba(var(--background-color), 1) !important}.button--primary .icon,.button--danger .icon{fill:rgba(var(--background-color), 1)}.button--primary{background-color:var(--accent-color)}.button--danger{background-color:var(--danger-color)}.button--small{padding:.4rem .6rem}.cta{text-transform:uppercase;font-size:.8rem;font-weight:700;letter-spacing:.05em;padding:.8rem 1rem}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}input{accent-color:var(--accent-color)}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}sm-copy{font-size:.9rem}ul{list-style:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wrap-around{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.sticky{position:-webkit-sticky;position:sticky;top:0;z-index:1}.full-bleed{grid-column:1/4}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.flex-direction-column{flex-direction:column}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.5rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem;align-items:center;justify-items:flex-start}.popup__header__close{padding:.5rem;margin-left:-0.5rem}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:auto}.logo h4{text-transform:capitalize;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details:not(:last-of-type){border-bottom:thin solid rgba(var(--text-color), 0.3)}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}details .icon{flex-shrink:0}details[open]{padding-bottom:1rem}details[open] summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.9rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.tooltip{display:flex;position:relative;z-index:8;cursor:pointer}.tooltip .banner{position:absolute;right:0;top:100%;width:min(20rem,100vw - 1rem);display:none;font-size:.9rem;background-color:rgba(var(--foreground-color), 1);padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.1);border:solid thin rgba(var(--text-color), 0.2)}.tooltip:hover .banner{display:block}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem;width:100%;align-items:center}#user_popup_button{background-color:rgba(var(--text-color), 0.06);border-radius:2rem;font-size:.8rem}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;height:100%;justify-content:center;overflow-y:auto}#pages_container>*{padding:0 1.5rem;min-width:min(26rem,100%)}.listed-asset{position:relative;gap:.5rem;padding:1rem 0;border-radius:.5rem;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;grid-template-columns:auto 1fr auto auto;grid-template-areas:"icon name rate right-arrow" "icon name countdown right-arrow"}.listed-asset__icon{grid-area:icon;padding:.5rem;border-radius:1rem;display:flex;background-color:var(--accent-color)}.listed-asset__icon .icon{height:1.2rem;width:1.2rem;fill:rgba(var(--background-color), 1)}.listed-asset__name{grid-area:name;margin-left:.3rem}.listed-asset__rate{grid-area:rate}.listed-asset__countdown{display:flex;align-items:center;grid-area:countdown;justify-self:flex-end;font-size:.8rem;color:var(--accent-color)}.listed-asset__countdown .icon{margin-left:.3rem;overflow:visible;stroke-width:3;fill:none}.listed-asset__countdown .icon .path-a{stroke:var(--accent-color);stroke-dashoffset:var(--path-length, 0);stroke-dasharray:63}.listed-asset__countdown .icon .path-b{stroke:rgba(var(--text-color), 0.2)}.listed-asset__right-arrow{grid-area:right-arrow;background-color:rgba(var(--text-color), 0.1);border-radius:1rem;padding:.1rem;margin-left:.3rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#portfolio_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{position:relative;display:flex;flex-direction:column;height:100%;align-items:flex-start}#asset_page_wrapper{display:flex;flex-direction:column;height:100%;width:100%}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(46rem,100%);height:-webkit-max-content;height:-moz-max-content;height:max-content}#my_orders{grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem;position:-webkit-sticky;position:sticky;top:0;background-color:rgba(var(--background-color), 1);z-index:2;transition:background-color .3s}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;grid-template-columns:-webkit-min-content 1fr auto;grid-template-columns:min-content 1fr auto;border-radius:.5rem;grid-template-areas:"checkbox quantity quantity time" "checkbox price amount cancel"}.order-card>.grid:nth-of-type(2){grid-area:price}.order-card>.grid:nth-of-type(3){grid-area:amount}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{grid-area:checkbox;cursor:pointer;margin-right:.5rem}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{grid-area:time;font-size:.8rem;color:rgba(var(--text-color), 0.8)}.order-card .cancel-order{grid-area:cancel;color:var(--danger-color)}.order-card .cancel-order .icon{fill:var(--danger-color)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.completed-trade,.transaction-card,.live-order{gap:0 1rem}.completed-trade__type,.transaction-card__type,.live-order__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.completed-trade[data-type=Bought] .completed-trade__type,.completed-trade--buy .completed-trade__type,.completed-trade[data-type=Bought] .transaction-card__type,.completed-trade--buy .transaction-card__type,.completed-trade[data-type=Bought] .live-order__type,.completed-trade--buy .live-order__type,.transaction-card[data-type=Bought] .completed-trade__type,.transaction-card--buy .completed-trade__type,.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type,.transaction-card[data-type=Bought] .live-order__type,.transaction-card--buy .live-order__type,.live-order[data-type=Bought] .completed-trade__type,.live-order--buy .completed-trade__type,.live-order[data-type=Bought] .transaction-card__type,.live-order--buy .transaction-card__type,.live-order[data-type=Bought] .live-order__type,.live-order--buy .live-order__type{color:var(--green)}.completed-trade[data-type=Sold] .completed-trade__type,.completed-trade--sell .completed-trade__type,.completed-trade[data-type=Sold] .transaction-card__type,.completed-trade--sell .transaction-card__type,.completed-trade[data-type=Sold] .live-order__type,.completed-trade--sell .live-order__type,.transaction-card[data-type=Sold] .completed-trade__type,.transaction-card--sell .completed-trade__type,.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type,.transaction-card[data-type=Sold] .live-order__type,.transaction-card--sell .live-order__type,.live-order[data-type=Sold] .completed-trade__type,.live-order--sell .completed-trade__type,.live-order[data-type=Sold] .transaction-card__type,.live-order--sell .transaction-card__type,.live-order[data-type=Sold] .live-order__type,.live-order--sell .live-order__type{color:var(--danger-color)}.completed-trade__total,.transaction-card__total,.live-order__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.completed-trade__quantity,.completed-trade__price,.transaction-card__quantity,.transaction-card__price,.live-order__quantity,.live-order__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.completed-trade__time,.transaction-card__time,.live-order__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.completed-trade .more-info,.transaction-card .more-info,.live-order .more-info{flex-shrink:0;padding:.3rem}.transaction-card{content-visibility:auto;contain-intrinsic-size:2.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.completed-trade{display:grid;gap:.5rem;grid-template-columns:1fr 1fr;background-color:rgba(var(--text-color), 0.03);border-radius:.5rem;padding:1rem;margin-bottom:.5rem}#market_asset_rates{display:grid;gap:.5rem}#market_asset_rates .listed-asset{padding:1rem;background-color:rgba(var(--text-color), 0.03)}#market_orders_wrapper .list__header{font-size:.8rem;font-weight:500}#market_orders_wrapper .list__header div{padding:.5rem 0}#market_orders_wrapper .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.live-order{display:grid;gap:1rem;padding:1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.03)}.live-order:not(:last-of-type){margin-bottom:.5rem}.live-order[data-type=buy]{background-color:#00fa9a10}.live-order[data-type=sell]{background-color:#e2135110}#portfolio{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start;width:min(32rem,100%)}.portfolio_actions__wrapper{grid-column:1/-1;justify-content:flex-end;gap:.3rem;padding-top:1rem}.portfolio_actions__wrapper .button{color:var(--accent-color);padding:.5rem .8rem;flex-shrink:0}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem;padding-bottom:1.5rem;border:none}.balance-card{display:grid;align-items:center;gap:0 .5rem;padding:1rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.03)}.balance-card.is-locked{grid-template-columns:auto auto 1fr auto}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card:not(.is-locked){grid-template-columns:auto auto 1fr auto auto}.balance-card input{align-self:center}.balance-card__icon{display:flex;align-content:center;justify-content:center;margin:0 .5rem;border-radius:.8rem;align-self:flex-start;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{margin-top:.5rem;grid-column:3/-1;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}#history{padding-top:0 !important;width:min(36rem,100%)}#history .sticky{margin-left:-0.7rem;padding:1rem 0;background-color:rgba(var(--background-color), 1)}.history-entry{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:center;padding:1rem;background-color:rgba(var(--text-color), 0.03);border-radius:.3rem;margin-bottom:.5rem}.history-entry:last-of-type{margin-bottom:2rem}.history-entry>:nth-child(2){text-align:right}.history-entry__status{justify-self:flex-start;font-size:.75rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .5rem;border-radius:1rem;letter-spacing:.05em;margin-left:.5rem}.history-entry .history-entry__amount-wrapper{font-weight:500}.history-entry[data-type=deposit] .history-entry__amount{color:var(--green)}.history-entry[data-type=deposit] .history-entry__amount::before{content:"+ "}.history-entry[data-type=withdraw] .history-entry__amount{color:var(--danger-color)}.history-entry[data-type=withdraw] .history-entry__amount::before{content:"- "}.history-entry__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.history-entry__txid{font-weight:500;font-size:.9rem}#portfolio_cards_wrapper{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit, minmax(12rem, 1fr))}.personal-asset-balance{align-content:flex-start;padding:1rem;border-radius:.5rem;color:rgba(0,0,0,.8);width:100%}.personal-asset-balance:not(:last-of-type){margin-right:.5rem}.personal-asset-balance:nth-of-type(1){background:url("bg-art2.svg") no-repeat bottom right,#c2ffd7;background-size:contain}.personal-asset-balance:nth-of-type(1) .icon{background-color:rgba(102,255,156,.5)}.personal-asset-balance:nth-of-type(1) .button{border:solid thin rgba(102,255,156,.5)}.personal-asset-balance:nth-of-type(2){background:url("back.svg") no-repeat top right,#fcffa8;background-size:contain}.personal-asset-balance:nth-of-type(2) .icon{background-color:rgba(255,234,0,.5)}.personal-asset-balance>.flex{margin-bottom:.3rem}.personal-asset-balance>.flex .icon{height:2rem;width:2rem;padding:.4rem;border-radius:.3rem;fill:rgba(0,0,0,.8);margin-right:.5rem}.personal-asset-balance .button{display:flex;align-items:center;margin-top:.5rem;padding-right:.8rem;justify-self:flex-start;border-radius:1rem;background-color:rgba(var(--foreground-color), 1);color:rgba(var(--text-color), 1);transition:box-shadow .3s}.personal-asset-balance .button .icon{height:1rem;background-color:transparent;margin-right:.3rem}.personal-asset-balance .button:hover{box-shadow:0 .3rem .5rem rgba(0,0,0,.16)}#personal_rupee_balance span:first-of-type,#personal_flo_balance span:first-of-type{font-size:1.5rem}#personal_rupee_balance span:last-of-type,#personal_flo_balance span:last-of-type{font-size:.9rem}#portfolio_result{justify-content:center;text-align:center}#portfolio_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#portfolio_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#portfolio_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}#help{width:min(60ch,100%);margin-bottom:3rem;align-content:flex-start}#help ul{list-style:initial;display:grid;gap:1rem}#help ul li{margin-left:1rem;padding-left:.5rem;font-size:.9rem}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}#main_header{padding:1.5rem}#user_popup_button{width:100%}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}#asset_list_wrapper{padding:0 1.5rem}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#exchange{margin:0;padding:0}#login_form{padding:0 1.5rem}#asset_page__header{display:flex;padding:1rem 1.5rem .5rem .8rem}#chart_header{padding:0 1.5rem .5rem 1.5rem}#trade_form{padding:0 1.5rem}#price_chart_container{flex:1}#asset_page__footer button{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0;color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}#asset_page__footer button .icon{height:1.2rem;margin-bottom:.3rem;margin-right:.3rem}#asset_page__footer button.active{color:var(--accent-color)}#asset_page__footer button.active .icon{fill:var(--accent-color)}.hide-on-mobile{display:none !important}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.popup__header{grid-column:1/-1;padding:1rem 1.5rem 0 1.5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{align-self:flex-start;padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#user_popup_button{justify-self:flex-end}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}#pages_container>*{margin:0 1.5rem;padding:2rem}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:17rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:2rem;background-color:var(--accent-color)}.order-card{grid-template-columns:auto 1fr 1fr 1fr auto;grid-template-areas:"checkbox quantity price amount time cancel"}.orders_section__header{background-color:rgba(var(--foreground-color), 1)}#history .sticky{background-color:rgba(var(--foreground-color), 1)}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 52rem){body:not(.is-signed-in) #market{gap:2rem;width:100%;grid-template-columns:18rem 1fr}.completed-trade{grid-template-columns:1fr 1fr 1fr 8rem;grid-template-areas:"quantity price amount info"}.completed-trade .quantity-block{grid-area:quantity}.completed-trade .price-block{grid-area:price}.completed-trade .amount-block{grid-area:amount}.completed-trade .info-block{grid-area:info}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page_wrapper{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}}
\ No newline at end of file
+*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #516beb;--text-color: 20, 20, 20;--foreground-color: 252, 253, 255;--background-color: 241, 243, 248;--danger-color: rgb(255, 75, 75);--green: #1cad59;--yellow: #bd7200;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a4b3ff;--text-color: 220, 220, 220;--foreground-color: 27, 28, 29;--background-color: 21, 22, 22;--danger-color: rgb(255, 106, 106);--green: #00e676;--yellow: #ffeb3b}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{text-decoration:none;color:var(--accent-color)}a:focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a.button{display:flex;align-items:center;padding:.4rem .6rem;border-radius:.3rem;font-size:.9rem;font-weight:500;color:var(--accent-color)}fieldset{border:none}button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:500;white-space:nowrap;padding:.8rem;border-radius:.3rem;justify-content:center}button:focus-visible{outline:var(--accent-color) solid medium}button:not(:disabled){cursor:pointer}.button{color:var(--accent-color);background-color:rgba(var(--text-color), 0.06)}.button--primary,.button--danger{color:rgba(var(--background-color), 1) !important}.button--primary .icon,.button--danger .icon{fill:rgba(var(--background-color), 1)}.button--primary{background-color:var(--accent-color)}.button--danger{background-color:var(--danger-color)}.button--small{padding:.4rem .6rem}.cta{text-transform:uppercase;font-size:.8rem;font-weight:700;letter-spacing:.05em;padding:.8rem 1rem}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}input{accent-color:var(--accent-color)}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}sm-copy{font-size:.9rem}ul{list-style:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wrap-around{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.sticky{position:-webkit-sticky;position:sticky;top:0;z-index:1}.full-bleed{grid-column:1/4}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.flex-direction-column{flex-direction:column}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.5rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem;align-items:center;justify-items:flex-start}.popup__header__close{padding:.5rem;margin-left:-0.5rem}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:auto}.logo h4{text-transform:capitalize;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details:not(:last-of-type){border-bottom:thin solid rgba(var(--text-color), 0.3)}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}details .icon{flex-shrink:0}details[open]{padding-bottom:1rem}details[open] summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.9rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.tooltip{display:flex;position:relative;z-index:8;cursor:pointer}.tooltip .banner{position:absolute;right:0;top:100%;width:min(20rem,100vw - 1rem);display:none;font-size:.9rem;background-color:rgba(var(--foreground-color), 1);padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.1);border:solid thin rgba(var(--text-color), 0.2)}.tooltip:hover .banner{display:block}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem;width:100%;align-items:center}#user_popup_button{background-color:rgba(var(--text-color), 0.06);border-radius:2rem;font-size:.8rem}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;height:100%;justify-content:center;overflow-y:auto}#pages_container>*{padding:0 1.5rem;min-width:min(26rem,100%)}.listed-asset{position:relative;gap:.5rem;padding:1rem 0;border-radius:.5rem;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;grid-template-columns:auto 1fr auto auto;grid-template-areas:"icon name rate right-arrow" "icon name countdown right-arrow"}.listed-asset__icon{grid-area:icon;padding:.5rem;border-radius:1rem;display:flex;background-color:var(--accent-color)}.listed-asset__icon .icon{height:1.2rem;width:1.2rem;fill:rgba(var(--background-color), 1)}.listed-asset__name{grid-area:name;margin-left:.3rem}.listed-asset__rate{grid-area:rate}.listed-asset__countdown{display:flex;align-items:center;grid-area:countdown;justify-self:flex-end;font-size:.8rem;color:var(--accent-color)}.listed-asset__countdown .icon{margin-left:.3rem;overflow:visible;stroke-width:3;fill:none}.listed-asset__countdown .icon .path-a{stroke:var(--accent-color);stroke-dashoffset:var(--path-length, 0);stroke-dasharray:63}.listed-asset__countdown .icon .path-b{stroke:rgba(var(--text-color), 0.2)}.listed-asset__right-arrow{grid-area:right-arrow;background-color:rgba(var(--text-color), 0.1);border-radius:1rem;padding:.1rem;margin-left:.3rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#portfolio_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{position:relative;display:flex;flex-direction:column;height:100%;align-items:flex-start}#asset_page_wrapper{display:flex;flex-direction:column;height:100%;width:100%}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(46rem,100%);height:-webkit-max-content;height:-moz-max-content;height:max-content}#my_orders{grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem;position:-webkit-sticky;position:sticky;top:0;background-color:rgba(var(--background-color), 1);z-index:2;transition:background-color .3s}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;grid-template-columns:-webkit-min-content 1fr auto;grid-template-columns:min-content 1fr auto;border-radius:.5rem;grid-template-areas:"checkbox quantity quantity time" "checkbox price amount cancel"}.order-card>.grid:nth-of-type(2){grid-area:price}.order-card>.grid:nth-of-type(3){grid-area:amount}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{grid-area:checkbox;cursor:pointer;margin-right:.5rem}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{grid-area:time;font-size:.8rem;color:rgba(var(--text-color), 0.8)}.order-card .cancel-order{grid-area:cancel;color:var(--danger-color)}.order-card .cancel-order .icon{fill:var(--danger-color)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.completed-trade,.transaction-card,.live-order{gap:0 1rem}.completed-trade__type,.transaction-card__type,.live-order__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.completed-trade[data-type=Bought] .completed-trade__type,.completed-trade--buy .completed-trade__type,.completed-trade[data-type=Bought] .transaction-card__type,.completed-trade--buy .transaction-card__type,.completed-trade[data-type=Bought] .live-order__type,.completed-trade--buy .live-order__type,.transaction-card[data-type=Bought] .completed-trade__type,.transaction-card--buy .completed-trade__type,.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type,.transaction-card[data-type=Bought] .live-order__type,.transaction-card--buy .live-order__type,.live-order[data-type=Bought] .completed-trade__type,.live-order--buy .completed-trade__type,.live-order[data-type=Bought] .transaction-card__type,.live-order--buy .transaction-card__type,.live-order[data-type=Bought] .live-order__type,.live-order--buy .live-order__type{color:var(--green)}.completed-trade[data-type=Sold] .completed-trade__type,.completed-trade--sell .completed-trade__type,.completed-trade[data-type=Sold] .transaction-card__type,.completed-trade--sell .transaction-card__type,.completed-trade[data-type=Sold] .live-order__type,.completed-trade--sell .live-order__type,.transaction-card[data-type=Sold] .completed-trade__type,.transaction-card--sell .completed-trade__type,.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type,.transaction-card[data-type=Sold] .live-order__type,.transaction-card--sell .live-order__type,.live-order[data-type=Sold] .completed-trade__type,.live-order--sell .completed-trade__type,.live-order[data-type=Sold] .transaction-card__type,.live-order--sell .transaction-card__type,.live-order[data-type=Sold] .live-order__type,.live-order--sell .live-order__type{color:var(--danger-color)}.completed-trade__total,.transaction-card__total,.live-order__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.completed-trade__quantity,.completed-trade__price,.transaction-card__quantity,.transaction-card__price,.live-order__quantity,.live-order__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.completed-trade__time,.transaction-card__time,.live-order__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.completed-trade .more-info,.transaction-card .more-info,.live-order .more-info{flex-shrink:0;padding:.3rem}.transaction-card{content-visibility:auto;contain-intrinsic-size:2.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.completed-trade{display:grid;gap:.5rem;grid-template-columns:1fr 1fr;background-color:rgba(var(--text-color), 0.03);border-radius:.5rem;padding:1rem;margin-bottom:.5rem}#market_asset_rates{display:grid;gap:.5rem}#market_asset_rates .listed-asset{padding:1rem;background-color:rgba(var(--text-color), 0.03)}#market_orders_wrapper .list__header{font-size:.8rem;font-weight:500}#market_orders_wrapper .list__header div{padding:.5rem 0}#market_orders_wrapper .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.live-order{display:grid;gap:1rem;padding:1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.03)}.live-order:not(:last-of-type){margin-bottom:.5rem}.live-order[data-type=buy]{background-color:#00fa9a10}.live-order[data-type=sell]{background-color:#e2135110}#portfolio{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start;width:min(32rem,100%)}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem;padding-bottom:1.5rem;border:none}.balance-card{display:grid;align-items:center;gap:0 .5rem;padding:1rem;padding-left:.6rem;border-radius:.3rem;color:inherit;background-color:rgba(var(--text-color), 0.03)}.balance-card.is-locked{grid-template-columns:auto 1fr auto}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card.is-locked .balance-card__right-arrow{grid-area:1/3/3/4}.balance-card.is-locked .balance-card__amount-wrapper{grid-area:2/2/3/3}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto auto}.balance-card:not(.is-locked) .balance-card__right-arrow{grid-area:1/4/2/5}.balance-card__icon{display:flex;align-content:center;justify-content:center;margin:0 .5rem;border-radius:.8rem;align-self:flex-start;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{margin-top:.5rem;grid-column:3/-1;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}.balance-card__right-arrow{background-color:rgba(var(--text-color), 0.1);border-radius:1rem;padding:.1rem;fill:var(--accent-color)}#history{padding-top:0 !important;width:min(36rem,100%)}#history .sticky{margin-left:-0.7rem;padding:1rem 0;background-color:rgba(var(--background-color), 1)}#exchange_history{margin-top:.5rem}.history-entry{display:grid;grid-template-columns:auto 1fr auto;gap:.5rem 1rem;align-items:center;margin-bottom:2rem}.history-entry[data-status=SUCCESS] .history-entry__status .icon{fill:var(--green)}.history-entry[data-status=PENDING] .history-entry__status .icon,.history-entry[data-status=WAITING_CONFIRMATION] .history-entry__status .icon{fill:var(--yellow)}.history-entry__status{display:flex;align-items:center;justify-content:center;grid-row:1/3;width:2.5rem;height:2.5rem;background-color:rgba(var(--text-color), 0.03);border-radius:2rem}.history-entry__token-action{font-weight:500}.history-entry__amount{font-weight:500;text-align:right}.history-entry[data-type=deposit] .history-entry__amount:not(:empty){color:var(--green)}.history-entry[data-type=deposit] .history-entry__amount:not(:empty)::before{content:"+ "}.history-entry[data-type=withdraw] .history-entry__amount:not(:empty)::before{content:"- "}.history-entry__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.history-entry__txid{font-weight:500;font-size:.9rem}#portfolio_asset_page .sticky{margin-top:-1.5rem;margin-left:-0.7rem;padding:1rem 0;background-color:rgba(var(--background-color), 1)}#portfolio_asset__history{margin-top:1rem}#portfolio_cards_wrapper{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit, minmax(12rem, 1fr))}.personal-asset-balance{align-content:flex-start;padding:1rem;border-radius:.5rem;color:rgba(0,0,0,.8);width:100%}.personal-asset-balance:not(:last-of-type){margin-right:.5rem}.personal-asset-balance:nth-of-type(1){background:url("bg-art2.svg") no-repeat bottom right,#c2ffd7;background-size:contain}.personal-asset-balance:nth-of-type(1) .icon{background-color:rgba(102,255,156,.5)}.personal-asset-balance:nth-of-type(1) .button{border:solid thin rgba(102,255,156,.5)}.personal-asset-balance:nth-of-type(2){background:url("back.svg") no-repeat top right,#fcffa8;background-size:contain}.personal-asset-balance:nth-of-type(2) .icon{background-color:rgba(255,234,0,.5)}.personal-asset-balance>.flex{margin-bottom:.3rem}.personal-asset-balance>.flex .icon{height:2rem;width:2rem;padding:.4rem;border-radius:.3rem;fill:rgba(0,0,0,.8);margin-right:.5rem}.personal-asset-balance .button{display:flex;align-items:center;margin-top:.5rem;padding-right:.8rem;justify-self:flex-start;border-radius:1rem;background-color:rgba(var(--foreground-color), 1);color:rgba(var(--text-color), 1);transition:box-shadow .3s}.personal-asset-balance .button .icon{height:1rem;background-color:transparent;margin-right:.3rem}.personal-asset-balance .button:hover{box-shadow:0 .3rem .5rem rgba(0,0,0,.16)}#personal_rupee_balance span:first-of-type,#personal_flo_balance span:first-of-type{font-size:1.5rem}#personal_rupee_balance span:last-of-type,#personal_flo_balance span:last-of-type{font-size:.9rem}#portfolio_result{justify-content:center;text-align:center}#portfolio_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#portfolio_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#portfolio_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}#help{width:min(60ch,100%);margin-bottom:3rem;align-content:flex-start}#help ul{list-style:initial;display:grid;gap:1rem}#help ul li{margin-left:1rem;padding-left:.5rem;font-size:.9rem}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}#user_popup_button{width:100%}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}#asset_list_wrapper{padding:0 1.5rem}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#exchange{margin:0;padding:0}#login_form{padding:0 1.5rem}#asset_page__header{display:flex;padding:1rem 1.5rem .5rem .8rem}#chart_header{padding:0 1.5rem .5rem 1.5rem}#trade_form{padding:0 1.5rem}#price_chart_container{flex:1}#asset_page__footer button{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0;color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}#asset_page__footer button .icon{height:1.2rem;margin-bottom:.3rem;margin-right:.3rem}#asset_page__footer button.active{color:var(--accent-color)}#asset_page__footer button.active .icon{fill:var(--accent-color)}.hide-on-mobile{display:none !important}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.popup__header{grid-column:1/-1;padding:1rem 1.5rem 0 1.5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{align-self:flex-start;padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#user_popup_button{justify-self:flex-end}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}#pages_container>*{margin:0 1.5rem;padding:2rem}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:17rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:2rem;background-color:var(--accent-color)}.order-card{grid-template-columns:auto 1fr 1fr 1fr auto;grid-template-areas:"checkbox quantity price amount time cancel"}.orders_section__header{background-color:rgba(var(--foreground-color), 1)}#history .sticky,#portfolio_asset_page .sticky{background-color:rgba(var(--foreground-color), 1)}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 52rem){body:not(.is-signed-in) #market{gap:2rem;width:100%;grid-template-columns:18rem 1fr}.completed-trade{grid-template-columns:1fr 1fr 1fr 8rem;grid-template-areas:"quantity price amount info"}.completed-trade .quantity-block{grid-area:quantity}.completed-trade .price-block{grid-area:price}.completed-trade .amount-block{grid-area:amount}.completed-trade .info-block{grid-area:info}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page_wrapper{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}}
\ No newline at end of file
diff --git a/docs/css/main.scss b/docs/css/main.scss
index 35e2b3d..f425ba0 100644
--- a/docs/css/main.scss
+++ b/docs/css/main.scss
@@ -22,6 +22,7 @@ body {
   --background-color: 241, 243, 248;
   --danger-color: rgb(255, 75, 75);
   --green: #1cad59;
+  --yellow: #bd7200;
   scrollbar-width: thin;
   scrollbar-gutter: stable;
   color: rgba(var(--text-color), 1);
@@ -36,6 +37,7 @@ body[data-theme="dark"] {
   --background-color: 21, 22, 22;
   --danger-color: rgb(255, 106, 106);
   --green: #00e676;
+  --yellow: #ffeb3b;
   sm-popup::part(popup) {
     background-color: rgba(var(--foreground-color), 1);
   }
@@ -965,17 +967,6 @@ sm-checkbox {
   align-content: flex-start;
   width: min(32rem, 100%);
 }
-.portfolio_actions__wrapper {
-  grid-column: 1/-1;
-  justify-content: flex-end;
-  gap: 0.3rem;
-  padding-top: 1rem;
-  .button {
-    color: var(--accent-color);
-    padding: 0.5rem 0.8rem;
-    flex-shrink: 0;
-  }
-}
 .label {
   font-size: 0.8rem;
   color: rgba(var(--text-color), 0.8);
@@ -992,19 +983,27 @@ sm-checkbox {
   align-items: center;
   gap: 0 0.5rem;
   padding: 1rem;
+  padding-left: 0.6rem;
   border-radius: 0.3rem;
+  color: inherit;
   background-color: rgba(var(--text-color), 0.03);
   &.is-locked {
-    grid-template-columns: auto auto 1fr auto;
+    grid-template-columns: auto 1fr auto;
     .balance-card__icon {
       grid-row: span 2;
     }
+    .balance-card__right-arrow {
+      grid-area: 1/3/3/4;
+    }
+    .balance-card__amount-wrapper {
+      grid-area: 2/2/3/3;
+    }
   }
   &:not(.is-locked) {
-    grid-template-columns: auto auto 1fr auto auto;
-  }
-  input {
-    align-self: center;
+    grid-template-columns: auto 1fr auto auto;
+    .balance-card__right-arrow {
+      grid-area: 1/4/2/5;
+    }
   }
   &__icon {
     display: flex;
@@ -1033,6 +1032,12 @@ sm-checkbox {
       text-align: right;
     }
   }
+  &__right-arrow {
+    background-color: rgba(var(--text-color), 0.1);
+    border-radius: 1rem;
+    padding: 0.1rem;
+    fill: var(--accent-color);
+  }
 }
 #history {
   padding-top: 0 !important;
@@ -1043,35 +1048,49 @@ sm-checkbox {
     background-color: rgba(var(--background-color), 1);
   }
 }
+#exchange_history {
+  margin-top: 0.5rem;
+}
 .history-entry {
   display: grid;
-  grid-template-columns: 1fr auto;
-  gap: 0.5rem;
+  grid-template-columns: auto 1fr auto;
+  gap: 0.5rem 1rem;
   align-items: center;
-  padding: 1rem;
-  background-color: rgba(var(--text-color), 0.03);
-  border-radius: 0.3rem;
-  margin-bottom: 0.5rem;
-  &:last-of-type {
-    margin-bottom: 2rem;
+  margin-bottom: 2rem;
+  &[data-status="SUCCESS"] {
+    .history-entry__status {
+      .icon {
+        fill: var(--green);
+      }
+    }
   }
-  & > :nth-child(2) {
-    text-align: right;
+  &[data-status="PENDING"],
+  &[data-status="WAITING_CONFIRMATION"] {
+    .history-entry__status {
+      .icon {
+        fill: var(--yellow);
+      }
+    }
   }
   &__status {
-    justify-self: flex-start;
-    font-size: 0.75rem;
-    background-color: rgba(var(--text-color), 0.06);
-    padding: 0.3rem 0.5rem;
-    border-radius: 1rem;
-    letter-spacing: 0.05em;
-    margin-left: 0.5rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    grid-row: 1/3;
+    width: 2.5rem;
+    height: 2.5rem;
+    background-color: rgba(var(--text-color), 0.03);
+    border-radius: 2rem;
   }
-  .history-entry__amount-wrapper {
+  &__token-action {
     font-weight: 500;
   }
+  &__amount {
+    font-weight: 500;
+    text-align: right;
+  }
   &[data-type="deposit"] {
-    .history-entry__amount {
+    .history-entry__amount:not(:empty) {
       color: var(--green);
       &::before {
         content: "+ ";
@@ -1079,8 +1098,7 @@ sm-checkbox {
     }
   }
   &[data-type="withdraw"] {
-    .history-entry__amount {
-      color: var(--danger-color);
+    .history-entry__amount:not(:empty) {
       &::before {
         content: "- ";
       }
@@ -1095,6 +1113,19 @@ sm-checkbox {
     font-size: 0.9rem;
   }
 }
+#portfolio_asset_page {
+  .sticky {
+    margin-top: -1.5rem;
+    margin-left: -0.7rem;
+    padding: 1rem 0;
+    background-color: rgba(var(--background-color), 1);
+  }
+}
+#portfolio_asset__actions {
+}
+#portfolio_asset__history {
+  margin-top: 1rem;
+}
 #portfolio_cards_wrapper {
   display: grid;
   gap: 0.5rem;
@@ -1315,7 +1346,7 @@ sm-checkbox {
     align-self: center;
   }
   #main_header {
-    padding: 1.5rem;
+    // padding: 1.5rem;
   }
   #user_popup_button {
     width: 100%;
@@ -1491,7 +1522,8 @@ sm-checkbox {
   .orders_section__header {
     background-color: rgba(var(--foreground-color), 1);
   }
-  #history {
+  #history,
+  #portfolio_asset_page {
     .sticky {
       background-color: rgba(var(--foreground-color), 1);
     }
diff --git a/docs/index.html b/docs/index.html
index daab700..243a807 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -20,6 +20,7 @@
     <script src="scripts/floTokenAPI.js"></script>
     <script src="scripts/floExchangeAPI.js"></script>
     <script src="https://unpkg.com/lightweight-charts/dist/lightweight-charts.standalone.production.js"></script>
+    <script src="//unpkg.com/uhtml"></script>
     <script>
         const DEFAULT_TRADE_PRICE_DEVIATION_BUY = 15 / 100;
         const DEFAULT_TRADE_PRICE_DEVIATION_SELL = 10 / 100;
@@ -74,7 +75,7 @@
                 </div>
             </div>
             <theme-toggle id="theme_toggle"></theme-toggle>
-            <button id="user_popup_button" class="hide user-content button--small" onclick="showPopup('user_popup')">
+            <button id="user_popup_button" class="hide user-content button--small">
                 <svg xmlns="http://www.w3.org/2000/svg" class="icon margin-right-0-5" height="24px" viewBox="0 0 24 24"
                     width="24px" fill="#000000">
                     <path d="M0 0h24v24H0V0z" fill="none" />
@@ -104,7 +105,7 @@
                     </div>
                     <div class="grid gap-0-5">
                         <p>Don't have FLO credentials?</p>
-                        <sm-button onclick="showPopup('sign_up_popup')">Generate FLO credentials</sm-button>
+                        <sm-button id="sign_up_button">Generate FLO credentials</sm-button>
                     </div>
                     <sm-button onclick="floExchangeAPI.clearAllLocalData()">Reset</sm-button>
                 </sm-form>
@@ -186,8 +187,7 @@
                                 </div>
                                 <div id="trade_button_wrapper"
                                     class="stateful-button-wrapper flex align-center justify-center">
-                                    <sm-button id="trade_button" class="uppercase w-100" variant="primary"
-                                        onclick="showPopup('confirm_trade_popup')">BUY FLO
+                                    <sm-button id="trade_button" class="uppercase w-100" variant="primary">BUY FLO
                                     </sm-button>
                                 </div>
                             </sm-form>
@@ -327,123 +327,168 @@
                     </div>
                 </div>
             </div>
-            <div id="portfolio" class="grid mobile-page hide">
-                <div class="flex align-center space-between">
-                    <strip-select id="portfolio_pages_selector">
-                        <strip-option value="exchange" selected>Exchange</strip-option>
-                        <strip-option value="personal">On-chain</strip-option>
-                    </strip-select>
-                    <div class="multi-state-button">
-                        <button id="portfolio_balance_refresh_button" class="button button--small"
-                            onclick="refresh(false,this);" title="Refresh">
-                            Refresh
-                        </button>
-                    </div>
-                </div>
-                <div id="portfolio_pages_wrapper">
-                    <div class="grid gap-1-5">
-                        <h4>
-                            My portfolio
-                        </h4>
-                        <div class="grid">
-                            <span class="label">Portfolio valuation</span>
-                            <h1 id="portfolio_value" style="font-size: 2.5rem;"></h1>
+            <div id="portfolio" class="mobile-page hide">
+                <div class="grid gap-1-5">
+                    <div class="flex align-center space-between">
+                        <strip-select id="portfolio_pages_selector">
+                            <strip-option value="exchange" selected>Exchange</strip-option>
+                            <strip-option value="personal">On-chain</strip-option>
+                        </strip-select>
+                        <div class="multi-state-button">
+                            <button id="portfolio_balance_refresh_button" class="button button--small"
+                                onclick="refresh(false,this);" title="Refresh">
+                                Refresh
+                            </button>
                         </div>
-                        <div class="grid gap-0-5">
-                            <div class="flex align-center space-between">
-                                <h4>Asset balance</h4>
-                                <div class="flex align-center gap-0-5">
-                                    <a href="#/history" class="button">See history</a>
-                                    <div class="tooltip">
-                                        <svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px"
-                                            viewBox="0 0 24 24" width="24px" fill="#000000">
-                                            <path d="M0 0h24v24H0V0z" fill="none" />
-                                            <path
-                                                d="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z" />
-                                        </svg>
-                                        <p class="banner">
-                                            Your assets on exchange remains separate until they are withdrawn to your
-                                            FLO
-                                            ID.
-                                        </p>
+                    </div>
+                    <div id="portfolio_pages_wrapper">
+                        <div class="grid gap-1-5">
+                            <h4>
+                                My portfolio
+                            </h4>
+                            <div class="grid">
+                                <span class="label">Portfolio valuation</span>
+                                <h1 id="portfolio_value" style="font-size: 2.5rem;"></h1>
+                            </div>
+                            <div class="grid gap-0-5">
+                                <div class="flex align-center space-between">
+                                    <h4>Asset balance</h4>
+                                    <div class="flex align-center gap-0-5">
+                                        <a href="#/history" class="button">See history</a>
+                                        <div class="tooltip">
+                                            <svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px"
+                                                viewBox="0 0 24 24" width="24px" fill="#000000">
+                                                <path d="M0 0h24v24H0V0z" fill="none" />
+                                                <path
+                                                    d="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z" />
+                                            </svg>
+                                            <p class="banner">
+                                                Your assets on exchange remains separate until they are withdrawn to
+                                                your
+                                                FLO
+                                                ID.
+                                            </p>
+                                        </div>
+                                    </div>
+                                </div>
+                                <p>Deposit rupee from your FLO ID to exchange to purchase assets.</p>
+                                <div class="grid gap-1">
+                                    <div id="exchange_rupee_balance"></div>
+                                    <div class="grid">
+                                        <div class="flex align-center space-between">
+                                            <span class="label">Tradable assets</span>
+                                            <span class="label">Quantity | value</span>
+                                        </div>
+                                        <fieldset id="my_assets" class="grid"></fieldset>
                                     </div>
                                 </div>
                             </div>
-                            <p>Deposit rupee from your FLO ID to exchange to purchase assets.</p>
-                            <fieldset id="my_assets" class="grid"></fieldset>
                         </div>
-                    </div>
-                    <div class="grid gap-1 hide">
-                        <div class="flex align-center space-between">
-                            <h4>Assets in <span class="my-flo-id"></span></h4>
-                            <div class="tooltip">
-                                <svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24"
-                                    width="24px" fill="#000000">
-                                    <path d="M0 0h24v24H0V0z" fill="none" />
-                                    <path
-                                        d="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z" />
-                                </svg>
-                                <p class="banner">
-                                    You need to have rupee tokens in your FLO ID to purchase assets, which then can be
-                                    deposited
-                                    to your exchange account.
-                                </p>
-                            </div>
-                        </div>
-                        <div id="portfolio_cards_wrapper">
-                            <div class="grid gap-0-5 personal-asset-balance">
-                                <div class="flex align-center">
-                                    <svg class="icon" xmlns="http://www.w3.org/2000/svg"
-                                        enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px"
-                                        fill="#000000">
-                                        <g>
-                                            <rect fill="none" height="24" width="24" />
-                                        </g>
-                                        <g>
-                                            <g>
-                                                <path
-                                                    d="M13.66,7C13.1,5.82,11.9,5,10.5,5L6,5V3h12v2l-3.26,0c0.48,0.58,0.84,1.26,1.05,2L18,7v2l-2.02,0c-0.25,2.8-2.61,5-5.48,5 H9.77l6.73,7h-2.77L7,14v-2h3.5c1.76,0,3.22-1.3,3.46-3L6,9V7L13.66,7z" />
-                                            </g>
-                                        </g>
-                                    </svg>
-                                    <h5>Rupee token</h5>
-                                </div>
-                                <h1 class="h1" id="personal_rupee_balance"></h1>
-                                <a href="https://ranchimall.github.io/flopay/#/home" target="_blank"
-                                    class="button interact">
+                        <div class="grid gap-1 hide">
+                            <div class="flex align-center space-between">
+                                <h4>Assets in <span class="my-flo-id"></span></h4>
+                                <div class="tooltip">
                                     <svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px"
                                         viewBox="0 0 24 24" width="24px" fill="#000000">
-                                        <path d="M0 0h24v24H0z" fill="none"></path>
+                                        <path d="M0 0h24v24H0V0z" fill="none" />
                                         <path
-                                            d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z">
-                                        </path>
+                                            d="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z" />
                                     </svg>
-                                    Top-up
-                                </a>
+                                    <p class="banner">
+                                        You need to have rupee tokens in your FLO ID to purchase assets, which then can
+                                        be
+                                        deposited
+                                        to your exchange account.
+                                    </p>
+                                </div>
                             </div>
-                            <div class="grid gap-0-5 personal-asset-balance">
-                                <div class="flex align-center">
-                                    <svg class="icon flo-icon" width="64" height="64" viewBox="0 0 64 64" fill="none"
-                                        xmlns="http://www.w3.org/2000/svg">
-                                        <mask id="path-1-outside-1_16_6" maskUnits="userSpaceOnUse" x="3" y="3"
-                                            width="58" height="58">
-                                            <rect fill="white" x="3" y="3" width="58" height="58" />
+                            <div id="portfolio_cards_wrapper">
+                                <div class="grid gap-0-5 personal-asset-balance">
+                                    <div class="flex align-center">
+                                        <svg class="icon" xmlns="http://www.w3.org/2000/svg"
+                                            enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24"
+                                            width="24px" fill="#000000">
+                                            <g>
+                                                <rect fill="none" height="24" width="24" />
+                                            </g>
+                                            <g>
+                                                <g>
+                                                    <path
+                                                        d="M13.66,7C13.1,5.82,11.9,5,10.5,5L6,5V3h12v2l-3.26,0c0.48,0.58,0.84,1.26,1.05,2L18,7v2l-2.02,0c-0.25,2.8-2.61,5-5.48,5 H9.77l6.73,7h-2.77L7,14v-2h3.5c1.76,0,3.22-1.3,3.46-3L6,9V7L13.66,7z" />
+                                                </g>
+                                            </g>
+                                        </svg>
+                                        <h5>Rupee token</h5>
+                                    </div>
+                                    <h1 class="h1" id="personal_rupee_balance"></h1>
+                                    <a href="https://ranchimall.github.io/flopay/#/home" target="_blank"
+                                        class="button interact">
+                                        <svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px"
+                                            viewBox="0 0 24 24" width="24px" fill="#000000">
+                                            <path d="M0 0h24v24H0z" fill="none"></path>
+                                            <path
+                                                d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z">
+                                            </path>
+                                        </svg>
+                                        Top-up
+                                    </a>
+                                </div>
+                                <div class="grid gap-0-5 personal-asset-balance">
+                                    <div class="flex align-center">
+                                        <svg class="icon flo-icon" width="64" height="64" viewBox="0 0 64 64"
+                                            fill="none" xmlns="http://www.w3.org/2000/svg">
+                                            <mask id="path-1-outside-1_16_6" maskUnits="userSpaceOnUse" x="3" y="3"
+                                                width="58" height="58">
+                                                <rect fill="white" x="3" y="3" width="58" height="58" />
+                                                <path fill-rule="evenodd" clip-rule="evenodd"
+                                                    d="M31.946 43.6019C28.8545 47.1308 28.7789 51.9719 31.9811 55.1957C35.0078 52.2797 35.0105 46.8446 31.946 43.6019ZM31.9487 10.6835C24.6452 19.1291 24.9206 29.1137 31.9433 37.4108C39.0929 28.9436 39.1118 19.0076 31.9487 10.6808V10.6835ZM37.1111 35.051C43.1861 28.841 50.5976 27.4208 59 28.7654C56.2919 34.9754 52.4714 39.9353 45.7214 42.53C47.2118 41.3609 48.5699 40.4051 49.7984 39.3089C51.8504 37.481 53.303 35.267 54.0293 32.6075C54.2588 31.7678 53.9618 31.5302 53.1896 31.406C50.3627 30.9524 47.7086 31.5464 45.1733 32.702C40.9073 34.646 37.4324 37.6403 34.1735 40.8938C34.1168 40.9532 34.0925 41.0396 33.9899 41.2259C40.3754 41.4689 45.2381 44.0177 48.119 49.9064C44.3768 50.738 40.9532 50.5625 37.778 48.5213C40.1702 49.2557 42.557 49.7903 45.176 48.5483C44.852 48.0083 44.663 47.3765 44.231 47.0228C43.0511 46.0589 41.8415 45.0842 40.505 44.3498C38.4395 43.2212 36.131 42.692 33.5768 42.1682C37.0247 48.2081 36.1607 53.6918 31.946 59C29.9858 56.5295 28.6142 53.9456 28.2389 50.8946C27.8609 47.8328 28.7222 45.0518 30.1991 42.3896C26.9321 41.8658 19.8824 45.6485 18.7916 48.5645C21.3215 49.8443 23.7893 49.2611 26.33 48.3161C24.5048 50.1953 19.2425 50.9648 15.8108 49.8335C18.6593 44.0285 23.4977 41.4716 30.0263 41.2286C29.5457 40.7426 29.1893 40.3673 28.8167 40.0082C26.1005 37.3892 23.2142 34.9862 19.823 33.2366C17.0501 31.8056 14.1422 30.9092 10.9481 31.3871C10.5701 31.4438 10.1948 31.5356 9.6656 31.6436C10.6376 36.6386 13.9856 39.7355 18.1274 42.3464C13.775 41.8199 6.431 34.214 5 28.7546C13.397 27.3938 20.849 28.8842 26.897 35.2319C21.8939 24.089 24.5561 14.2259 31.946 5C39.2765 14.153 41.9657 23.9459 37.1111 35.051" />
+                                            </mask>
                                             <path fill-rule="evenodd" clip-rule="evenodd"
                                                 d="M31.946 43.6019C28.8545 47.1308 28.7789 51.9719 31.9811 55.1957C35.0078 52.2797 35.0105 46.8446 31.946 43.6019ZM31.9487 10.6835C24.6452 19.1291 24.9206 29.1137 31.9433 37.4108C39.0929 28.9436 39.1118 19.0076 31.9487 10.6808V10.6835ZM37.1111 35.051C43.1861 28.841 50.5976 27.4208 59 28.7654C56.2919 34.9754 52.4714 39.9353 45.7214 42.53C47.2118 41.3609 48.5699 40.4051 49.7984 39.3089C51.8504 37.481 53.303 35.267 54.0293 32.6075C54.2588 31.7678 53.9618 31.5302 53.1896 31.406C50.3627 30.9524 47.7086 31.5464 45.1733 32.702C40.9073 34.646 37.4324 37.6403 34.1735 40.8938C34.1168 40.9532 34.0925 41.0396 33.9899 41.2259C40.3754 41.4689 45.2381 44.0177 48.119 49.9064C44.3768 50.738 40.9532 50.5625 37.778 48.5213C40.1702 49.2557 42.557 49.7903 45.176 48.5483C44.852 48.0083 44.663 47.3765 44.231 47.0228C43.0511 46.0589 41.8415 45.0842 40.505 44.3498C38.4395 43.2212 36.131 42.692 33.5768 42.1682C37.0247 48.2081 36.1607 53.6918 31.946 59C29.9858 56.5295 28.6142 53.9456 28.2389 50.8946C27.8609 47.8328 28.7222 45.0518 30.1991 42.3896C26.9321 41.8658 19.8824 45.6485 18.7916 48.5645C21.3215 49.8443 23.7893 49.2611 26.33 48.3161C24.5048 50.1953 19.2425 50.9648 15.8108 49.8335C18.6593 44.0285 23.4977 41.4716 30.0263 41.2286C29.5457 40.7426 29.1893 40.3673 28.8167 40.0082C26.1005 37.3892 23.2142 34.9862 19.823 33.2366C17.0501 31.8056 14.1422 30.9092 10.9481 31.3871C10.5701 31.4438 10.1948 31.5356 9.6656 31.6436C10.6376 36.6386 13.9856 39.7355 18.1274 42.3464C13.775 41.8199 6.431 34.214 5 28.7546C13.397 27.3938 20.849 28.8842 26.897 35.2319C21.8939 24.089 24.5561 14.2259 31.946 5C39.2765 14.153 41.9657 23.9459 37.1111 35.051" />
-                                        </mask>
-                                        <path fill-rule="evenodd" clip-rule="evenodd"
-                                            d="M31.946 43.6019C28.8545 47.1308 28.7789 51.9719 31.9811 55.1957C35.0078 52.2797 35.0105 46.8446 31.946 43.6019ZM31.9487 10.6835C24.6452 19.1291 24.9206 29.1137 31.9433 37.4108C39.0929 28.9436 39.1118 19.0076 31.9487 10.6808V10.6835ZM37.1111 35.051C43.1861 28.841 50.5976 27.4208 59 28.7654C56.2919 34.9754 52.4714 39.9353 45.7214 42.53C47.2118 41.3609 48.5699 40.4051 49.7984 39.3089C51.8504 37.481 53.303 35.267 54.0293 32.6075C54.2588 31.7678 53.9618 31.5302 53.1896 31.406C50.3627 30.9524 47.7086 31.5464 45.1733 32.702C40.9073 34.646 37.4324 37.6403 34.1735 40.8938C34.1168 40.9532 34.0925 41.0396 33.9899 41.2259C40.3754 41.4689 45.2381 44.0177 48.119 49.9064C44.3768 50.738 40.9532 50.5625 37.778 48.5213C40.1702 49.2557 42.557 49.7903 45.176 48.5483C44.852 48.0083 44.663 47.3765 44.231 47.0228C43.0511 46.0589 41.8415 45.0842 40.505 44.3498C38.4395 43.2212 36.131 42.692 33.5768 42.1682C37.0247 48.2081 36.1607 53.6918 31.946 59C29.9858 56.5295 28.6142 53.9456 28.2389 50.8946C27.8609 47.8328 28.7222 45.0518 30.1991 42.3896C26.9321 41.8658 19.8824 45.6485 18.7916 48.5645C21.3215 49.8443 23.7893 49.2611 26.33 48.3161C24.5048 50.1953 19.2425 50.9648 15.8108 49.8335C18.6593 44.0285 23.4977 41.4716 30.0263 41.2286C29.5457 40.7426 29.1893 40.3673 28.8167 40.0082C26.1005 37.3892 23.2142 34.9862 19.823 33.2366C17.0501 31.8056 14.1422 30.9092 10.9481 31.3871C10.5701 31.4438 10.1948 31.5356 9.6656 31.6436C10.6376 36.6386 13.9856 39.7355 18.1274 42.3464C13.775 41.8199 6.431 34.214 5 28.7546C13.397 27.3938 20.849 28.8842 26.897 35.2319C21.8939 24.089 24.5561 14.2259 31.946 5C39.2765 14.153 41.9657 23.9459 37.1111 35.051" />
-                                        <path
-                                            d="M31.946 43.6019L32.6728 42.915L31.918 42.1163L31.1938 42.943L31.946 43.6019ZM31.9811 55.1957L31.2716 55.9004L31.9657 56.5992L32.6749 55.9159L31.9811 55.1957ZM31.9487 10.6835L32.7051 11.3376L32.9487 11.0559V10.6835H31.9487ZM31.9433 37.4108L31.18 38.0569L31.9442 38.9597L32.7074 38.056L31.9433 37.4108ZM31.9487 10.6808L32.7068 10.0287L30.9487 7.98495V10.6808H31.9487ZM59 28.7654L59.9166 29.1651L60.4326 27.9819L59.158 27.778L59 28.7654ZM45.7214 42.53L45.1042 41.7432L46.0802 43.4634L45.7214 42.53ZM49.7984 39.3089L49.1332 38.5622L49.1326 38.5628L49.7984 39.3089ZM54.0293 32.6075L53.0647 32.3439L53.0646 32.3441L54.0293 32.6075ZM53.1896 31.406L53.3484 30.4187L53.348 30.4186L53.1896 31.406ZM45.1733 32.702L45.588 33.612L45.5881 33.6119L45.1733 32.702ZM34.1735 40.8938L33.467 40.1861L33.4585 40.1946L33.4501 40.2033L34.1735 40.8938ZM33.9899 41.2259L33.114 40.7435L32.3319 42.1635L33.9519 42.2252L33.9899 41.2259ZM48.119 49.9064L48.3359 50.8826L49.5751 50.6072L49.0173 49.4669L48.119 49.9064ZM37.778 48.5213L38.0715 47.5653L37.2372 49.3625L37.778 48.5213ZM45.176 48.5483L45.6045 49.4518L46.6008 48.9794L46.0335 48.0338L45.176 48.5483ZM44.231 47.0228L44.8645 46.2491L44.8637 46.2484L44.231 47.0228ZM40.505 44.3498L40.9866 43.4734L40.9845 43.4723L40.505 44.3498ZM33.5768 42.1682L33.7777 41.1886L31.6127 40.7446L32.7083 42.664L33.5768 42.1682ZM31.946 59L31.1626 59.6216L31.9457 60.6085L32.7292 59.6218L31.946 59ZM28.2389 50.8946L29.2314 50.7725L29.2314 50.7721L28.2389 50.8946ZM30.1991 42.3896L31.0736 42.8747L31.7652 41.6279L30.3574 41.4022L30.1991 42.3896ZM18.7916 48.5645L17.855 48.2141L17.5413 49.0527L18.3402 49.4568L18.7916 48.5645ZM26.33 48.3161L27.0473 49.0128L25.9814 47.3788L26.33 48.3161ZM15.8108 49.8335L14.9131 49.393L14.4073 50.4237L15.4977 50.7832L15.8108 49.8335ZM30.0263 41.2286L30.0635 42.2279L32.3372 42.1433L30.7373 40.5255L30.0263 41.2286ZM28.8167 40.0082L28.1226 40.7281L28.1228 40.7282L28.8167 40.0082ZM19.823 33.2366L19.3644 34.1252L19.3645 34.1253L19.823 33.2366ZM10.9481 31.3871L10.8001 30.3981L10.7998 30.3982L10.9481 31.3871ZM9.6656 31.6436L9.46564 30.6638L8.49474 30.8619L8.68401 31.8346L9.6656 31.6436ZM18.1274 42.3464L18.0073 43.3392L18.6607 41.5005L18.1274 42.3464ZM5 28.7546L4.84003 27.7675L3.75363 27.9435L4.03268 29.0082L5 28.7546ZM26.897 35.2319L26.173 35.9217L27.8093 34.8223L26.897 35.2319ZM31.946 5L32.7265 4.37488L31.9461 3.40036L31.1655 4.37483L31.946 5ZM31.1938 42.943C27.7974 46.8199 27.6566 52.261 31.2716 55.9004L32.6906 54.491C29.9012 51.6828 29.9116 47.4417 32.6982 44.2609L31.1938 42.943ZM32.6749 55.9159C36.1304 52.5867 36.081 46.5214 32.6728 42.915L31.2192 44.2888C33.94 47.1678 33.8852 51.9727 31.2873 54.4755L32.6749 55.9159ZM31.1923 10.0294C27.4048 14.4092 25.5379 19.2455 25.5737 24.1102C25.6095 28.971 27.5438 33.7608 31.18 38.0569L32.7066 36.7647C29.3201 32.7637 27.6054 28.4127 27.5736 24.0955C27.5419 19.7822 29.1891 15.4034 32.7051 11.3376L31.1923 10.0294ZM32.7074 38.056C36.4083 33.6729 38.31 28.8504 38.3133 23.9938C38.3165 19.1359 36.42 14.3451 32.7068 10.0287L31.1906 11.3329C34.6405 15.3433 36.3161 19.6839 36.3133 23.9925C36.3104 28.3024 34.6279 32.6815 31.1792 36.7656L32.7074 38.056ZM30.9487 10.6808V10.6835H32.9487V10.6808H30.9487ZM37.8259 35.7503C43.6131 29.8345 50.6632 28.444 58.842 29.7528L59.158 27.778C50.532 26.3976 42.7591 27.8475 36.3963 34.3517L37.8259 35.7503ZM58.0834 28.3657C55.4402 34.4268 51.7791 39.1301 45.3626 41.5966L46.0802 43.4634C53.1637 40.7405 57.1436 35.524 59.9166 29.1651L58.0834 28.3657ZM46.3386 43.3168C47.7733 42.1914 49.2057 41.178 50.4642 40.055L49.1326 38.5628C47.9341 39.6322 46.6503 40.5304 45.1042 41.7432L46.3386 43.3168ZM50.4636 40.0556C52.6466 38.111 54.2121 35.7338 54.994 32.871L53.0646 32.3441C52.3939 34.8002 51.0542 36.851 49.1332 38.5622L50.4636 40.0556ZM54.9939 32.8711C55.1262 32.3872 55.2248 31.6946 54.7698 31.1186C54.3643 30.6053 53.7257 30.4794 53.3484 30.4187L53.0308 32.3933C53.1086 32.4058 53.17 32.4181 53.2184 32.43C53.2671 32.442 53.2955 32.4518 53.3091 32.4572C53.3227 32.4626 53.3139 32.4606 53.2926 32.4461C53.2699 32.4307 53.2353 32.4025 53.2004 32.3583C53.1832 32.3366 53.1677 32.3132 53.1543 32.2886C53.1409 32.264 53.1307 32.2402 53.1231 32.2182C53.1079 32.1742 53.1053 32.144 53.1049 32.1366C53.1046 32.1302 53.1059 32.1427 53.1007 32.1797C53.0955 32.2165 53.0849 32.27 53.0647 32.3439L54.9939 32.8711ZM53.348 30.4186C50.274 29.9254 47.4176 30.5801 44.7585 31.7921L45.5881 33.6119C47.9996 32.5127 50.4514 31.9794 53.0312 32.3934L53.348 30.4186ZM44.7586 31.792C40.3293 33.8104 36.7535 36.9051 33.467 40.1861L34.88 41.6015C38.1113 38.3755 41.4853 35.4816 45.588 33.612L44.7586 31.792ZM33.4501 40.2033C33.3063 40.354 33.2291 40.5156 33.2033 40.5674C33.1672 40.64 33.1517 40.6749 33.114 40.7435L34.8658 41.7083C34.9307 41.5906 34.9786 41.4891 34.9945 41.4572C35.0049 41.4363 35.0004 41.4467 34.9882 41.4667C34.9731 41.4914 34.9435 41.5355 34.8969 41.5843L33.4501 40.2033ZM33.9519 42.2252C37.0233 42.3421 39.6629 43.0109 41.8597 44.3098C44.0485 45.6039 45.857 47.5582 47.2207 50.3459L49.0173 49.4669C47.5001 46.3659 45.4368 44.1014 42.8776 42.5882C40.3265 41.0798 37.342 40.3527 34.0279 40.2266L33.9519 42.2252ZM47.9021 48.9302C44.3241 49.7253 41.1983 49.5313 38.3188 47.6801L37.2372 49.3625C40.7081 51.5937 44.4295 51.7507 48.3359 50.8826L47.9021 48.9302ZM37.4845 49.4773C39.9089 50.2215 42.6205 50.8669 45.6045 49.4518L44.7475 47.6448C42.4935 48.7137 40.4315 48.2899 38.0715 47.5653L37.4845 49.4773ZM46.0335 48.0338C45.8849 47.7862 45.8212 47.6158 45.6292 47.2504C45.4736 46.9544 45.2423 46.5584 44.8645 46.2491L43.5975 47.7965C43.6517 47.8409 43.7309 47.9377 43.8588 48.181C43.9503 48.3549 44.1431 48.7704 44.3185 49.0628L46.0335 48.0338ZM44.8637 46.2484C43.6913 45.2906 42.4149 44.2582 40.9866 43.4734L40.0234 45.2262C41.2681 45.9102 42.4109 46.8272 43.5983 47.7972L44.8637 46.2484ZM40.9845 43.4723C38.7711 42.2628 36.3236 41.7107 33.7777 41.1886L33.3759 43.1478C35.9384 43.6733 38.1079 44.1796 40.0255 45.2273L40.9845 43.4723ZM32.7083 42.664C34.346 45.5328 34.9255 48.203 34.6411 50.7474C34.3555 53.3015 33.1882 55.8274 31.1628 58.3782L32.7292 59.6218C34.9185 56.8644 36.2905 53.9944 36.6287 50.9696C36.9679 47.9351 36.2555 44.8435 34.4453 41.6724L32.7083 42.664ZM32.7294 58.3784C30.8397 55.9968 29.577 53.5818 29.2314 50.7725L27.2464 51.0167C27.6514 54.3094 29.1319 57.0622 31.1626 59.6216L32.7294 58.3784ZM29.2314 50.7721C28.8877 47.9881 29.6602 45.4224 31.0736 42.8747L29.3247 41.9045C27.7842 44.6812 26.8341 47.6775 27.2464 51.0171L29.2314 50.7721ZM30.3574 41.4022C29.3303 41.2375 28.1125 41.4187 26.9159 41.7622C25.6987 42.1117 24.4105 42.6564 23.2045 43.307C21.999 43.9574 20.8488 44.728 19.9166 45.543C19.005 46.3399 18.2137 47.2553 17.855 48.2141L19.7282 48.9149C19.9149 48.4157 20.4139 47.7647 21.233 47.0487C22.0314 46.3507 23.0524 45.6616 24.1541 45.0672C25.2552 44.4732 26.4102 43.9882 27.4678 43.6846C28.5458 43.3751 29.4344 43.2798 30.0408 43.377L30.3574 41.4022ZM18.3402 49.4568C21.2702 50.939 24.0958 50.214 26.6786 49.2534L25.9814 47.3788C23.4828 48.3082 21.3728 48.7496 19.243 47.6722L18.3402 49.4568ZM25.6127 47.6194C24.9334 48.3187 23.4333 48.9382 21.5294 49.2141C19.6667 49.484 17.6562 49.3889 16.1239 48.8838L15.4977 50.7832C17.3971 51.4094 19.7336 51.4952 21.8162 51.1934C23.8578 50.8976 25.9014 50.1927 27.0473 49.0128L25.6127 47.6194ZM16.7085 50.274C18.0554 47.5292 19.8486 45.5942 22.044 44.3081C24.2482 43.0169 26.918 42.345 30.0635 42.2279L29.9891 40.2293C26.606 40.3552 23.5923 41.0832 21.0331 42.5824C18.4649 44.0869 16.4147 46.3328 14.9131 49.393L16.7085 50.274ZM30.7373 40.5255C30.2757 40.0586 29.8942 39.6578 29.5106 39.2882L28.1228 40.7282C28.4844 41.0768 28.8157 41.4266 29.3153 41.9317L30.7373 40.5255ZM29.5108 39.2883C26.7637 36.6396 23.7967 34.1615 20.2815 32.3479L19.3645 34.1253C22.6317 35.8109 25.4373 38.1388 28.1226 40.7281L29.5108 39.2883ZM20.2816 32.348C17.4111 30.8666 14.2829 29.877 10.8001 30.3981L11.0961 32.3761C14.0015 31.9414 16.6891 32.7446 19.3644 34.1252L20.2816 32.348ZM10.7998 30.3982C10.388 30.4599 9.94468 30.566 9.46564 30.6638L9.86556 32.6234C10.4449 32.5052 10.7522 32.4277 11.0964 32.376L10.7998 30.3982ZM8.68401 31.8346C9.73479 37.2345 13.3673 40.5279 17.5941 43.1923L18.6607 41.5005C14.6039 38.9431 11.5404 36.0427 10.6472 31.4526L8.68401 31.8346ZM18.2475 41.3536C17.3819 41.2489 16.2594 40.7693 14.9918 39.9335C13.742 39.1093 12.427 37.9891 11.1875 36.7057C8.68437 34.1137 6.62095 30.9947 5.96732 28.5011L4.03268 29.0082C4.81005 31.9739 7.13413 35.3875 9.74885 38.095C11.0683 39.4613 12.4947 40.6825 13.8908 41.6031C15.2691 42.512 16.6967 43.1806 18.0073 43.3392L18.2475 41.3536ZM5.15997 29.7417C13.3246 28.4186 20.4108 29.874 26.173 35.9217L27.621 34.5421C21.2872 27.8944 13.4694 26.369 4.84003 27.7675L5.15997 29.7417ZM27.8093 34.8223C25.3851 29.4232 24.8341 24.3801 25.7561 19.5859C26.6809 14.7778 29.1009 10.1516 32.7265 5.62517L31.1655 4.37483C27.4012 9.07433 24.7952 13.9927 23.7921 19.2082C22.7863 24.4378 23.4058 29.8977 25.9847 35.6415L27.8093 34.8223ZM31.1655 5.62512C34.7619 10.1157 37.1747 14.7077 38.1168 19.4869C39.0562 24.2523 38.5469 29.2701 36.1948 34.6504L38.0274 35.4515C40.5299 29.7268 41.1033 24.2956 40.0791 19.1001C39.0576 13.9183 36.4606 9.03731 32.7265 4.37488L31.1655 5.62512Z"
-                                            mask="url(#path-1-outside-1_16_6)" />
-                                    </svg>
-                                    <h5>FLO</h5>
+                                            <path
+                                                d="M31.946 43.6019L32.6728 42.915L31.918 42.1163L31.1938 42.943L31.946 43.6019ZM31.9811 55.1957L31.2716 55.9004L31.9657 56.5992L32.6749 55.9159L31.9811 55.1957ZM31.9487 10.6835L32.7051 11.3376L32.9487 11.0559V10.6835H31.9487ZM31.9433 37.4108L31.18 38.0569L31.9442 38.9597L32.7074 38.056L31.9433 37.4108ZM31.9487 10.6808L32.7068 10.0287L30.9487 7.98495V10.6808H31.9487ZM59 28.7654L59.9166 29.1651L60.4326 27.9819L59.158 27.778L59 28.7654ZM45.7214 42.53L45.1042 41.7432L46.0802 43.4634L45.7214 42.53ZM49.7984 39.3089L49.1332 38.5622L49.1326 38.5628L49.7984 39.3089ZM54.0293 32.6075L53.0647 32.3439L53.0646 32.3441L54.0293 32.6075ZM53.1896 31.406L53.3484 30.4187L53.348 30.4186L53.1896 31.406ZM45.1733 32.702L45.588 33.612L45.5881 33.6119L45.1733 32.702ZM34.1735 40.8938L33.467 40.1861L33.4585 40.1946L33.4501 40.2033L34.1735 40.8938ZM33.9899 41.2259L33.114 40.7435L32.3319 42.1635L33.9519 42.2252L33.9899 41.2259ZM48.119 49.9064L48.3359 50.8826L49.5751 50.6072L49.0173 49.4669L48.119 49.9064ZM37.778 48.5213L38.0715 47.5653L37.2372 49.3625L37.778 48.5213ZM45.176 48.5483L45.6045 49.4518L46.6008 48.9794L46.0335 48.0338L45.176 48.5483ZM44.231 47.0228L44.8645 46.2491L44.8637 46.2484L44.231 47.0228ZM40.505 44.3498L40.9866 43.4734L40.9845 43.4723L40.505 44.3498ZM33.5768 42.1682L33.7777 41.1886L31.6127 40.7446L32.7083 42.664L33.5768 42.1682ZM31.946 59L31.1626 59.6216L31.9457 60.6085L32.7292 59.6218L31.946 59ZM28.2389 50.8946L29.2314 50.7725L29.2314 50.7721L28.2389 50.8946ZM30.1991 42.3896L31.0736 42.8747L31.7652 41.6279L30.3574 41.4022L30.1991 42.3896ZM18.7916 48.5645L17.855 48.2141L17.5413 49.0527L18.3402 49.4568L18.7916 48.5645ZM26.33 48.3161L27.0473 49.0128L25.9814 47.3788L26.33 48.3161ZM15.8108 49.8335L14.9131 49.393L14.4073 50.4237L15.4977 50.7832L15.8108 49.8335ZM30.0263 41.2286L30.0635 42.2279L32.3372 42.1433L30.7373 40.5255L30.0263 41.2286ZM28.8167 40.0082L28.1226 40.7281L28.1228 40.7282L28.8167 40.0082ZM19.823 33.2366L19.3644 34.1252L19.3645 34.1253L19.823 33.2366ZM10.9481 31.3871L10.8001 30.3981L10.7998 30.3982L10.9481 31.3871ZM9.6656 31.6436L9.46564 30.6638L8.49474 30.8619L8.68401 31.8346L9.6656 31.6436ZM18.1274 42.3464L18.0073 43.3392L18.6607 41.5005L18.1274 42.3464ZM5 28.7546L4.84003 27.7675L3.75363 27.9435L4.03268 29.0082L5 28.7546ZM26.897 35.2319L26.173 35.9217L27.8093 34.8223L26.897 35.2319ZM31.946 5L32.7265 4.37488L31.9461 3.40036L31.1655 4.37483L31.946 5ZM31.1938 42.943C27.7974 46.8199 27.6566 52.261 31.2716 55.9004L32.6906 54.491C29.9012 51.6828 29.9116 47.4417 32.6982 44.2609L31.1938 42.943ZM32.6749 55.9159C36.1304 52.5867 36.081 46.5214 32.6728 42.915L31.2192 44.2888C33.94 47.1678 33.8852 51.9727 31.2873 54.4755L32.6749 55.9159ZM31.1923 10.0294C27.4048 14.4092 25.5379 19.2455 25.5737 24.1102C25.6095 28.971 27.5438 33.7608 31.18 38.0569L32.7066 36.7647C29.3201 32.7637 27.6054 28.4127 27.5736 24.0955C27.5419 19.7822 29.1891 15.4034 32.7051 11.3376L31.1923 10.0294ZM32.7074 38.056C36.4083 33.6729 38.31 28.8504 38.3133 23.9938C38.3165 19.1359 36.42 14.3451 32.7068 10.0287L31.1906 11.3329C34.6405 15.3433 36.3161 19.6839 36.3133 23.9925C36.3104 28.3024 34.6279 32.6815 31.1792 36.7656L32.7074 38.056ZM30.9487 10.6808V10.6835H32.9487V10.6808H30.9487ZM37.8259 35.7503C43.6131 29.8345 50.6632 28.444 58.842 29.7528L59.158 27.778C50.532 26.3976 42.7591 27.8475 36.3963 34.3517L37.8259 35.7503ZM58.0834 28.3657C55.4402 34.4268 51.7791 39.1301 45.3626 41.5966L46.0802 43.4634C53.1637 40.7405 57.1436 35.524 59.9166 29.1651L58.0834 28.3657ZM46.3386 43.3168C47.7733 42.1914 49.2057 41.178 50.4642 40.055L49.1326 38.5628C47.9341 39.6322 46.6503 40.5304 45.1042 41.7432L46.3386 43.3168ZM50.4636 40.0556C52.6466 38.111 54.2121 35.7338 54.994 32.871L53.0646 32.3441C52.3939 34.8002 51.0542 36.851 49.1332 38.5622L50.4636 40.0556ZM54.9939 32.8711C55.1262 32.3872 55.2248 31.6946 54.7698 31.1186C54.3643 30.6053 53.7257 30.4794 53.3484 30.4187L53.0308 32.3933C53.1086 32.4058 53.17 32.4181 53.2184 32.43C53.2671 32.442 53.2955 32.4518 53.3091 32.4572C53.3227 32.4626 53.3139 32.4606 53.2926 32.4461C53.2699 32.4307 53.2353 32.4025 53.2004 32.3583C53.1832 32.3366 53.1677 32.3132 53.1543 32.2886C53.1409 32.264 53.1307 32.2402 53.1231 32.2182C53.1079 32.1742 53.1053 32.144 53.1049 32.1366C53.1046 32.1302 53.1059 32.1427 53.1007 32.1797C53.0955 32.2165 53.0849 32.27 53.0647 32.3439L54.9939 32.8711ZM53.348 30.4186C50.274 29.9254 47.4176 30.5801 44.7585 31.7921L45.5881 33.6119C47.9996 32.5127 50.4514 31.9794 53.0312 32.3934L53.348 30.4186ZM44.7586 31.792C40.3293 33.8104 36.7535 36.9051 33.467 40.1861L34.88 41.6015C38.1113 38.3755 41.4853 35.4816 45.588 33.612L44.7586 31.792ZM33.4501 40.2033C33.3063 40.354 33.2291 40.5156 33.2033 40.5674C33.1672 40.64 33.1517 40.6749 33.114 40.7435L34.8658 41.7083C34.9307 41.5906 34.9786 41.4891 34.9945 41.4572C35.0049 41.4363 35.0004 41.4467 34.9882 41.4667C34.9731 41.4914 34.9435 41.5355 34.8969 41.5843L33.4501 40.2033ZM33.9519 42.2252C37.0233 42.3421 39.6629 43.0109 41.8597 44.3098C44.0485 45.6039 45.857 47.5582 47.2207 50.3459L49.0173 49.4669C47.5001 46.3659 45.4368 44.1014 42.8776 42.5882C40.3265 41.0798 37.342 40.3527 34.0279 40.2266L33.9519 42.2252ZM47.9021 48.9302C44.3241 49.7253 41.1983 49.5313 38.3188 47.6801L37.2372 49.3625C40.7081 51.5937 44.4295 51.7507 48.3359 50.8826L47.9021 48.9302ZM37.4845 49.4773C39.9089 50.2215 42.6205 50.8669 45.6045 49.4518L44.7475 47.6448C42.4935 48.7137 40.4315 48.2899 38.0715 47.5653L37.4845 49.4773ZM46.0335 48.0338C45.8849 47.7862 45.8212 47.6158 45.6292 47.2504C45.4736 46.9544 45.2423 46.5584 44.8645 46.2491L43.5975 47.7965C43.6517 47.8409 43.7309 47.9377 43.8588 48.181C43.9503 48.3549 44.1431 48.7704 44.3185 49.0628L46.0335 48.0338ZM44.8637 46.2484C43.6913 45.2906 42.4149 44.2582 40.9866 43.4734L40.0234 45.2262C41.2681 45.9102 42.4109 46.8272 43.5983 47.7972L44.8637 46.2484ZM40.9845 43.4723C38.7711 42.2628 36.3236 41.7107 33.7777 41.1886L33.3759 43.1478C35.9384 43.6733 38.1079 44.1796 40.0255 45.2273L40.9845 43.4723ZM32.7083 42.664C34.346 45.5328 34.9255 48.203 34.6411 50.7474C34.3555 53.3015 33.1882 55.8274 31.1628 58.3782L32.7292 59.6218C34.9185 56.8644 36.2905 53.9944 36.6287 50.9696C36.9679 47.9351 36.2555 44.8435 34.4453 41.6724L32.7083 42.664ZM32.7294 58.3784C30.8397 55.9968 29.577 53.5818 29.2314 50.7725L27.2464 51.0167C27.6514 54.3094 29.1319 57.0622 31.1626 59.6216L32.7294 58.3784ZM29.2314 50.7721C28.8877 47.9881 29.6602 45.4224 31.0736 42.8747L29.3247 41.9045C27.7842 44.6812 26.8341 47.6775 27.2464 51.0171L29.2314 50.7721ZM30.3574 41.4022C29.3303 41.2375 28.1125 41.4187 26.9159 41.7622C25.6987 42.1117 24.4105 42.6564 23.2045 43.307C21.999 43.9574 20.8488 44.728 19.9166 45.543C19.005 46.3399 18.2137 47.2553 17.855 48.2141L19.7282 48.9149C19.9149 48.4157 20.4139 47.7647 21.233 47.0487C22.0314 46.3507 23.0524 45.6616 24.1541 45.0672C25.2552 44.4732 26.4102 43.9882 27.4678 43.6846C28.5458 43.3751 29.4344 43.2798 30.0408 43.377L30.3574 41.4022ZM18.3402 49.4568C21.2702 50.939 24.0958 50.214 26.6786 49.2534L25.9814 47.3788C23.4828 48.3082 21.3728 48.7496 19.243 47.6722L18.3402 49.4568ZM25.6127 47.6194C24.9334 48.3187 23.4333 48.9382 21.5294 49.2141C19.6667 49.484 17.6562 49.3889 16.1239 48.8838L15.4977 50.7832C17.3971 51.4094 19.7336 51.4952 21.8162 51.1934C23.8578 50.8976 25.9014 50.1927 27.0473 49.0128L25.6127 47.6194ZM16.7085 50.274C18.0554 47.5292 19.8486 45.5942 22.044 44.3081C24.2482 43.0169 26.918 42.345 30.0635 42.2279L29.9891 40.2293C26.606 40.3552 23.5923 41.0832 21.0331 42.5824C18.4649 44.0869 16.4147 46.3328 14.9131 49.393L16.7085 50.274ZM30.7373 40.5255C30.2757 40.0586 29.8942 39.6578 29.5106 39.2882L28.1228 40.7282C28.4844 41.0768 28.8157 41.4266 29.3153 41.9317L30.7373 40.5255ZM29.5108 39.2883C26.7637 36.6396 23.7967 34.1615 20.2815 32.3479L19.3645 34.1253C22.6317 35.8109 25.4373 38.1388 28.1226 40.7281L29.5108 39.2883ZM20.2816 32.348C17.4111 30.8666 14.2829 29.877 10.8001 30.3981L11.0961 32.3761C14.0015 31.9414 16.6891 32.7446 19.3644 34.1252L20.2816 32.348ZM10.7998 30.3982C10.388 30.4599 9.94468 30.566 9.46564 30.6638L9.86556 32.6234C10.4449 32.5052 10.7522 32.4277 11.0964 32.376L10.7998 30.3982ZM8.68401 31.8346C9.73479 37.2345 13.3673 40.5279 17.5941 43.1923L18.6607 41.5005C14.6039 38.9431 11.5404 36.0427 10.6472 31.4526L8.68401 31.8346ZM18.2475 41.3536C17.3819 41.2489 16.2594 40.7693 14.9918 39.9335C13.742 39.1093 12.427 37.9891 11.1875 36.7057C8.68437 34.1137 6.62095 30.9947 5.96732 28.5011L4.03268 29.0082C4.81005 31.9739 7.13413 35.3875 9.74885 38.095C11.0683 39.4613 12.4947 40.6825 13.8908 41.6031C15.2691 42.512 16.6967 43.1806 18.0073 43.3392L18.2475 41.3536ZM5.15997 29.7417C13.3246 28.4186 20.4108 29.874 26.173 35.9217L27.621 34.5421C21.2872 27.8944 13.4694 26.369 4.84003 27.7675L5.15997 29.7417ZM27.8093 34.8223C25.3851 29.4232 24.8341 24.3801 25.7561 19.5859C26.6809 14.7778 29.1009 10.1516 32.7265 5.62517L31.1655 4.37483C27.4012 9.07433 24.7952 13.9927 23.7921 19.2082C22.7863 24.4378 23.4058 29.8977 25.9847 35.6415L27.8093 34.8223ZM31.1655 5.62512C34.7619 10.1157 37.1747 14.7077 38.1168 19.4869C39.0562 24.2523 38.5469 29.2701 36.1948 34.6504L38.0274 35.4515C40.5299 29.7268 41.1033 24.2956 40.0791 19.1001C39.0576 13.9183 36.4606 9.03731 32.7265 4.37488L31.1655 5.62512Z"
+                                                mask="url(#path-1-outside-1_16_6)" />
+                                        </svg>
+                                        <h5>FLO</h5>
+                                    </div>
+                                    <h1 class="h1" id="personal_flo_balance"></h1>
                                 </div>
-                                <h1 class="h1" id="personal_flo_balance"></h1>
                             </div>
                         </div>
                     </div>
                 </div>
+                <div id="portfolio_asset_page" class="hide grid gap-1-5">
+                    <div class="flex align-center sticky top-0">
+                        <a href="#/portfolio" class="button icon-only">
+                            <svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24"
+                                width="24px" fill="#000000">
+                                <path d="M0 0h24v24H0z" fill="none"></path>
+                                <path d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"></path>
+                            </svg>
+                        </a>
+                        <b id="portfolio_asset__name"></b>
+                    </div>
+                    <div id="portfolio_asset__balance" class="flex flex-direction-column gap-0-5"></div>
+                    <fieldset id="portfolio_asset__actions" class="flex gap-0-3">
+                        <button class="button flex-1" value="deposit">
+                            Deposit
+                        </button>
+                        <button class="button flex-1" value="withdraw">
+                            Withdraw
+                        </button>
+                        <button class="button flex-1" value="transfer">
+                            Transfer
+                        </button>
+                    </fieldset>
+                    <div>
+                        <h4>History</h4>
+                        <ul id="portfolio_asset__history" class="observe-empty-state"></ul>
+                        <div class="empty-state">
+                            <p>No transactions to see</p>
+                        </div>
+                    </div>
+
+                </div>
             </div>
             <div id="history" class="mobile-page hide">
                 <div class="flex align-center sticky top-0">
@@ -688,7 +733,7 @@
 
     <sm-popup id="confirm_trade_popup">
         <header slot="header" class="popup__header">
-            <button class="popup__header__close" onclick="hidePopup()">
+            <button class="popup__header__close">
                 <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
                     <path fill="none" d="M0 0h24v24H0z" />
                     <path
@@ -704,7 +749,7 @@
     </sm-popup>
     <sm-popup id="user_popup">
         <header slot="header" class="popup__header">
-            <button class="popup__header__close" onclick="hidePopup()">
+            <button class="popup__header__close">
                 <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
                     <path fill="none" d="M0 0h24v24H0z" />
                     <path
@@ -733,7 +778,7 @@
     </sm-popup>
     <sm-popup id="sign_up_popup">
         <header slot="header" class="popup__header">
-            <button class="popup__header__close" onclick="hidePopup()">
+            <button class="popup__header__close">
                 <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
                     <path fill="none" d="M0 0h24v24H0z" />
                     <path
@@ -761,7 +806,7 @@
     </sm-popup>
     <sm-popup id="portfolio_popup">
         <header slot="header" class="popup__header">
-            <button class="popup__header__close" onclick="hidePopup()">
+            <button class="popup__header__close">
                 <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
                     <path fill="none" d="M0 0h24v24H0z" />
                     <path
@@ -812,7 +857,7 @@
     </sm-popup>
     <sm-popup id="transaction_info_popup">
         <header slot="header" class="popup__header">
-            <button class="popup__header__close" onclick="hidePopup()">
+            <button class="popup__header__close">
                 <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
                     <path fill="none" d="M0 0h24v24H0z" />
                     <path
@@ -847,14 +892,18 @@
         </li>
     </template>
     <template id="asset_balance_card_template">
-        <label class="balance-card interact">
-            <input type="radio" name="exchange-assets">
+        <a class="balance-card interact">
             <div class="balance-card__icon"></div>
             <h4 class="balance-card__token"></h4>
-        </label>
+            <svg class="icon balance-card__right-arrow" xmlns="http://www.w3.org/2000/svg" height="24px"
+                viewBox="0 0 24 24" width="24px" fill="#000000">
+                <path d="M0 0h24v24H0z" fill="none"></path>
+                <path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path>
+            </svg>
+        </a>
     </template>
     <template id="net_balance_template">
-        <span class="available-balance"></span>
+        <span class="available-balance text-align-right"></span>
     </template>
     <template id="locked_balance_template">
         <div class="grid balance-card__amount-wrapper">
@@ -1026,19 +1075,13 @@
     </template>
     <template id="history_entry">
         <li class="history-entry">
-            <div class="flex align-center">
-                <span class="history-entry__type capitalize"></span>
-                <span class="history-entry__status"></span>
-            </div>
-            <b class="history-entry__amount-wrapper">
-                <span class="history-entry__amount"></span>
-                <span class="history-entry__token"></span>
-            </b>
+            <span class="history-entry__status"></span>
+            <span class="history-entry__token-action capitalize"></span>
+            <span class="history-entry__amount"></span>
             <time class="history-entry__time"></time>
             <a class="history-entry__txid" target="_blank">See on blockchain</a>
         </li>
     </template>
-    <script src="//unpkg.com/uhtml"></script>
     <script>
 
         /**
@@ -1126,9 +1169,26 @@
             };
         }
 
+        // adds a class to all elements in an array
+        function addClass(elements, className) {
+            elements.forEach((element) => {
+                document.querySelector(element).classList.add(className);
+            });
+        }
+        // removes a class from all elements in an array
+        function removeClass(elements, className) {
+            elements.forEach((element) => {
+                document.querySelector(element).classList.remove(className);
+            });
+        }
+        // return querySelectorAll elements as an array
+        function getAllElements(selector) {
+            return Array.from(document.querySelectorAll(selector));
+        }
+
         let zIndex = 10
         // function required for popups or modals to appear
-        function showPopup(popupId, pinned) {
+        function openPopup(popupId, pinned) {
             zIndex++
             getRef(popupId).setAttribute('style', `z-index: ${zIndex}`)
             getRef(popupId).show({ pinned })
@@ -1136,7 +1196,7 @@
         }
 
         // hides the popup or modal
-        function hidePopup() {
+        function closePopup() {
             if (popupStack.peek() === undefined)
                 return;
             popupStack.peek().popup.hide()
@@ -1146,7 +1206,7 @@
         const getConfirmation = (title, options = {}) => {
             return new Promise(resolve => {
                 const { message, cancelText = 'Cancel', confirmText = 'OK' } = options
-                showPopup('confirmation_popup', true)
+                openPopup('confirmation_popup', true)
                 getRef('confirm_title').textContent = title;
                 getRef('confirm_message').textContent = message;
                 let cancelButton = getRef('confirmation_popup').children[2].children[0],
@@ -1154,11 +1214,11 @@
                 submitButton.textContent = confirmText
                 cancelButton.textContent = cancelText
                 submitButton.onclick = () => {
-                    hidePopup()
+                    closePopup()
                     resolve(true);
                 }
                 cancelButton.onclick = () => {
-                    hidePopup()
+                    closePopup()
                     resolve(false);
                 }
             })
@@ -1167,7 +1227,7 @@
         // displays a popup for asking user input. Use this instead of JS prompt
         function getPromptInput(title, message = '', options = {}) {
             const { isPassword = true, cancelText = 'Cancel', confirmText = 'OK' } = options
-            showPopup('prompt_popup', true)
+            openPopup('prompt_popup', true)
             getRef('prompt_title').textContent = title;
             getRef('prompt_message').textContent = message;
             let buttons = getRef('prompt_popup').querySelectorAll("sm-button");
@@ -1178,12 +1238,12 @@
             buttons[1].textContent = confirmText;
             return new Promise((resolve, reject) => {
                 buttons[0].onclick = () => {
-                    hidePopup()
+                    closePopup()
                     return (null);
                 }
                 buttons[1].onclick = () => {
                     const value = getRef('prompt_input').value;
-                    hidePopup()
+                    closePopup()
                     resolve(value)
                 }
             })
@@ -1245,7 +1305,7 @@
             document.querySelectorAll('sm-input[data-private-key]').forEach(input => input.customValidation = floCrypto.getPubKeyHex)
             document.addEventListener('keyup', (e) => {
                 if (e.key === 'Escape') {
-                    hidePopup()
+                    closePopup()
                 }
             })
             document.addEventListener('copy', () => {
@@ -1256,6 +1316,11 @@
                     createRipple(e, e.target.closest("button, sm-button, .interact"));
                 }
             });
+            document.querySelectorAll('.popup__header__close, .close-popup-on-click').forEach(elem => {
+                elem.addEventListener('click', () => {
+                    closePopup()
+                })
+            })
         });
         function createRipple(event, target) {
             const circle = document.createElement("span");
@@ -1354,18 +1419,14 @@
                                     animateTo(getRef('main_header'), slideOutLeft, animOptions)
                                     animateTo(getRef('main_navbar'), slideOutLeft, animOptions)
                                     animateTo(getRef('asset_list_wrapper'), slideOutLeft, animOptions).onfinish = () => {
-                                        getRef('main_header').classList.add('hide-on-mobile')
-                                        getRef('main_navbar').classList.add('hide-on-mobile')
-                                        getRef('asset_list_wrapper').classList.add('hide-on-mobile')
-                                        getRef('asset_page').classList.remove('hide-on-mobile')
+                                        addClass(['#main_header', '#asset_list_wrapper', '#main_navbar'], 'hide-on-mobile')
+                                        removeClass(['#asset_page'], 'hide-on-mobile')
                                         animateTo(getRef('asset_page'), slideInLeft, animOptions)
                                     }
                                 }
                             } else {
-                                getRef('main_header').classList.add('hide-on-mobile')
-                                getRef('main_navbar').classList.add('hide-on-mobile')
-                                getRef('asset_list_wrapper').classList.add('hide-on-mobile')
-                                getRef('asset_page').classList.remove('hide-on-mobile')
+                                addClass(['#main_header', '#asset_list_wrapper', '#main_navbar'], 'hide-on-mobile')
+                                removeClass(['#asset_page'], 'hide-on-mobile')
                             }
 
                             if (!chart) {
@@ -1404,6 +1465,56 @@
                     case 'market':
                         break;
                     case 'portfolio':
+                        if (params.asset) {
+                            getRef('portfolio_asset__name').textContent = params.asset
+                            const { net, locked } = allTokens[params.asset]
+                            const lockedBalance = params.asset === 'rupee' ? formatAmount(locked, true) : toFixed(locked)
+                            showChildElement('portfolio', 1, {
+                                entry: slideInLeft,
+                                exit: slideOutLeft,
+                            })
+                            renderElem(getRef('portfolio_asset__balance'), html`
+                                <div class="grid">
+                                    <span class="label">Available</span>
+                                    <b style="font-size:2rem">${params.asset === 'rupee' ? formatAmount(net, true) : toFixed(net)}</b>
+                                    ${params.asset !== 'rupee' ? html`<span style="font-size: 1rem; opacity:0.8">₹${toFixed(net * floGlobals.exchangeRates[params.asset], 2)}</span>` : ''}
+                                </div>
+                                ${locked ? html`
+                                    <div class="grid">
+                                        <span class="label">Locked</span>
+                                        <b style="font-size:2rem">${lockedBalance}</b>
+                                    </div>`: ''}
+                            `)
+                            getRef('portfolio_asset__history').innerHTML = `                        
+                            <div class="flex" style="padding: 1.5rem; justify-content: center;">
+                                <sm-spinner></sm-spinner>
+                            </div>`
+                            // load asset specific blockchain txs
+                            floBlockchainAPI.readAllTxs(accountDetails.floID).then(async transactions => {
+                                floGlobals.allTxs = {}
+                                transactions.forEach(({ txid, time }) => { floGlobals.allTxs[txid] = { time } })
+                                floExchangeAPI.getUserTransacts(accountDetails.floID, await proxy.secret).then(exchangeTxs => {
+                                    exchangeTxs = exchangeTxs.filter(tx => tx.token === params.asset).sort((a, b) => floGlobals.allTxs[b.txid].time - floGlobals.allTxs[a.txid].time)
+                                    if (portfolioAssetHistoryLazyLoader) {
+                                        portfolioAssetHistoryLazyLoader.update(exchangeTxs)
+                                    } else {
+                                        portfolioAssetHistoryLazyLoader = new LazyLoader('#portfolio_asset__history', exchangeTxs, render.historyEntry)
+                                    }
+                                    portfolioAssetHistoryLazyLoader.init()
+                                }).catch(err => {
+                                    console.error(err)
+                                })
+                            }).catch(err => {
+                                console.error(err)
+                            })
+                        } else {
+                            showChildElement('portfolio', 0, {
+                                entry: slideInRight,
+                                exit: slideOutRight,
+                            })
+                            if (portfolioAssetHistoryLazyLoader)
+                                portfolioAssetHistoryLazyLoader.clear()
+                        }
                         break;
                     case 'history':
                         getRef('exchange_history').innerHTML = `
@@ -1415,12 +1526,12 @@
                         floBlockchainAPI.readAllTxs(accountDetails.floID).then(async transactions => {
                             floGlobals.allTxs = {}
                             transactions.forEach(({ txid, time }) => { floGlobals.allTxs[txid] = { time } })
-                            floExchangeAPI.getUserTransacts(accountDetails.floID, await proxy.secret).then(transactions => {
-                                transactions = transactions.sort((a, b) => floGlobals.allTxs[b.txid].time - floGlobals.allTxs[a.txid].time)
+                            floExchangeAPI.getUserTransacts(accountDetails.floID, await proxy.secret).then(exchangeTxs => {
+                                exchangeTxs = exchangeTxs.sort((a, b) => floGlobals.allTxs[b.txid].time - floGlobals.allTxs[a.txid].time)
                                 if (historyLazyLoader) {
-                                    historyLazyLoader.update(transactions)
+                                    historyLazyLoader.update(exchangeTxs)
                                 } else {
-                                    historyLazyLoader = new LazyLoader('#exchange_history', transactions, render.historyEntry)
+                                    historyLazyLoader = new LazyLoader('#exchange_history', exchangeTxs, render.historyEntry)
                                 }
                                 historyLazyLoader.init()
                             }).catch(err => {
@@ -1436,6 +1547,10 @@
                 if (historyLazyLoader)
                     historyLazyLoader.clear()
             }
+            if (pageId !== 'portfolio') {
+                if (portfolioAssetHistoryLazyLoader)
+                    portfolioAssetHistoryLazyLoader.clear()
+            }
             if (pagesData.lastPage !== pageId) {
                 document.querySelectorAll('.mobile-page').forEach(elem => elem.classList.add('hide'))
                 getRef(pageId).classList.remove('hide')
@@ -1569,7 +1684,8 @@
             if (document.visibilityState === "hidden") {
                 // code if page is hidden 
             } else {
-                updateRate();
+                if (floGlobals.exchangeApiLoaded)
+                    updateRate();
             }
         }
 
@@ -1583,7 +1699,8 @@
             { opacity: 0 }
         ]
 
-        function showChildElement(id, index, { mobileView = false, entry, exit }) {
+        function showChildElement(id, index, options = {}) {
+            const { mobileView = false, entry, exit } = options
             const animOptions = {
                 duration: 150,
                 easing: 'ease',
@@ -1739,6 +1856,7 @@
         }
         let marketTradesLazyLoader
         let historyLazyLoader
+        let portfolioAssetHistoryLazyLoader
         const render = {
             listedAsset(asset, rate, countDown) {
                 const clone = getRef('listed_asset_template').content.cloneNode(true).firstElementChild
@@ -1813,24 +1931,22 @@
                 card.querySelector('.more-info').dataset.seller = seller
                 return card
             },
-            assetBalanceCard(asset, isFirst = false) {
+            assetBalanceCard(asset) {
                 const { net, locked } = allTokens[asset]
                 const card = getRef('asset_balance_card_template').content.cloneNode(true).firstElementChild
+                card.href = `#/portfolio?asset=${asset}`
                 card.className = `balance-card interact ${locked ? 'is-locked' : ''}`
-                card.querySelector('input').value = asset
                 card.querySelector('.balance-card__token').textContent = asset
                 card.querySelector('.balance-card__icon').innerHTML = getIcon(asset)
                 const templateToClone = locked ? 'locked_balance_template' : 'net_balance_template';
                 const assetBalance = getRef(templateToClone).content.cloneNode(true)
-                assetBalance.querySelector('.available-balance').textContent = asset === 'rupee' ? formatAmount(net) : parseFloat(net.toFixed(4))
+                const availableBalance = asset === 'rupee' ? formatAmount(net, true) : `${toFixed(net)} | <span style="font-size: 0.8rem">₹${toFixed(net * floGlobals.exchangeRates[asset], 2)}</span>`
+                const lockedBalance = asset === 'rupee' ? formatAmount(locked, true) : toFixed(locked)
+                assetBalance.querySelector('.available-balance').innerHTML = availableBalance
                 if (locked) {
-                    assetBalance.querySelector('.locked-balance').textContent = asset === 'rupee' ? formatAmount(locked) : parseFloat(locked.toFixed(4))
+                    assetBalance.querySelector('.locked-balance').textContent = lockedBalance
                 }
                 card.appendChild(assetBalance)
-                if (isFirst) {
-                    card.querySelector('input').checked = true
-                    card.append(getRef('asset_balance_actions').content.cloneNode(true))
-                }
                 return card
             },
             chart(asset = 'FLO', duration = '48 weeks') {
@@ -1964,10 +2080,13 @@
                 const entry = getRef('history_entry').content.cloneNode(true).firstElementChild
                 entry.dataset.status = status
                 entry.dataset.type = type
-                entry.querySelector('.history-entry__token').textContent = token
-                entry.querySelector('.history-entry__type').textContent = type
+                if (status === 'SUCCESS') {
+                    entry.querySelector('.history-entry__status').innerHTML = `<svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z"/></svg>`
+                } else {
+                    entry.querySelector('.history-entry__status').innerHTML = `<svg class="icon" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><g><rect fill="none" height="24" width="24" x="0"/></g><g><g><path d="M12,2C6.5,2,2,6.5,2,12s4.5,10,10,10s10-4.5,10-10S17.5,2,12,2z M12,20c-4.41,0-8-3.59-8-8s3.59-8,8-8s8,3.59,8,8 S16.41,20,12,20z M12.5,7H11v6l5.2,3.2l0.8-1.3l-4.5-2.7V7z"/></g></g></svg>`
+                }
+                entry.querySelector('.history-entry__token-action').textContent = `${type} ${token}`
                 entry.querySelector('.history-entry__amount').textContent = amount
-                entry.querySelector('.history-entry__status').textContent = status === 'SUCCESS' ? 'Success' : 'Pending'
                 entry.querySelector('.history-entry__time').textContent = floGlobals.allTxs.hasOwnProperty(txid) ? getFormattedTime(floGlobals.allTxs[txid].time * 1000) : ''
                 entry.querySelector('.history-entry__txid').href = `https://flosight.duckdns.org/tx/${txid}`
                 return entry;
@@ -2073,15 +2192,15 @@
             render.chart(pagesData.params.asset, e.detail.value === 'hour' ? '48 weeks' : 'all-time')
         })
         async function tradeAsset() {
-            hidePopup()
+            closePopup()
             const asset = pagesData.params.asset;
             const quantity = parseFloat(getRef('get_quantity').value)
             const price = getSuggestedPrice()
             if (tradeType === 'buy' && accountDetails.sellOrders.some(order => order.asset === asset)) {
-                hidePopup()
+                closePopup()
                 return notify('You have an open sell order for this asset. Please close it before buying.', 'error')
             } else if (tradeType === 'sell' && accountDetails.buyOrders.some(order => order.asset === asset)) {
-                hidePopup()
+                closePopup()
                 return notify('You have an open buy order for this asset. Please close it before selling.', 'error')
             }
             showProcess('trade_button_wrapper')
@@ -2163,40 +2282,11 @@
             }
         })
 
-        getRef('my_assets').addEventListener('change', e => {
-            const animOptions = {
-                duration: 150,
-                easing: 'ease',
-                fill: 'forwards'
-            }
-            const previousActionButton = getRef('my_assets').querySelector('.portfolio_actions__wrapper')
-            if (previousActionButton) {
-                previousActionButton.remove()
-            }
-            const actionButtons = getRef('asset_balance_actions').content.cloneNode(true)
-            e.target.closest('.balance-card').append(actionButtons)
-            const height = e.target.closest('.balance-card').lastElementChild.offsetHeight
-            e.target.closest('.balance-card').lastElementChild.animate([
-                {
-                    transform: 'translateY(-0.5rem)',
-                    opacity: 0.5
-                },
-                {
-                    transform: 'translateY(0)',
-                    opacity: 1
-                },
-            ], animOptions)
-        })
-
-        function getPortfolioSelectedAsset() {
-            return getRef('my_assets').querySelector(':checked').value
-        }
-
-        getRef('my_assets').addEventListener('click', e => {
+        getRef('portfolio_asset__actions').addEventListener('click', e => {
             if (e.target.closest('.button')) {
                 const target = e.target.closest('.button')
                 const type = target.value
-                const asset = getPortfolioSelectedAsset()
+                const asset = pagesData.params.asset
 
                 getRef('portfolio_quantity_type').textContent = getRef('quantity_type').textContent = asset === 'rupee' ? formatAmount(allTokens.rupee.net, true) : `${toFixed(allTokens[asset].net)} ${asset}`
                 getRef('portfolio_popup__cta').textContent = `${type} ${asset}`
@@ -2225,7 +2315,7 @@
                         break;
                 }
                 getRef('portfolio_form').elementsChanged()
-                showPopup('portfolio_popup')
+                openPopup('portfolio_popup')
             }
         })
         function showWalletResult(status, title, description, cta = '') {
@@ -2283,17 +2373,17 @@
             // Get latest balance and exchange rate
             if (e.target.closest('button')) {
                 const target = e.target.closest('button')
-                const asset = getPortfolioSelectedAsset()
+                const asset = pagesData.params.asset
                 const fraction = parseFloat(target.value)
                 let total = toFixed(allTokens[asset].net * fraction);
                 if (asset == 'FLO' && fraction === 1 & total > 0.1) {
                     total -= 0.1;
                 }
-                getRef('get_user_amount').value = total
+                getRef('get_user_amount').value = toFixed(total)
             }
         })
         getRef('portfolio_popup__cta').addEventListener('click', async e => {
-            const asset = getPortfolioSelectedAsset()
+            const asset = pagesData.params.asset
             const type = e.target.getAttribute('value')
             const quantity = parseFloat(getRef('get_user_amount').value)
             try {
@@ -2450,7 +2540,7 @@
 
         function showMoreDetails(e) {
             const target = e.target.closest('.more-info')
-            showPopup('transaction_info_popup')
+            openPopup('transaction_info_popup')
             renderElem(getRef('transaction_details'), html`
             ${target.dataset.buyer !== 'undefined' ? html`<div class="grid">
                     <h5 class="label capitalize">Buyer</h5>
@@ -2791,6 +2881,8 @@
                 document.body.classList.add('is-signed-in');
                 getRef('market_asset_rates').parentNode.remove()
                 getRef("login_form").classList.add('hide')
+                getRef('user_popup_button').addEventListener('click', () => openPopup('user_popup'));
+                getRef('trade_button').addEventListener('click', () => openPopup('confirm_trade_popup'));
                 accountDetails = acc
                 console.debug(acc);
                 //Element display
@@ -2831,11 +2923,14 @@
                 const frag = document.createDocumentFragment();
                 let totalPortfolio = 0;
                 Object.entries(allTokens).sort((a, b) => b[1].net - a[1].net).forEach(([asset], index) => {
-                    frag.append(render.assetBalanceCard(asset, index === 0))
-                    if (asset !== floGlobals.currency)
+                    if (asset !== floGlobals.currency) {
                         totalPortfolio += allTokens[asset].net * floGlobals.exchangeRates[asset]
-                    else
-                        totalPortfolio += allTokens[asset].net
+                        frag.append(render.assetBalanceCard(asset))
+                    }
+                    else {
+                        getRef('exchange_rupee_balance').innerHTML = ``
+                        getRef('exchange_rupee_balance').append(render.assetBalanceCard(asset))
+                    }
                 })
                 getRef('my_assets').innerHTML = ''
                 getRef('my_assets').append(frag)
@@ -2903,7 +2998,9 @@
 
         };
         window.addEventListener('load', e => {
+            getRef('sign_up_button').addEventListener('click', () => openPopup('sign_up_popup'))
             floExchangeAPI.init().then(nodes => {
+                floGlobals.exchangeApiLoaded = true
                 console.log(nodes);
                 refresh(true);
             }).catch(error => console.error(error))
diff --git a/docs/scripts/components.js b/docs/scripts/components.js
index 566113b..38f50d2 100644
--- a/docs/scripts/components.js
+++ b/docs/scripts/components.js
@@ -1272,7 +1272,7 @@ customElements.define('sm-popup', class extends HTMLElement {
 
         this.popupContainer = this.shadowRoot.querySelector('.popup-container');
         this.backdrop = this.shadowRoot.querySelector('.background');
-        this.popup = this.shadowRoot.querySelector('.popup');
+        this.dialogBox = this.shadowRoot.querySelector('.popup');
         this.popupBodySlot = this.shadowRoot.querySelector('.popup-body slot');
         this.popupHeader = this.shadowRoot.querySelector('.popup-top');
 
@@ -1317,7 +1317,7 @@ customElements.define('sm-popup', class extends HTMLElement {
                 easing: 'ease'
             }
             const initialAnimation = (window.innerWidth > 640) ? 'scale(1.1)' : `translateY(${this.offset ? `${this.offset}px` : '100%'})`
-            this.animateTo(this.popup, [
+            this.animateTo(this.dialogBox, [
                 {
                     opacity: this.offset ? 1 : 0,
                     transform: initialAnimation
@@ -1382,7 +1382,7 @@ customElements.define('sm-popup', class extends HTMLElement {
             { opacity: 1 },
             { opacity: 0 }
         ], animOptions)
-        this.animateTo(this.popup, [
+        this.animateTo(this.dialogBox, [
             {
                 opacity: 1,
                 transform: (window.innerWidth > 640) ? 'none' : `translateY(${this.offset ? `${this.offset}px` : '0'})`
@@ -1394,7 +1394,7 @@ customElements.define('sm-popup', class extends HTMLElement {
         ], animOptions).finished
             .finally(() => {
                 this.popupContainer.classList.add('hide');
-                this.popup.style = ''
+                this.dialogBox.style = ''
                 this.removeAttribute('open');
 
                 if (this.forms.length) {
@@ -1434,7 +1434,7 @@ customElements.define('sm-popup', class extends HTMLElement {
         if (this.touchStartY < e.changedTouches[0].clientY) {
             this.offset = e.changedTouches[0].clientY - this.touchStartY;
             this.touchEndAnimation = window.requestAnimationFrame(() => {
-                this.popup.style.transform = `translateY(${this.offset}px)`;
+                this.dialogBox.style.transform = `translateY(${this.offset}px)`;
             });
         }
     }
@@ -1443,7 +1443,7 @@ customElements.define('sm-popup', class extends HTMLElement {
         this.touchEndTime = e.timeStamp;
         cancelAnimationFrame(this.touchEndAnimation);
         this.touchEndY = e.changedTouches[0].clientY;
-        this.threshold = this.popup.getBoundingClientRect().height * 0.3;
+        this.threshold = this.dialogBox.getBoundingClientRect().height * 0.3;
         if (this.touchEndTime - this.touchStartTime > 200) {
             if (this.touchEndY - this.touchStartY > this.threshold) {
                 if (this.pinned) {

From 60a574a905c5d1e4acd2f9a11235a6ca49c47b7f Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Thu, 9 Jun 2022 14:56:45 +0530
Subject: [PATCH 120/168] fixed app not loading when opening as file

---
 docs/css/main.css     | 1 +
 docs/css/main.min.css | 2 +-
 docs/css/main.scss    | 1 +
 docs/index.html       | 2 +-
 4 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/docs/css/main.css b/docs/css/main.css
index fd8ad70..45d8c08 100644
--- a/docs/css/main.css
+++ b/docs/css/main.css
@@ -1207,6 +1207,7 @@ sm-checkbox {
 .history-entry__txid {
   font-weight: 500;
   font-size: 0.9rem;
+  text-align: right;
 }
 
 #portfolio_asset_page .sticky {
diff --git a/docs/css/main.min.css b/docs/css/main.min.css
index 7c627dc..b83b191 100644
--- a/docs/css/main.min.css
+++ b/docs/css/main.min.css
@@ -1 +1 @@
-*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #516beb;--text-color: 20, 20, 20;--foreground-color: 252, 253, 255;--background-color: 241, 243, 248;--danger-color: rgb(255, 75, 75);--green: #1cad59;--yellow: #bd7200;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a4b3ff;--text-color: 220, 220, 220;--foreground-color: 27, 28, 29;--background-color: 21, 22, 22;--danger-color: rgb(255, 106, 106);--green: #00e676;--yellow: #ffeb3b}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{text-decoration:none;color:var(--accent-color)}a:focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a.button{display:flex;align-items:center;padding:.4rem .6rem;border-radius:.3rem;font-size:.9rem;font-weight:500;color:var(--accent-color)}fieldset{border:none}button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:500;white-space:nowrap;padding:.8rem;border-radius:.3rem;justify-content:center}button:focus-visible{outline:var(--accent-color) solid medium}button:not(:disabled){cursor:pointer}.button{color:var(--accent-color);background-color:rgba(var(--text-color), 0.06)}.button--primary,.button--danger{color:rgba(var(--background-color), 1) !important}.button--primary .icon,.button--danger .icon{fill:rgba(var(--background-color), 1)}.button--primary{background-color:var(--accent-color)}.button--danger{background-color:var(--danger-color)}.button--small{padding:.4rem .6rem}.cta{text-transform:uppercase;font-size:.8rem;font-weight:700;letter-spacing:.05em;padding:.8rem 1rem}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}input{accent-color:var(--accent-color)}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}sm-copy{font-size:.9rem}ul{list-style:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wrap-around{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.sticky{position:-webkit-sticky;position:sticky;top:0;z-index:1}.full-bleed{grid-column:1/4}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.flex-direction-column{flex-direction:column}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.5rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem;align-items:center;justify-items:flex-start}.popup__header__close{padding:.5rem;margin-left:-0.5rem}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:auto}.logo h4{text-transform:capitalize;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details:not(:last-of-type){border-bottom:thin solid rgba(var(--text-color), 0.3)}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}details .icon{flex-shrink:0}details[open]{padding-bottom:1rem}details[open] summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.9rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.tooltip{display:flex;position:relative;z-index:8;cursor:pointer}.tooltip .banner{position:absolute;right:0;top:100%;width:min(20rem,100vw - 1rem);display:none;font-size:.9rem;background-color:rgba(var(--foreground-color), 1);padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.1);border:solid thin rgba(var(--text-color), 0.2)}.tooltip:hover .banner{display:block}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem;width:100%;align-items:center}#user_popup_button{background-color:rgba(var(--text-color), 0.06);border-radius:2rem;font-size:.8rem}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;height:100%;justify-content:center;overflow-y:auto}#pages_container>*{padding:0 1.5rem;min-width:min(26rem,100%)}.listed-asset{position:relative;gap:.5rem;padding:1rem 0;border-radius:.5rem;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;grid-template-columns:auto 1fr auto auto;grid-template-areas:"icon name rate right-arrow" "icon name countdown right-arrow"}.listed-asset__icon{grid-area:icon;padding:.5rem;border-radius:1rem;display:flex;background-color:var(--accent-color)}.listed-asset__icon .icon{height:1.2rem;width:1.2rem;fill:rgba(var(--background-color), 1)}.listed-asset__name{grid-area:name;margin-left:.3rem}.listed-asset__rate{grid-area:rate}.listed-asset__countdown{display:flex;align-items:center;grid-area:countdown;justify-self:flex-end;font-size:.8rem;color:var(--accent-color)}.listed-asset__countdown .icon{margin-left:.3rem;overflow:visible;stroke-width:3;fill:none}.listed-asset__countdown .icon .path-a{stroke:var(--accent-color);stroke-dashoffset:var(--path-length, 0);stroke-dasharray:63}.listed-asset__countdown .icon .path-b{stroke:rgba(var(--text-color), 0.2)}.listed-asset__right-arrow{grid-area:right-arrow;background-color:rgba(var(--text-color), 0.1);border-radius:1rem;padding:.1rem;margin-left:.3rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#portfolio_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{position:relative;display:flex;flex-direction:column;height:100%;align-items:flex-start}#asset_page_wrapper{display:flex;flex-direction:column;height:100%;width:100%}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(46rem,100%);height:-webkit-max-content;height:-moz-max-content;height:max-content}#my_orders{grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem;position:-webkit-sticky;position:sticky;top:0;background-color:rgba(var(--background-color), 1);z-index:2;transition:background-color .3s}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;grid-template-columns:-webkit-min-content 1fr auto;grid-template-columns:min-content 1fr auto;border-radius:.5rem;grid-template-areas:"checkbox quantity quantity time" "checkbox price amount cancel"}.order-card>.grid:nth-of-type(2){grid-area:price}.order-card>.grid:nth-of-type(3){grid-area:amount}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{grid-area:checkbox;cursor:pointer;margin-right:.5rem}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{grid-area:time;font-size:.8rem;color:rgba(var(--text-color), 0.8)}.order-card .cancel-order{grid-area:cancel;color:var(--danger-color)}.order-card .cancel-order .icon{fill:var(--danger-color)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.completed-trade,.transaction-card,.live-order{gap:0 1rem}.completed-trade__type,.transaction-card__type,.live-order__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.completed-trade[data-type=Bought] .completed-trade__type,.completed-trade--buy .completed-trade__type,.completed-trade[data-type=Bought] .transaction-card__type,.completed-trade--buy .transaction-card__type,.completed-trade[data-type=Bought] .live-order__type,.completed-trade--buy .live-order__type,.transaction-card[data-type=Bought] .completed-trade__type,.transaction-card--buy .completed-trade__type,.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type,.transaction-card[data-type=Bought] .live-order__type,.transaction-card--buy .live-order__type,.live-order[data-type=Bought] .completed-trade__type,.live-order--buy .completed-trade__type,.live-order[data-type=Bought] .transaction-card__type,.live-order--buy .transaction-card__type,.live-order[data-type=Bought] .live-order__type,.live-order--buy .live-order__type{color:var(--green)}.completed-trade[data-type=Sold] .completed-trade__type,.completed-trade--sell .completed-trade__type,.completed-trade[data-type=Sold] .transaction-card__type,.completed-trade--sell .transaction-card__type,.completed-trade[data-type=Sold] .live-order__type,.completed-trade--sell .live-order__type,.transaction-card[data-type=Sold] .completed-trade__type,.transaction-card--sell .completed-trade__type,.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type,.transaction-card[data-type=Sold] .live-order__type,.transaction-card--sell .live-order__type,.live-order[data-type=Sold] .completed-trade__type,.live-order--sell .completed-trade__type,.live-order[data-type=Sold] .transaction-card__type,.live-order--sell .transaction-card__type,.live-order[data-type=Sold] .live-order__type,.live-order--sell .live-order__type{color:var(--danger-color)}.completed-trade__total,.transaction-card__total,.live-order__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.completed-trade__quantity,.completed-trade__price,.transaction-card__quantity,.transaction-card__price,.live-order__quantity,.live-order__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.completed-trade__time,.transaction-card__time,.live-order__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.completed-trade .more-info,.transaction-card .more-info,.live-order .more-info{flex-shrink:0;padding:.3rem}.transaction-card{content-visibility:auto;contain-intrinsic-size:2.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.completed-trade{display:grid;gap:.5rem;grid-template-columns:1fr 1fr;background-color:rgba(var(--text-color), 0.03);border-radius:.5rem;padding:1rem;margin-bottom:.5rem}#market_asset_rates{display:grid;gap:.5rem}#market_asset_rates .listed-asset{padding:1rem;background-color:rgba(var(--text-color), 0.03)}#market_orders_wrapper .list__header{font-size:.8rem;font-weight:500}#market_orders_wrapper .list__header div{padding:.5rem 0}#market_orders_wrapper .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.live-order{display:grid;gap:1rem;padding:1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.03)}.live-order:not(:last-of-type){margin-bottom:.5rem}.live-order[data-type=buy]{background-color:#00fa9a10}.live-order[data-type=sell]{background-color:#e2135110}#portfolio{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start;width:min(32rem,100%)}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem;padding-bottom:1.5rem;border:none}.balance-card{display:grid;align-items:center;gap:0 .5rem;padding:1rem;padding-left:.6rem;border-radius:.3rem;color:inherit;background-color:rgba(var(--text-color), 0.03)}.balance-card.is-locked{grid-template-columns:auto 1fr auto}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card.is-locked .balance-card__right-arrow{grid-area:1/3/3/4}.balance-card.is-locked .balance-card__amount-wrapper{grid-area:2/2/3/3}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto auto}.balance-card:not(.is-locked) .balance-card__right-arrow{grid-area:1/4/2/5}.balance-card__icon{display:flex;align-content:center;justify-content:center;margin:0 .5rem;border-radius:.8rem;align-self:flex-start;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{margin-top:.5rem;grid-column:3/-1;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}.balance-card__right-arrow{background-color:rgba(var(--text-color), 0.1);border-radius:1rem;padding:.1rem;fill:var(--accent-color)}#history{padding-top:0 !important;width:min(36rem,100%)}#history .sticky{margin-left:-0.7rem;padding:1rem 0;background-color:rgba(var(--background-color), 1)}#exchange_history{margin-top:.5rem}.history-entry{display:grid;grid-template-columns:auto 1fr auto;gap:.5rem 1rem;align-items:center;margin-bottom:2rem}.history-entry[data-status=SUCCESS] .history-entry__status .icon{fill:var(--green)}.history-entry[data-status=PENDING] .history-entry__status .icon,.history-entry[data-status=WAITING_CONFIRMATION] .history-entry__status .icon{fill:var(--yellow)}.history-entry__status{display:flex;align-items:center;justify-content:center;grid-row:1/3;width:2.5rem;height:2.5rem;background-color:rgba(var(--text-color), 0.03);border-radius:2rem}.history-entry__token-action{font-weight:500}.history-entry__amount{font-weight:500;text-align:right}.history-entry[data-type=deposit] .history-entry__amount:not(:empty){color:var(--green)}.history-entry[data-type=deposit] .history-entry__amount:not(:empty)::before{content:"+ "}.history-entry[data-type=withdraw] .history-entry__amount:not(:empty)::before{content:"- "}.history-entry__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.history-entry__txid{font-weight:500;font-size:.9rem}#portfolio_asset_page .sticky{margin-top:-1.5rem;margin-left:-0.7rem;padding:1rem 0;background-color:rgba(var(--background-color), 1)}#portfolio_asset__history{margin-top:1rem}#portfolio_cards_wrapper{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit, minmax(12rem, 1fr))}.personal-asset-balance{align-content:flex-start;padding:1rem;border-radius:.5rem;color:rgba(0,0,0,.8);width:100%}.personal-asset-balance:not(:last-of-type){margin-right:.5rem}.personal-asset-balance:nth-of-type(1){background:url("bg-art2.svg") no-repeat bottom right,#c2ffd7;background-size:contain}.personal-asset-balance:nth-of-type(1) .icon{background-color:rgba(102,255,156,.5)}.personal-asset-balance:nth-of-type(1) .button{border:solid thin rgba(102,255,156,.5)}.personal-asset-balance:nth-of-type(2){background:url("back.svg") no-repeat top right,#fcffa8;background-size:contain}.personal-asset-balance:nth-of-type(2) .icon{background-color:rgba(255,234,0,.5)}.personal-asset-balance>.flex{margin-bottom:.3rem}.personal-asset-balance>.flex .icon{height:2rem;width:2rem;padding:.4rem;border-radius:.3rem;fill:rgba(0,0,0,.8);margin-right:.5rem}.personal-asset-balance .button{display:flex;align-items:center;margin-top:.5rem;padding-right:.8rem;justify-self:flex-start;border-radius:1rem;background-color:rgba(var(--foreground-color), 1);color:rgba(var(--text-color), 1);transition:box-shadow .3s}.personal-asset-balance .button .icon{height:1rem;background-color:transparent;margin-right:.3rem}.personal-asset-balance .button:hover{box-shadow:0 .3rem .5rem rgba(0,0,0,.16)}#personal_rupee_balance span:first-of-type,#personal_flo_balance span:first-of-type{font-size:1.5rem}#personal_rupee_balance span:last-of-type,#personal_flo_balance span:last-of-type{font-size:.9rem}#portfolio_result{justify-content:center;text-align:center}#portfolio_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#portfolio_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#portfolio_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}#help{width:min(60ch,100%);margin-bottom:3rem;align-content:flex-start}#help ul{list-style:initial;display:grid;gap:1rem}#help ul li{margin-left:1rem;padding-left:.5rem;font-size:.9rem}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}#user_popup_button{width:100%}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}#asset_list_wrapper{padding:0 1.5rem}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#exchange{margin:0;padding:0}#login_form{padding:0 1.5rem}#asset_page__header{display:flex;padding:1rem 1.5rem .5rem .8rem}#chart_header{padding:0 1.5rem .5rem 1.5rem}#trade_form{padding:0 1.5rem}#price_chart_container{flex:1}#asset_page__footer button{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0;color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}#asset_page__footer button .icon{height:1.2rem;margin-bottom:.3rem;margin-right:.3rem}#asset_page__footer button.active{color:var(--accent-color)}#asset_page__footer button.active .icon{fill:var(--accent-color)}.hide-on-mobile{display:none !important}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.popup__header{grid-column:1/-1;padding:1rem 1.5rem 0 1.5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{align-self:flex-start;padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#user_popup_button{justify-self:flex-end}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}#pages_container>*{margin:0 1.5rem;padding:2rem}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:17rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:2rem;background-color:var(--accent-color)}.order-card{grid-template-columns:auto 1fr 1fr 1fr auto;grid-template-areas:"checkbox quantity price amount time cancel"}.orders_section__header{background-color:rgba(var(--foreground-color), 1)}#history .sticky,#portfolio_asset_page .sticky{background-color:rgba(var(--foreground-color), 1)}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 52rem){body:not(.is-signed-in) #market{gap:2rem;width:100%;grid-template-columns:18rem 1fr}.completed-trade{grid-template-columns:1fr 1fr 1fr 8rem;grid-template-areas:"quantity price amount info"}.completed-trade .quantity-block{grid-area:quantity}.completed-trade .price-block{grid-area:price}.completed-trade .amount-block{grid-area:amount}.completed-trade .info-block{grid-area:info}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page_wrapper{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}}
\ No newline at end of file
+*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;scroll-behavior:smooth}body{--accent-color: #516beb;--text-color: 20, 20, 20;--foreground-color: 252, 253, 255;--background-color: 241, 243, 248;--danger-color: rgb(255, 75, 75);--green: #1cad59;--yellow: #bd7200;scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1);transition:background-color .3s}body[data-theme=dark]{--accent-color: #a4b3ff;--text-color: 220, 220, 220;--foreground-color: 27, 28, 29;--background-color: 21, 22, 22;--danger-color: rgb(255, 106, 106);--green: #00e676;--yellow: #ffeb3b}body[data-theme=dark] sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}p,strong{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type),strong:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{text-decoration:none;color:var(--accent-color)}a:focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a.button{display:flex;align-items:center;padding:.4rem .6rem;border-radius:.3rem;font-size:.9rem;font-weight:500;color:var(--accent-color)}fieldset{border:none}button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;-webkit-tap-highlight-color:transparent;align-items:center;font-size:.9rem;font-weight:500;white-space:nowrap;padding:.8rem;border-radius:.3rem;justify-content:center}button:focus-visible{outline:var(--accent-color) solid medium}button:not(:disabled){cursor:pointer}.button{color:var(--accent-color);background-color:rgba(var(--text-color), 0.06)}.button--primary,.button--danger{color:rgba(var(--background-color), 1) !important}.button--primary .icon,.button--danger .icon{fill:rgba(var(--background-color), 1)}.button--primary{background-color:var(--accent-color)}.button--danger{background-color:var(--danger-color)}.button--small{padding:.4rem .6rem}.cta{text-transform:uppercase;font-size:.8rem;font-weight:700;letter-spacing:.05em;padding:.8rem 1rem}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}input{accent-color:var(--accent-color)}sm-input{font-size:.9rem;--border-radius: 0.3rem}sm-button{text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:.9rem;--padding: 0.7rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}sm-button.danger{--background: var(--danger-color);color:rgba(var(--background-color), 1)}sm-form{--gap: 1rem}sm-copy{font-size:.9rem}ul{list-style:none}.hide{display:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wrap-around{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.sticky{position:-webkit-sticky;position:sticky;top:0;z-index:1}.full-bleed{grid-column:1/4}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.flex-direction-column{flex-direction:column}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.space-between{justify-content:space-between}.w-100{width:100%}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.margin-right-0-5{margin-right:.5rem}.margin-left-0-5{margin-left:.5rem}.icon-only{padding:.5rem;aspect-ratio:1/1;background-color:transparent}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.empty-state{display:grid;text-align:center;justify-items:center;width:100%;max-width:none;padding:1.5rem}.empty-state__icon{height:3rem;width:3rem;padding:.6rem;border-radius:1rem;background-color:rgba(var(--text-color), 0.06);margin-bottom:1rem}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#prompt_message{margin-bottom:1.5rem}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem;align-items:center;justify-items:flex-start}.popup__header__close{padding:.5rem;margin-left:-0.5rem}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){align-content:flex-start}.logo{display:grid;align-items:center;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:auto}.logo h4{text-transform:capitalize;font-weight:600}.logo .main-logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details:not(:last-of-type){border-bottom:thin solid rgba(var(--text-color), 0.3)}details summary{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}details .icon{flex-shrink:0}details[open]{padding-bottom:1rem}details[open] summary .icon{transform:rotate(180deg)}strip-select{--gap: 0;background-color:rgba(var(--text-color), 0.06);border-radius:.2rem}strip-option{font-weight:500;font-size:.9rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;--border-radius: 0;--active-option-color: rgba(var(--background-color), 1);--active-option-background-color: var(--accent-color)}strip-option:first-of-type{--border-radius: 0.2rem 0 0 0.2rem}strip-option:last-of-type{--border-radius: 0 0.2rem 0.2rem 0}sm-select,sm-option{font-size:.9rem}sm-checkbox{--height: 1rem;--width: 1rem;-webkit-tap-highlight-color:transparent}.warning{background-color:khaki;color:rgba(0,0,0,.7);padding:1rem;border-radius:.5rem;line-height:1.5}.tip{border-radius:1.5rem;background-color:rgba(var(--text-color), 0.06);padding:.3rem .8rem;font-size:.85rem}.tip .icon{fill:var(--accent-color);flex-shrink:0}.tooltip{display:flex;position:relative;z-index:8;cursor:pointer}.tooltip .banner{position:absolute;right:0;top:100%;width:min(20rem,100vw - 1rem);display:none;font-size:.9rem;background-color:rgba(var(--foreground-color), 1);padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.1);border:solid thin rgba(var(--text-color), 0.2)}.tooltip:hover .banner{display:block}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}.mobile-page{align-items:flex-start}#landing{grid-template-rows:auto 1fr}#landing header{padding:1.5rem 0}#landing>.grid{align-content:flex-start;text-align:center;gap:1rem}#sign_up{grid-template-rows:auto 1fr;align-items:center}#sign_up section{margin-top:-6rem;justify-self:center;width:min(24rem,100%)}#sign_up header{padding:1.5rem 0}#sign_up .h2{margin-bottom:.5rem}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#sign_up .warning{margin-top:2rem}.multi-state-button{display:grid;text-align:center;align-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}#home{height:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start}#login_form{width:min(24rem,100%);margin:0 auto}#login_form__priv_key{margin-top:1rem}#main_header{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem;width:100%;align-items:center}#user_popup_button{background-color:rgba(var(--text-color), 0.06);border-radius:2rem;font-size:.8rem}#main_navbar{width:100%}.main_navbar__item{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0}.main_navbar__item .item__title,.main_navbar__item .icon{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s}.main_navbar__item .item__title{color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}.main_navbar__item .icon{height:1.2rem;margin-bottom:.3rem}.main_navbar__item--active .item__title{color:var(--accent-color)}.main_navbar__item--active .icon{fill:var(--accent-color)}#pages_container{display:flex;flex:1;width:100%;height:100%;justify-content:center;overflow-y:auto}#pages_container>*{padding:0 1.5rem;min-width:min(26rem,100%)}.listed-asset{position:relative;gap:.5rem;padding:1rem 0;border-radius:.5rem;font-weight:400;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;grid-template-columns:auto 1fr auto auto;grid-template-areas:"icon name rate right-arrow" "icon name countdown right-arrow"}.listed-asset__icon{grid-area:icon;padding:.5rem;border-radius:1rem;display:flex;background-color:var(--accent-color)}.listed-asset__icon .icon{height:1.2rem;width:1.2rem;fill:rgba(var(--background-color), 1)}.listed-asset__name{grid-area:name;margin-left:.3rem}.listed-asset__rate{grid-area:rate}.listed-asset__countdown{display:flex;align-items:center;grid-area:countdown;justify-self:flex-end;font-size:.8rem;color:var(--accent-color)}.listed-asset__countdown .icon{margin-left:.3rem;overflow:visible;stroke-width:3;fill:none}.listed-asset__countdown .icon .path-a{stroke:var(--accent-color);stroke-dashoffset:var(--path-length, 0);stroke-dasharray:63}.listed-asset__countdown .icon .path-b{stroke:rgba(var(--text-color), 0.2)}.listed-asset__right-arrow{grid-area:right-arrow;background-color:rgba(var(--text-color), 0.1);border-radius:1rem;padding:.1rem;margin-left:.3rem}.quantity-selector .button{flex:1;padding:.5rem .6rem;margin-left:.5rem}#quantity_selector_tip::first-letter{text-transform:uppercase}#quantity_type,#portfolio_quantity_type{font-size:.8rem;padding-right:.5rem;border-right:thin solid rgba(var(--text-color), 0.3);margin-right:auto;color:rgba(var(--text-color), 0.8);line-height:1.5;font-weight:500;min-width:8ch}#exchange_wrapper{display:flex;flex-direction:column;height:100%}#asset_page{position:relative;display:flex;flex-direction:column;height:100%;align-items:flex-start}#asset_page_wrapper{display:flex;flex-direction:column;height:100%;width:100%}#trade_form{height:100%}#trade_form::part(form){display:flex;flex-direction:column;gap:0}#trade_form>*{margin-bottom:1rem}#trade_form>:last-child{margin-top:auto}#my_orders,#market{width:min(46rem,100%);height:-webkit-max-content;height:-moz-max-content;height:max-content}#my_orders{grid-template-rows:auto 1fr}.orders_section__header{min-height:2.8rem;position:-webkit-sticky;position:sticky;top:0;background-color:rgba(var(--background-color), 1);z-index:2;transition:background-color .3s}.list__item{padding:.5rem 0;display:grid}.order-card{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.5rem;grid-template-columns:-webkit-min-content 1fr auto;grid-template-columns:min-content 1fr auto;border-radius:.5rem;grid-template-areas:"checkbox quantity quantity time" "checkbox price amount cancel"}.order-card>.grid:nth-of-type(2){grid-area:price}.order-card>.grid:nth-of-type(3){grid-area:amount}.order-card__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.order-card[data-type=buy] .order-card__type{color:var(--green)}.order-card[data-type=sell] .order-card__type{color:var(--danger-color)}.order-card--selected{background-color:rgba(var(--text-color), 0.08)}.order-card--selected .cancel-order{visibility:hidden;pointer-events:none}.order-card sm-checkbox{grid-area:checkbox;cursor:pointer;margin-right:.5rem}.order-card__quantity,.order-card__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.order-card__time{grid-area:time;font-size:.8rem;color:rgba(var(--text-color), 0.8)}.order-card .cancel-order{grid-area:cancel;color:var(--danger-color)}.order-card .cancel-order .icon{fill:var(--danger-color)}.cancel-order{align-items:center;padding:.4rem .6rem}.cancel-order span{margin-left:.3rem}.completed-trade,.transaction-card,.live-order{gap:0 1rem}.completed-trade__type,.transaction-card__type,.live-order__type{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.completed-trade[data-type=Bought] .completed-trade__type,.completed-trade--buy .completed-trade__type,.completed-trade[data-type=Bought] .transaction-card__type,.completed-trade--buy .transaction-card__type,.completed-trade[data-type=Bought] .live-order__type,.completed-trade--buy .live-order__type,.transaction-card[data-type=Bought] .completed-trade__type,.transaction-card--buy .completed-trade__type,.transaction-card[data-type=Bought] .transaction-card__type,.transaction-card--buy .transaction-card__type,.transaction-card[data-type=Bought] .live-order__type,.transaction-card--buy .live-order__type,.live-order[data-type=Bought] .completed-trade__type,.live-order--buy .completed-trade__type,.live-order[data-type=Bought] .transaction-card__type,.live-order--buy .transaction-card__type,.live-order[data-type=Bought] .live-order__type,.live-order--buy .live-order__type{color:var(--green)}.completed-trade[data-type=Sold] .completed-trade__type,.completed-trade--sell .completed-trade__type,.completed-trade[data-type=Sold] .transaction-card__type,.completed-trade--sell .transaction-card__type,.completed-trade[data-type=Sold] .live-order__type,.completed-trade--sell .live-order__type,.transaction-card[data-type=Sold] .completed-trade__type,.transaction-card--sell .completed-trade__type,.transaction-card[data-type=Sold] .transaction-card__type,.transaction-card--sell .transaction-card__type,.transaction-card[data-type=Sold] .live-order__type,.transaction-card--sell .live-order__type,.live-order[data-type=Sold] .completed-trade__type,.live-order--sell .completed-trade__type,.live-order[data-type=Sold] .transaction-card__type,.live-order--sell .transaction-card__type,.live-order[data-type=Sold] .live-order__type,.live-order--sell .live-order__type{color:var(--danger-color)}.completed-trade__total,.transaction-card__total,.live-order__total{font-weight:700;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.completed-trade__quantity,.completed-trade__price,.transaction-card__quantity,.transaction-card__price,.live-order__quantity,.live-order__price{font-size:.9rem;color:rgba(var(--text-color), 0.9)}.completed-trade__time,.transaction-card__time,.live-order__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.completed-trade .more-info,.transaction-card .more-info,.live-order .more-info{flex-shrink:0;padding:.3rem}.transaction-card{content-visibility:auto;contain-intrinsic-size:2.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.completed-trade{display:grid;gap:.5rem;grid-template-columns:1fr 1fr;background-color:rgba(var(--text-color), 0.03);border-radius:.5rem;padding:1rem;margin-bottom:.5rem}#market_asset_rates{display:grid;gap:.5rem}#market_asset_rates .listed-asset{padding:1rem;background-color:rgba(var(--text-color), 0.03)}#market_orders_wrapper .list__header{font-size:.8rem;font-weight:500}#market_orders_wrapper .list__header div{padding:.5rem 0}#market_orders_wrapper .list__header{margin-bottom:.5rem;grid-template-columns:repeat(3, 1fr) 2rem}.live-order{display:grid;gap:1rem;padding:1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.03)}.live-order:not(:last-of-type){margin-bottom:.5rem}.live-order[data-type=buy]{background-color:#00fa9a10}.live-order[data-type=sell]{background-color:#e2135110}#portfolio{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr);align-content:flex-start;width:min(32rem,100%)}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-bottom:.2rem}#my_assets{gap:.5rem;margin-top:.5rem;padding-bottom:1.5rem;border:none}.balance-card{display:grid;align-items:center;gap:0 .5rem;padding:1rem;padding-left:.6rem;border-radius:.3rem;color:inherit;background-color:rgba(var(--text-color), 0.03)}.balance-card.is-locked{grid-template-columns:auto 1fr auto}.balance-card.is-locked .balance-card__icon{grid-row:span 2}.balance-card.is-locked .balance-card__right-arrow{grid-area:1/3/3/4}.balance-card.is-locked .balance-card__amount-wrapper{grid-area:2/2/3/3}.balance-card:not(.is-locked){grid-template-columns:auto 1fr auto auto}.balance-card:not(.is-locked) .balance-card__right-arrow{grid-area:1/4/2/5}.balance-card__icon{display:flex;align-content:center;justify-content:center;margin:0 .5rem;border-radius:.8rem;align-self:flex-start;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.9rem;font-weight:500}.balance-card__amount-wrapper{margin-top:.5rem;grid-column:3/-1;gap:.3rem 1rem;grid-template-columns:1fr 1fr}.balance-card__amount-wrapper>:nth-child(even){text-align:right}.balance-card__right-arrow{background-color:rgba(var(--text-color), 0.1);border-radius:1rem;padding:.1rem;fill:var(--accent-color)}#history{padding-top:0 !important;width:min(36rem,100%)}#history .sticky{margin-left:-0.7rem;padding:1rem 0;background-color:rgba(var(--background-color), 1)}#exchange_history{margin-top:.5rem}.history-entry{display:grid;grid-template-columns:auto 1fr auto;gap:.5rem 1rem;align-items:center;margin-bottom:2rem}.history-entry[data-status=SUCCESS] .history-entry__status .icon{fill:var(--green)}.history-entry[data-status=PENDING] .history-entry__status .icon,.history-entry[data-status=WAITING_CONFIRMATION] .history-entry__status .icon{fill:var(--yellow)}.history-entry__status{display:flex;align-items:center;justify-content:center;grid-row:1/3;width:2.5rem;height:2.5rem;background-color:rgba(var(--text-color), 0.03);border-radius:2rem}.history-entry__token-action{font-weight:500}.history-entry__amount{font-weight:500;text-align:right}.history-entry[data-type=deposit] .history-entry__amount:not(:empty){color:var(--green)}.history-entry[data-type=deposit] .history-entry__amount:not(:empty)::before{content:"+ "}.history-entry[data-type=withdraw] .history-entry__amount:not(:empty)::before{content:"- "}.history-entry__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.history-entry__txid{font-weight:500;font-size:.9rem;text-align:right}#portfolio_asset_page .sticky{margin-top:-1.5rem;margin-left:-0.7rem;padding:1rem 0;background-color:rgba(var(--background-color), 1)}#portfolio_asset__history{margin-top:1rem}#portfolio_cards_wrapper{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit, minmax(12rem, 1fr))}.personal-asset-balance{align-content:flex-start;padding:1rem;border-radius:.5rem;color:rgba(0,0,0,.8);width:100%}.personal-asset-balance:not(:last-of-type){margin-right:.5rem}.personal-asset-balance:nth-of-type(1){background:url("bg-art2.svg") no-repeat bottom right,#c2ffd7;background-size:contain}.personal-asset-balance:nth-of-type(1) .icon{background-color:rgba(102,255,156,.5)}.personal-asset-balance:nth-of-type(1) .button{border:solid thin rgba(102,255,156,.5)}.personal-asset-balance:nth-of-type(2){background:url("back.svg") no-repeat top right,#fcffa8;background-size:contain}.personal-asset-balance:nth-of-type(2) .icon{background-color:rgba(255,234,0,.5)}.personal-asset-balance>.flex{margin-bottom:.3rem}.personal-asset-balance>.flex .icon{height:2rem;width:2rem;padding:.4rem;border-radius:.3rem;fill:rgba(0,0,0,.8);margin-right:.5rem}.personal-asset-balance .button{display:flex;align-items:center;margin-top:.5rem;padding-right:.8rem;justify-self:flex-start;border-radius:1rem;background-color:rgba(var(--foreground-color), 1);color:rgba(var(--text-color), 1);transition:box-shadow .3s}.personal-asset-balance .button .icon{height:1rem;background-color:transparent;margin-right:.3rem}.personal-asset-balance .button:hover{box-shadow:0 .3rem .5rem rgba(0,0,0,.16)}#personal_rupee_balance span:first-of-type,#personal_flo_balance span:first-of-type{font-size:1.5rem}#personal_rupee_balance span:last-of-type,#personal_flo_balance span:last-of-type{font-size:.9rem}#portfolio_result{justify-content:center;text-align:center}#portfolio_result__icon{display:flex;padding:1rem;border-radius:50%;background-color:rgba(var(--text-color), 0.06);justify-self:center;-webkit-animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop-up .3s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}#portfolio_result__icon .icon{height:2rem;width:2rem}.icon--success{fill:var(--green)}.icon--failure,.icon--error{fill:var(--danger-color)}@-webkit-keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop-up{from{transform:translateY(3rem) scale(0.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#portfolio_result__cta{padding:1.5rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.06)}.stateful-button-wrapper{display:flex;position:relative;justify-content:center;align-items:center}.stateful-button-wrapper sm-button,.stateful-button-wrapper slide-button{width:100%;z-index:1;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s, -webkit-clip-path .3s;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.stateful-button-wrapper sm-button.clip,.stateful-button-wrapper slide-button.clip{pointer-events:none;-webkit-clip-path:circle(0);clip-path:circle(0)}.stateful-button-wrapper sm-spinner{position:absolute}.stateful-result{overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0}.stateful-result>*{position:absolute}.stateful-result--success .result__background{background-color:var(--green)}.stateful-result--failure .result__background{background-color:var(--danger-color)}.stateful-result .icon-wrapper{-webkit-animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:pop .4s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stateful-result .icon{height:1.5rem;width:1.5rem;fill:rgba(var(--background-color), 1)}.stateful-result span{font-weight:500;color:rgba(var(--background-color), 1)}.stateful-result .result__background{-webkit-animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:ripple-reveal 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275)}.result__background{border-radius:.3rem;height:100%;width:100%;-webkit-clip-path:circle(10%);clip-path:circle(10%)}@-webkit-keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes ripple-reveal{to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}#help{width:min(60ch,100%);margin-bottom:3rem;align-content:flex-start}#help ul{list-style:initial;display:grid;gap:1rem}#help ul li{margin-left:1rem;padding-left:.5rem;font-size:.9rem}@media screen and (max-width: 40rem)and (any-hover: none){.cancel-order span{display:none !important}}@media screen and (max-width: 40rem){sm-button{--padding: 0.9rem 1.6rem}.empty-state{align-self:center}#user_popup_button{width:100%}.main_navbar__item--active .item__title{transform:translateY(100%);opacity:0}.main_navbar__item--active .icon{transform:translateY(50%) scale(1.2)}#asset_list_wrapper{padding:0 1.5rem}.listed-asset{border-radius:0;border-bottom:solid thin rgba(var(--text-color), 0.1)}#exchange{margin:0;padding:0}#login_form{padding:0 1.5rem}#asset_page__header{display:flex;padding:1rem 1.5rem .5rem .8rem}#chart_header{padding:0 1.5rem .5rem 1.5rem}#trade_form{padding:0 1.5rem}#price_chart_container{flex:1}#asset_page__footer button{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0;color:rgba(var(--text-color), 0.8);font-size:.8rem;font-weight:500}#asset_page__footer button .icon{height:1.2rem;margin-bottom:.3rem;margin-right:.3rem}#asset_page__footer button.active{color:var(--accent-color)}#asset_page__footer button.active .icon{fill:var(--accent-color)}.hide-on-mobile{display:none !important}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.popup__header{grid-column:1/-1;padding:1rem 1.5rem 0 1.5rem}#confirmation_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 90vw 1fr}.mobile-page{align-self:flex-start;padding:2rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.hide-on-desktop{display:none !important}#home{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav pages"}#main_header{grid-area:header}#user_popup_button{justify-self:flex-end}#main_navbar{grid-area:nav;flex-direction:column;height:100%;padding-left:.5rem}.main_navbar__item{padding:1.5rem 2rem 1.5rem 1rem;width:100%;flex:0;flex-direction:row;border-radius:.5rem;transition:background-color .3s}.main_navbar__item .icon{margin-bottom:0;margin-right:.5rem}.main_navbar__item .item__title{font-size:.9rem}.main_navbar__item--active{background-color:rgba(var(--text-color), 0.06)}#pages_container{grid-area:pages}#pages_container>*{margin:0 1.5rem;padding:2rem}.is-signed-in #exchange{display:flex;width:100%}.is-signed-in #exchange_wrapper{display:grid;width:100%;height:100%;gap:1.5rem;grid-template-columns:17rem minmax(0, 1fr);align-items:flex-start}#price_history_chart{height:20rem}#asset_list_wrapper{grid-row:1/3}.listed-asset{padding:1rem}.listed-asset--active{opacity:1;background-color:rgba(var(--text-color), 0.06)}.listed-asset--active::before{content:"";position:absolute;width:.25rem;border-radius:0 .2rem .2rem 0;height:2rem;background-color:var(--accent-color)}.order-card{grid-template-columns:auto 1fr 1fr 1fr auto;grid-template-areas:"checkbox quantity price amount time cancel"}.orders_section__header{background-color:rgba(var(--foreground-color), 1)}#history .sticky,#portfolio_asset_page .sticky{background-color:rgba(var(--foreground-color), 1)}}@media screen and (max-width: 80rem)and (min-width: 40rem){.main_navbar__item{padding:1.5rem 1rem}.main_navbar__item .icon{margin-right:0}.main_navbar__item .item__title{display:none !important}}@media screen and (min-width: 52rem){body:not(.is-signed-in) #market{gap:2rem;width:100%;grid-template-columns:18rem 1fr}.completed-trade{grid-template-columns:1fr 1fr 1fr 8rem;grid-template-areas:"quantity price amount info"}.completed-trade .quantity-block{grid-area:quantity}.completed-trade .price-block{grid-area:price}.completed-trade .amount-block{grid-area:amount}.completed-trade .info-block{grid-area:info}}@media screen and (min-width: 64rem){#home{grid-template-columns:auto 1fr}#asset_page_wrapper{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr) 20rem}}@media screen and (min-width: 72rem){.page-layout{grid-template-columns:1fr 80vw 1fr}}@media screen and (min-width: 120rem){.page-layout{grid-template-columns:1fr 70vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.order-card .cancel-order{justify-self:flex-end;overflow:hidden}.order-card .cancel-order .icon,.order-card .cancel-order span{transition:opacity .3s,transform .3s}.order-card .cancel-order .icon{transform:translateX(100%)}.order-card .cancel-order span{transform:translateX(100%);opacity:0}.order-card:hover .cancel-order .icon,.order-card:focus-within .cancel-order .icon{opacity:1}.order-card .cancel-order:hover .icon,.order-card .cancel-order:hover span{opacity:1;transform:translateX(0)}}
\ No newline at end of file
diff --git a/docs/css/main.scss b/docs/css/main.scss
index f425ba0..dbd70d2 100644
--- a/docs/css/main.scss
+++ b/docs/css/main.scss
@@ -1111,6 +1111,7 @@ sm-checkbox {
   &__txid {
     font-weight: 500;
     font-size: 0.9rem;
+    text-align: right;
   }
 }
 #portfolio_asset_page {
diff --git a/docs/index.html b/docs/index.html
index 243a807..107bbdb 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -13,6 +13,7 @@
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" rel="stylesheet">
+    <script src="https://unpkg.com/uhtml@3.0.1/es.js"></script>
     <script src="scripts/floGlobals.js"></script>
     <script src="scripts/lib.js"></script>
     <script src="scripts/floCrypto.js"></script>
@@ -20,7 +21,6 @@
     <script src="scripts/floTokenAPI.js"></script>
     <script src="scripts/floExchangeAPI.js"></script>
     <script src="https://unpkg.com/lightweight-charts/dist/lightweight-charts.standalone.production.js"></script>
-    <script src="//unpkg.com/uhtml"></script>
     <script>
         const DEFAULT_TRADE_PRICE_DEVIATION_BUY = 15 / 100;
         const DEFAULT_TRADE_PRICE_DEVIATION_SELL = 10 / 100;

From 65f7a5d94e08ff916eae74468480823e28125eaf Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Sun, 25 Sep 2022 01:06:08 +0530
Subject: [PATCH 121/168] Improved sink-key management

- multiple sink keys supported
- sink keys are split and shared among nodes (master and slaves)
- when a key is required, master collects the shares from slaves and reconstructs. (key is removed from memory after usage)
---
 src/_constants.js   |   1 -
 src/backup/head.js  | 206 ++++++++++++++++++++++----------------------
 src/backup/slave.js |  52 ++++++-----
 3 files changed, 130 insertions(+), 129 deletions(-)

diff --git a/src/_constants.js b/src/_constants.js
index e10704e..3ad6334 100644
--- a/src/_constants.js
+++ b/src/_constants.js
@@ -27,7 +27,6 @@ module.exports = {
     backup: {
         SHARE_THRESHOLD: 50 / 100, //50%
         HASH_N_ROW: 100,
-        SINK_KEY_INDICATOR: '$$$',
         BACKUP_INTERVAL: 5 * 60 * 1000, //5 min
         BACKUP_SYNC_TIMEOUT: 10 * 60 * 1000, //10 mins
         CHECKSUM_INTERVAL: 100, //times of BACKUP_INTERVAL
diff --git a/src/backup/head.js b/src/backup/head.js
index 926325f..fb59631 100644
--- a/src/backup/head.js
+++ b/src/backup/head.js
@@ -6,39 +6,39 @@ const sync = require('./sync');
 const WebSocket = require('ws');
 
 const {
-    SINK_KEY_INDICATOR,
     SHARE_THRESHOLD
 } = require("../_constants")["backup"];
 
 var DB, app, wss, tokenList; //Container for database and app
 var nodeList, nodeURL, nodeKBucket; //Container for (backup) node list
-var nodeShares = null,
-    connectedSlaves = {},
-    mod = null;
+const connectedSlaves = {},
+    shares_collected = {},
+    shares_pending = {};
+var _mode = null;
 const SLAVE_MODE = 0,
     MASTER_MODE = 1;
 
+const sinkList = {};
+
 //Shares
 function generateShares(sinkKey) {
     let nextNodes = nodeKBucket.nextNode(global.myFloID, null),
         aliveNodes = Object.keys(connectedSlaves);
-    if (nextNodes.length == 0) //This is the last node in nodeList
-        return false;
-    else if (aliveNodes.length == 0) //This is the last node in nodeList
-        return null;
-    else {
-        let N = nextNodes.length + 1,
-            th = Math.ceil(aliveNodes.length * SHARE_THRESHOLD) + 1,
-            shares, refShare, mappedShares = {};
-        shares = floCrypto.createShamirsSecretShares(sinkKey, N, th);
-        refShare = shares.pop();
-        for (let i in nextNodes)
-            mappedShares[nextNodes[i]] = [refShare, shares[i]].join("|");
-        return mappedShares;
-    }
+    nextNodes.unshift(global.myFloID);
+    aliveNodes.unshift(global.myFloID);
+    let N = nextNodes.length + 1,
+        th = Math.ceil(aliveNodes.length * SHARE_THRESHOLD) + 1,
+        shares, refShare, mappedShares = {};
+    shares = floCrypto.createShamirsSecretShares(sinkKey, N, th);
+    refShare = shares.pop();
+    for (let i in nextNodes)
+        mappedShares[nextNodes[i]] = [refShare, shares[i]].join("|");
+    return mappedShares;
 }
 
 function sendShare(ws, sinkID, keyShare) {
+    if (shares_pending[sinkID][ws.floID] === keyShare) //this should always be true unless there is an error
+        delete shares_pending[sinkID][ws.floID]; //delete the share after sending it to respective slave
     ws.send(JSON.stringify({
         command: "SINK_SHARE",
         sinkID,
@@ -47,19 +47,23 @@ function sendShare(ws, sinkID, keyShare) {
 }
 
 function sendSharesToNodes(sinkID, shares) {
-    nodeShares = shares;
+    shares_pending[sinkID] = shares;
     for (let node in shares)
         if (node in connectedSlaves)
             sendShare(connectedSlaves[node], sinkID, shares[node]);
+    if (global.myFloID in shares) {
+        slave.storeShare(sinkID, shares[global.myFloID], false);
+        delete shares_pending[sinkID][global.myFloID];
+    }
+    sinkList[sinkID] = Date.now();
 }
 
-function storeSink(sinkID, sinkPrivKey) {
-    global.sinkID = sinkID;
-    global.sinkPrivKey = sinkPrivKey;
-    let encryptedKey = Crypto.AES.encrypt(SINK_KEY_INDICATOR + sinkPrivKey, global.myPrivKey);
-    DB.query('INSERT INTO sinkShares (floID, share) VALUE (?, ?) ON DUPLICATE KEY UPDATE share=?', [sinkID, encryptedKey, encryptedKey])
-        .then(_ => console.log('SinkID:', sinkID, '|SinkEnKey:', encryptedKey))
-        .catch(error => console.error(error));
+function requestShare(ws, sinkID) {
+    ws.send(JSON.stringify({
+        command: "SEND_SHARE",
+        sinkID: sinkID,
+        pubKey: global.myPubKey
+    }));
 }
 
 /*
@@ -97,42 +101,42 @@ function transferMoneyToNewSink(oldSinkID, oldSinkKey, newSink) {
 }
 */
 
-const collectShares = {};
-collectShares.retrive = function(floID, sinkID, share) {
-    const self = this;
-    if (!self.sinkID) {
-        self.sinkID = sinkID;
-        self.shares = {};
-    } else if (self.sinkID !== sinkID)
-        return console.error("Something is wrong! Slaves are sending different sinkID");
-    if (share.startsWith(SINK_KEY_INDICATOR)) {
-        let sinkKey = share.substring(SINK_KEY_INDICATOR.length);
-        console.debug("Received sink:", sinkID);
-        self.verify(sinkKey);
-    } else
-        self.shares[floID] = share.split("|");
+function collectAndCall(sinkID, callback) {
+    if (!(callback instanceof Function))
+        throw Error("callback should be a function");
+    if (sinkID in shares_collected) //if there is already a collect for sinkID, then just add the callback to queue
+        return shares_collected[sinkID].callbacks.push(callback);
+
+    shares_collected[sinkID] = {
+        callbacks: [callback],
+        shares: {}
+    };
+    for (let floID in connectedSlaves)
+        requestShare(connectedSlaves[floID], sinkID);
+    DB.query("SELECT share FROM sinkShares WHERE floID=?", [sinkID]).then(result => {
+        if (result.length)
+            collectShares(myFloID, sinkID, Crypto.AES.decrypt(result[0].share, global.myPrivKey))
+    }).catch(error => console.error(error))
+}
+
+function collectShares(floID, sinkID, share) {
+    if (_mode !== MASTER_MODE)
+        return console.warn("Not serving as master");
+    if (!(sinkID in shares_collected))
+        return console.error("Something is wrong! Slaves are sending sinkID thats not been collected");
+    shares_collected[sinkID].shares[floID] = share.split("|");
     try {
-        let sinkKey = floCrypto.retrieveShamirSecret([].concat(...Object.values(self.shares)));
-        console.debug("Retrived sink:", sinkID);
-        self.verify(sinkKey);
+        let sinkKey = floCrypto.retrieveShamirSecret([].concat(...Object.values(shares_collected[sinkID].shares)));
+        if (floCrypto.verifyPrivKey(sinkKey, sinkID)) {
+            console.log("Shares collected successfully for", sinkID);
+            shares_collected[sinkID].callbacks.map(fn => fn(sinkKey));
+            delete shares_collected[sinkID];
+        }
     } catch {
         //Unable to retrive sink private key. Waiting for more shares! Do nothing for now
     };
 }
 
-collectShares.verify = function(sinkKey) {
-    const self = this;
-    if (floCrypto.verifyPrivKey(sinkKey, self.sinkID)) {
-        let sinkID = self.sinkID;
-        console.log("Shares collected successfully for", sinkID);
-        self.active = false;
-        delete self.sinkID;
-        delete self.shares;
-        storeSink(sinkID, sinkKey);
-        sendSharesToNodes(sinkID, generateShares(sinkKey));
-    }
-}
-
 function connectWS(floID) {
     let url = nodeURL[floID];
     return new Promise((resolve, reject) => {
@@ -165,7 +169,7 @@ function connectToMaster(i = 0, init = false) {
 function serveAsMaster(init) {
     console.debug('Starting master process');
     slave.stop();
-    mod = MASTER_MODE;
+    _mode = MASTER_MODE;
     informLiveNodes(init);
     app.resume();
 }
@@ -174,7 +178,7 @@ function serveAsSlave(ws, init) {
     console.debug('Starting slave process');
     app.pause();
     slave.start(ws, init);
-    mod = SLAVE_MODE;
+    _mode = SLAVE_MODE;
 }
 
 function informLiveNodes(init) {
@@ -199,40 +203,15 @@ function informLiveNodes(init) {
                 console.warn(`Node(${nodes[i]}) is offline`);
         if (init && flag)
             syncRequest();
-        //Check if sinkKey or share available in DB
-        DB.query("SELECT floID, share FROM sinkShares ORDER BY time_stored DESC LIMIT 1").then(result => {
-            if (result.length) {
-                let share = Crypto.AES.decrypt(result[0].share, global.myPrivKey);
-                if (share.startsWith(SINK_KEY_INDICATOR)) {
-                    //sinkKey is already present in DB, use it directly
-                    collectShares.active = false;
-                    global.sinkPrivKey = share.substring(SINK_KEY_INDICATOR.length);
-                    global.sinkID = floCrypto.getFloID(global.sinkPrivKey);
-                    if (global.sinkID != result[0].floID) {
-                        console.warn("sinkID and sinkKey in DB are not pair!");
-                        storeSink(global.sinkID, global.sinkPrivKey);
-                    }
-                    console.debug("Loaded sink:", global.sinkID);
-                    sendSharesToNodes(global.sinkID, generateShares(global.sinkPrivKey))
-                } else {
-                    //Share is present in DB, try to collect remaining shares and retrive sinkKey
-                    collectShares.active = true;
-                    collectShares.retrive(global.myFloID, result[0].floID, share);
-                }
-            } else if (init) {
-                if (flag) //Other nodes online, try to collect shares and retrive sinkKey
-                    collectShares.active = true;
-                else {
-                    //No other node is active (possible 1st node to start exchange)
-                    console.log("Starting the exchange...");
-                    collectShares.active = false;
-                    let newSink = floCrypto.generateNewID();
-                    console.debug("Generated sink:", newSink.floID, newSink.privKey);
-                    storeSink(newSink.floID, newSink.privKey);
-                    sendSharesToNodes(newSink.floID, generateShares(newSink.privKey));
-                }
-            } else //This should not happen!
-                console.error("Something is wrong! Node is not starting and no key/share present in DB");
+        DB.query("SELECT floID, share FROM sinkShares ORDER BY time_stored DESC").then(result => {
+            if (result.length)
+                result.forEach(r => reconstructShares(r.floID));
+            else if (!flag) {
+                console.log("Starting the exchange...");
+                let newSink = floCrypto.generateNewID();
+                console.debug("Generated sink:", newSink.floID, newSink.privKey);
+                sendSharesToNodes(newSink.floID, generateShares(newSink.privKey));
+            }
         }).catch(error => console.error(error));
     });
 }
@@ -248,25 +227,42 @@ function syncRequest(cur = global.myFloID) {
 }
 
 function updateMaster(floID) {
-    let currentMaster = mod === MASTER_MODE ? global.myFloID : slave.masterWS.floID;
+    let currentMaster = _mode === MASTER_MODE ? global.myFloID : slave.masterWS.floID;
     if (nodeList.indexOf(floID) < nodeList.indexOf(currentMaster))
         connectToMaster();
 }
 
-function slaveConnect(floID, pubKey, ws) {
+function reconstructShares(sinkID) {
+    if (_mode !== MASTER_MODE)
+        return console.warn("Not serving as master");
+    sinkList[sinkID] = null;
+    collectAndCall(sinkID, sinkKey => sendSharesToNodes(sinkID, generateShares(sinkKey)));
+}
+
+function slaveConnect(floID, pubKey, ws, sinks) {
+    if (_mode !== MASTER_MODE)
+        return console.warn("Not serving as master");
     ws.floID = floID;
     ws.pubKey = pubKey;
     connectedSlaves[floID] = ws;
-    if (collectShares.active)
-        ws.send(JSON.stringify({
-            command: "SEND_SHARE",
-            pubKey: global.myPubKey
-        }));
-    else if (nodeShares === null || //The 1st backup is connected
-        Object.keys(connectedSlaves).length < Math.pow(SHARE_THRESHOLD, 2) * Object.keys(nodeShares).length) //re-calib shares for better 
+
+    //Send shares if need to be delivered
+    for (let sinkID in shares_pending)
+        if (floID in shares_pending[sinkID])
+            sendShare(ws, sinkID, shares_pending[floID]);
+    //Request shares if any
+    for (let sinkID in shares_collected)
+        requestShare(ws, sinkID); //if (!(floID in shares_collected[sinkID].shares))
+    //check if sinks in slaves are present
+    if (Array.isArray(sinks))
+        for (let sinkID of sinks)
+            if (!(sinkID in sinkList))
+                reconstructShares(sinkID);
+    /*
+    if (shares_pending === null || //The 1st backup is connected
+        Object.keys(connectedSlaves).length < Math.pow(SHARE_THRESHOLD, 2) * Object.keys(shares_pending).length) //re-calib shares for better 
         sendSharesToNodes(global.sinkID, generateShares(global.sinkPrivKey))
-    else if (nodeShares[floID])
-        sendShare(ws, global.sinkID, nodeShares[floID]);
+    */
 }
 
 //Transmistter
@@ -302,10 +298,10 @@ function startBackupTransmitter(server) {
                         updateMaster(request.floID);
                         break;
                     case "SLAVE_CONNECT":
-                        slaveConnect(request.floID, request.pubKey, ws);
+                        slaveConnect(request.floID, request.pubKey, ws, request.sinks);
                         break;
                     case "SINK_SHARE":
-                        collectShares.retrive(request.floID, request.sinkID, floCrypto.decryptData(request.share, global.myPrivKey))
+                        collectShares(request.floID, request.sinkID, floCrypto.decryptData(request.share, global.myPrivKey))
                     default:
                         invalid = "Invalid Request Type";
                 }
diff --git a/src/backup/slave.js b/src/backup/slave.js
index 5ecb3a7..3bb1621 100644
--- a/src/backup/slave.js
+++ b/src/backup/slave.js
@@ -4,7 +4,6 @@ const {
     BACKUP_INTERVAL,
     BACKUP_SYNC_TIMEOUT,
     CHECKSUM_INTERVAL,
-    SINK_KEY_INDICATOR,
     HASH_N_ROW
 } = require("../_constants")["backup"];
 
@@ -20,19 +19,25 @@ function startSlaveProcess(ws, init) {
     //set masterWS
     ws.on('message', processDataFromMaster);
     masterWS = ws;
-    //inform master
-    let message = {
-        floID: global.myFloID,
-        pubKey: global.myPubKey,
-        req_time: Date.now(),
-        type: "SLAVE_CONNECT"
-    }
-    message.sign = floCrypto.signData(message.type + "|" + message.req_time, global.myPrivKey);
-    ws.send(JSON.stringify(message));
-    //start sync
-    if (init)
-        requestInstance.open();
-    intervalID = setInterval(() => requestInstance.open(), BACKUP_INTERVAL);
+    let sinks_stored = [];
+    DB.query("SELECT floID FROM sinkShares").then(result => {
+        sinks_stored = result.map(r => r.floID);
+    }).catch(error => console.error(error)).finally(_ => {
+        //inform master
+        let message = {
+            floID: global.myFloID,
+            pubKey: global.myPubKey,
+            sinks: sinks_stored,
+            req_time: Date.now(),
+            type: "SLAVE_CONNECT"
+        }
+        message.sign = floCrypto.signData(message.type + "|" + message.req_time, global.myPrivKey);
+        ws.send(JSON.stringify(message));
+        //start sync
+        if (init)
+            requestInstance.open();
+        intervalID = setInterval(() => requestInstance.open(), BACKUP_INTERVAL);
+    })
 }
 
 function stopSlaveProcess() {
@@ -131,7 +136,7 @@ function processDataFromMaster(message) {
                 storeSinkShare(message.sinkID, message.keyShare);
                 break;
             case "SEND_SHARE":
-                sendSinkShare(message.pubKey);
+                sendSinkShare(message.sinkID, message.pubKey);
                 break;
             case "REQUEST_ERROR":
                 console.log(message.error);
@@ -144,23 +149,23 @@ function processDataFromMaster(message) {
     }
 }
 
-function storeSinkShare(sinkID, keyShare) {
-    let encryptedShare = Crypto.AES.encrypt(floCrypto.decryptData(keyShare, global.myPrivKey), global.myPrivKey);
+function storeSinkShare(sinkID, keyShare, decrypt = true) {
+    if (decrypt)
+        keyShare = floCrypto.decryptData(keyShare, global.myPrivKey)
+    let encryptedShare = Crypto.AES.encrypt(keyShare, global.myPrivKey);
     console.log(Date.now(), '|sinkID:', sinkID, '|EnShare:', encryptedShare);
     DB.query("INSERT INTO sinkShares (floID, share) VALUE (?, ?) ON DUPLICATE KEY UPDATE share=?", [sinkID, encryptedShare, encryptedShare])
         .then(_ => null).catch(error => console.error(error));
 }
 
-function sendSinkShare(pubKey) {
-    DB.query("SELECT floID, share FROM sinkShares ORDER BY time_stored DESC LIMIT 1").then(result => {
+function sendSinkShare(sinkID, pubKey) {
+    DB.query("SELECT share FROM sinkShares WHERE floID=?", [sinkID]).then(result => {
         if (!result.length)
-            return console.warn("No key-shares in DB!");
+            return console.warn(`key-shares for ${sinkID} not found in DB!`);
         let share = Crypto.AES.decrypt(result[0].share, global.myPrivKey);
-        if (share.startsWith(SINK_KEY_INDICATOR))
-            console.warn("Key is stored instead of share!");
         let response = {
             type: "SINK_SHARE",
-            sinkID: result[0].floID,
+            sinkID: sinkID,
             share: floCrypto.encryptData(share, pubKey),
             floID: global.myFloID,
             pubKey: global.myPubKey,
@@ -425,5 +430,6 @@ module.exports = {
     },
     start: startSlaveProcess,
     stop: stopSlaveProcess,
+    storeShare: storeSinkShare,
     syncRequest: ws => requestInstance.open(ws)
 }
\ No newline at end of file

From dd232c5a71df065219427aeee3e248d5c90703a0 Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Sun, 25 Sep 2022 02:28:08 +0530
Subject: [PATCH 122/168] Fixes: sinkID and sinkPrivKey usage

---
 src/app.js         |  8 +++++
 src/backup/head.js | 26 ++++++++++++++-
 src/market.js      | 80 +++++++++++++---------------------------------
 src/request.js     |  8 ++++-
 4 files changed, 63 insertions(+), 59 deletions(-)

diff --git a/src/app.js b/src/app.js
index 40fa3a1..205c35b 100644
--- a/src/app.js
+++ b/src/app.js
@@ -114,6 +114,14 @@ module.exports = function App(secret, DB) {
         set: (assets) => Request.assetList = assets
     });
 
+    Object.defineProperty(self, "chest", {
+        set: (chest) => Request.chest = chest
+    });
+
+    Object.defineProperty(self, "collectAndCall", {
+        set: (fn) => Request.collectAndCall = fn
+    });
+
     //Start (or) Stop servers
     self.start = (port) => new Promise(resolve => {
         server = app.listen(port, () => {
diff --git a/src/backup/head.js b/src/backup/head.js
index fb59631..9412e36 100644
--- a/src/backup/head.js
+++ b/src/backup/head.js
@@ -20,6 +20,30 @@ const SLAVE_MODE = 0,
 
 const sinkList = {};
 
+app.chest = {
+    get list() {
+        return Object.keys(sinkList);
+    },
+    get activeList() {
+        let result = [];
+        for (let id in sinkList)
+            if (sinkList[id])
+                result.push(id);
+        return result;
+    },
+    includes(id) {
+        return (id in sinkList);
+    },
+    isActive(id) {
+        return (id in sinkList && sinkList[id] !== null);
+    },
+    get pick() {
+        let sinks = Object.keys(sinkList),
+            i = floCrypto.randInt(0, sinks.length);
+        return sinks[i];
+    }
+};
+
 //Shares
 function generateShares(sinkKey) {
     let nextNodes = nodeKBucket.nextNode(global.myFloID, null),
@@ -261,7 +285,7 @@ function slaveConnect(floID, pubKey, ws, sinks) {
     /*
     if (shares_pending === null || //The 1st backup is connected
         Object.keys(connectedSlaves).length < Math.pow(SHARE_THRESHOLD, 2) * Object.keys(shares_pending).length) //re-calib shares for better 
-        sendSharesToNodes(global.sinkID, generateShares(global.sinkPrivKey))
+        sendSharesToNodes(sinkID, generateShares(sinkPrivKey))
     */
 }
 
diff --git a/src/market.js b/src/market.js
index 705137e..31fc3f0 100644
--- a/src/market.js
+++ b/src/market.js
@@ -1,6 +1,7 @@
 'use strict';
 
 const coupling = require('./coupling');
+const blockchain = require('./blockchain');
 
 const {
     PERIOD_INTERVAL,
@@ -379,9 +380,6 @@ function confirmDepositFLO() {
 
 confirmDepositFLO.checkTx = function(sender, txid) {
     return new Promise((resolve, reject) => {
-        let receiver = global.sinkID; //receiver should be market's floID (ie, sinkID)
-        if (!receiver)
-            return reject([false, 'sinkID not loaded']);
         floBlockchainAPI.getTx(txid).then(tx => {
             let vin_sender = tx.vin.filter(v => v.addr === sender)
             if (!vin_sender.length)
@@ -392,9 +390,9 @@ confirmDepositFLO.checkTx = function(sender, txid) {
                 return reject([false, "Transaction not included in any block yet"]);
             if (!tx.confirmations)
                 return reject([false, "Transaction not confirmed yet"]);
-            let amount = tx.vout.reduce((a, v) => v.scriptPubKey.addresses[0] === receiver ? a + v.value : a, 0);
+            let amount = tx.vout.reduce((a, v) => blockchain.chest.includes(v.scriptPubKey.addresses[0]) ? a + v.value : a, 0);
             if (amount == 0)
-                return reject([true, "Transaction receiver is not market ID"]);
+                return reject([true, "Transaction receiver is not market ID"]); //Maybe reject as false? (to compensate delay in chestList loading from other nodes)
             else
                 resolve(amount);
         }).catch(error => reject([false, error]))
@@ -438,20 +436,8 @@ function withdrawFLO(floID, amount) {
             let txQueries = [];
             txQueries.push(updateBalance.consume(floID, "FLO", amount));
             DB.transaction(txQueries).then(result => {
-                //Send FLO to user via blockchain API
-                floBlockchainAPI.sendTx(global.sinkID, floID, amount, global.sinkPrivKey, '(withdrawal from market)').then(txid => {
-                    if (!txid)
-                        throw Error("Transaction not successful");
-                    //Transaction was successful, Add in DB
-                    DB.query("INSERT INTO OutputFLO (floID, amount, txid, status) VALUES (?, ?, ?, ?)", [floID, amount, txid, "WAITING_CONFIRMATION"])
-                        .then(_ => null).catch(error => console.error(error))
-                        .finally(_ => resolve("Withdrawal was successful"));
-                }).catch(error => {
-                    console.error(error);
-                    DB.query("INSERT INTO OutputFLO (floID, amount, status) VALUES (?, ?, ?)", [floID, amount, "PENDING"])
-                        .then(_ => null).catch(error => console.error(error))
-                        .finally(_ => resolve("Withdrawal request is in process"));
-                });
+                blockchain.sendFLO(floID, amount);
+                resolve("Withdrawal request is in process");
             }).catch(error => reject(error));
         }).catch(error => reject(error));
     });
@@ -459,15 +445,7 @@ function withdrawFLO(floID, amount) {
 
 function retryWithdrawalFLO() {
     DB.query("SELECT id, floID, amount FROM OutputFLO WHERE status=?", ["PENDING"]).then(results => {
-        results.forEach(req => {
-            floBlockchainAPI.sendTx(global.sinkID, req.floID, req.amount, global.sinkPrivKey, 'Withdraw FLO Coins from Market').then(txid => {
-                if (!txid)
-                    throw Error("Transaction not successful");
-                //Transaction was successful, Add in DB
-                DB.query("UPDATE OutputFLO SET status=?, txid=? WHERE id=?", ["WAITING_CONFIRMATION", txid, req.id])
-                    .then(_ => null).catch(error => console.error(error));
-            }).catch(error => console.error(error));
-        })
+        results.forEach(req => blockchain.resendFLO(req.floID, req.amount))
     }).catch(error => reject(error));
 }
 
@@ -537,9 +515,6 @@ function confirmDepositToken() {
 
 confirmDepositToken.checkTx = function(sender, txid) {
     return new Promise((resolve, reject) => {
-        let receiver = global.sinkID; //receiver should be market's floID (ie, sinkID)
-        if (!receiver)
-            return reject([false, 'sinkID not loaded']);
         floTokenAPI.getTx(txid).then(tx => {
             if (tx.parsedFloData.type !== "transfer")
                 return reject([true, "Transaction type not 'transfer'"]);
@@ -552,9 +527,9 @@ confirmDepositToken.checkTx = function(sender, txid) {
             let vin_sender = tx.transactionDetails.vin.filter(v => v.addr === sender)
             if (!vin_sender.length)
                 return reject([true, "Transaction not sent by the sender"]);
-            let amount_flo = tx.transactionDetails.vout.reduce((a, v) => v.scriptPubKey.addresses[0] === receiver ? a + v.value : a, 0);
+            let amount_flo = tx.transactionDetails.vout.reduce((a, v) => blockchain.chest.includes(v.scriptPubKey.addresses[0]) ? a + v.value : a, 0);
             if (amount_flo == 0)
-                return reject([true, "Transaction receiver is not market ID"]);
+                return reject([true, "Transaction receiver is not market ID"]); //Maybe reject as false? (to compensate delay in chestList loading from other nodes)
             else
                 resolve([token_name, amount_token, amount_flo]);
         }).catch(error => reject([false, error]))
@@ -577,19 +552,9 @@ function withdrawToken(floID, token, amount) {
                 txQueries.push(updateBalance.consume(floID, "FLO", required_flo));
                 txQueries.push(updateBalance.consume(floID, token, amount));
                 DB.transaction(txQueries).then(result => {
-                    //Send FLO to user via blockchain API
-                    floTokenAPI.sendToken(global.sinkPrivKey, amount, floID, '(withdrawal from market)', token).then(txid => {
-                        if (!txid) throw Error("Transaction not successful");
-                        //Transaction was successful, Add in DB
-                        DB.query("INSERT INTO OutputToken (floID, token, amount, txid, status) VALUES (?, ?, ?, ?, ?)", [floID, token, amount, txid, "WAITING_CONFIRMATION"])
-                            .then(_ => null).catch(error => console.error(error))
-                            .finally(_ => resolve("Withdrawal was successful"));
-                    }).catch(error => {
-                        console.error(error);
-                        DB.query("INSERT INTO OutputToken (floID, token, amount, status) VALUES (?, ?, ?, ?)", [floID, token, amount, "PENDING"])
-                            .then(_ => null).catch(error => console.error(error))
-                            .finally(_ => resolve("Withdrawal request is in process"));
-                    });
+                    //Send Token to user via token API
+                    blockchain.sendToken(floID, token, amount);
+                    resolve("Withdrawal request is in process");
                 }).catch(error => reject(error));
             }).catch(error => reject(error));
         }).catch(error => reject(error));
@@ -598,15 +563,7 @@ function withdrawToken(floID, token, amount) {
 
 function retryWithdrawalToken() {
     DB.query("SELECT id, floID, token, amount FROM OutputToken WHERE status=?", ["PENDING"]).then(results => {
-        results.forEach(req => {
-            floTokenAPI.sendToken(global.sinkPrivKey, req.amount, req.floID, '(withdrawal from market)', req.token).then(txid => {
-                if (!txid)
-                    throw Error("Transaction not successful");
-                //Transaction was successful, Add in DB
-                DB.query("UPDATE OutputToken SET status=?, txid=? WHERE id=?", ["WAITING_CONFIRMATION", txid, req.id])
-                    .then(_ => null).catch(error => console.error(error));
-            }).catch(error => console.error(error));
-        });
+        results.forEach(req => blockchain.resendToken(req.floID, req.token, req.amount));
     }).catch(error => reject(error));
 }
 
@@ -712,7 +669,7 @@ function blockchainReCheck() {
         clearTimeout(blockchainReCheck.timeout);
         delete blockchainReCheck.timeout;
     }
-    if (!global.sinkID)
+    if (!blockchain.chest.list.length)
         return blockchainReCheck.timeout = setTimeout(blockchainReCheck, WAIT_TIME);
 
     floBlockchainAPI.promisedAPI('api/blocks?limit=1').then(result => {
@@ -738,6 +695,12 @@ module.exports = {
     get priceCountDown() {
         return coupling.price.lastTimes;
     },
+    get chest() {
+        return blockchain.chest;
+    },
+    set chest(c) {
+        blockchain.chest = c;
+    },
     addBuyOrder,
     addSellOrder,
     cancelOrder,
@@ -765,5 +728,8 @@ module.exports = {
     },
     get assetList() {
         return assetList
-    }
+    },
+    set collectAndCall(fn) {
+        blockchain.collectAndCall = fn;
+    },
 };
\ No newline at end of file
diff --git a/src/request.js b/src/request.js
index bc383a3..53bfe56 100644
--- a/src/request.js
+++ b/src/request.js
@@ -128,7 +128,7 @@ function Account(req, res) {
         timestamp: data.timestamp
     }, data.sign, data.floID, data.pubKey).then(req_str => {
         market.getAccountDetails(data.floID).then(result => {
-            result.sinkID = global.sinkID;
+            result.sinkID = market.chest.pick;
             if (trustedIDs.includes(data.floID))
                 result.subAdmin = true;
             res.send(result);
@@ -530,6 +530,12 @@ module.exports = {
     set assetList(assets) {
         market.assetList = assets;
     },
+    set chest(c) {
+        market.chest = c;
+    },
+    set collectAndCall(fn) {
+        market.collectAndCall = fn;
+    },
     set DB(db) {
         DB = db;
         market.DB = db;

From 1e8f2c17e77058ddab0820b698f6930df823d940 Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Mon, 26 Sep 2022 01:34:26 +0530
Subject: [PATCH 123/168] Fix: invoking 'collectAndCall' for withdraws

---
 src/app.js         |   4 +-
 src/backup/head.js |  41 ++++++++------
 src/blockchain.js  | 130 +++++++++++++++++++++++++++++++++++++++++++++
 src/market.js      |  26 ++++-----
 src/request.js     |   6 +--
 5 files changed, 173 insertions(+), 34 deletions(-)
 create mode 100644 src/blockchain.js

diff --git a/src/app.js b/src/app.js
index 205c35b..f70cba0 100644
--- a/src/app.js
+++ b/src/app.js
@@ -114,8 +114,8 @@ module.exports = function App(secret, DB) {
         set: (assets) => Request.assetList = assets
     });
 
-    Object.defineProperty(self, "chest", {
-        set: (chest) => Request.chest = chest
+    Object.defineProperty(self, "chests", {
+        set: (chests) => Request.chests = chests
     });
 
     Object.defineProperty(self, "collectAndCall", {
diff --git a/src/backup/head.js b/src/backup/head.js
index 9412e36..374c10c 100644
--- a/src/backup/head.js
+++ b/src/backup/head.js
@@ -20,7 +20,7 @@ const SLAVE_MODE = 0,
 
 const sinkList = {};
 
-app.chest = {
+app.chests = {
     get list() {
         return Object.keys(sinkList);
     },
@@ -125,24 +125,33 @@ function transferMoneyToNewSink(oldSinkID, oldSinkKey, newSink) {
 }
 */
 
-function collectAndCall(sinkID, callback) {
+function collectAndCall(sinkID, callback, timeout = null) {
     if (!(callback instanceof Function))
         throw Error("callback should be a function");
-    if (sinkID in shares_collected) //if there is already a collect for sinkID, then just add the callback to queue
-        return shares_collected[sinkID].callbacks.push(callback);
-
-    shares_collected[sinkID] = {
-        callbacks: [callback],
-        shares: {}
-    };
-    for (let floID in connectedSlaves)
-        requestShare(connectedSlaves[floID], sinkID);
-    DB.query("SELECT share FROM sinkShares WHERE floID=?", [sinkID]).then(result => {
-        if (result.length)
-            collectShares(myFloID, sinkID, Crypto.AES.decrypt(result[0].share, global.myPrivKey))
-    }).catch(error => console.error(error))
+    if (!(sinkID in shares_collected)) { //if not already collecting shares for sinkID, then initiate collection
+        shares_collected[sinkID] = {
+            callbacks: [],
+            shares: {}
+        };
+        for (let floID in connectedSlaves)
+            requestShare(connectedSlaves[floID], sinkID);
+        DB.query("SELECT share FROM sinkShares WHERE floID=?", [sinkID]).then(result => {
+            if (result.length)
+                collectShares(myFloID, sinkID, Crypto.AES.decrypt(result[0].share, global.myPrivKey))
+        }).catch(error => console.error(error))
+    }
+    shares_collected[sinkID].callbacks.push(callback);
+    if (timeout)
+        setTimeout(() => {
+            if (sinkID in shares_collected) {
+                let i = shares_collected[sinkID].callbacks.indexOf(callback);
+                delete shares_collected[sinkID].callbacks[i]; //deleting will empty the index, but space will be there so that order of other indexes are not affected
+            }
+        }, timeout);
 }
 
+collectAndCall.isAlive = (sinkID, callbackRef) => (sinkID in shares_collected && shares_collected[sinkID].callbacks.indexOf(callbackRef) != -1);
+
 function collectShares(floID, sinkID, share) {
     if (_mode !== MASTER_MODE)
         return console.warn("Not serving as master");
@@ -153,7 +162,7 @@ function collectShares(floID, sinkID, share) {
         let sinkKey = floCrypto.retrieveShamirSecret([].concat(...Object.values(shares_collected[sinkID].shares)));
         if (floCrypto.verifyPrivKey(sinkKey, sinkID)) {
             console.log("Shares collected successfully for", sinkID);
-            shares_collected[sinkID].callbacks.map(fn => fn(sinkKey));
+            shares_collected[sinkID].callbacks.forEach(fn => fn instanceof Function ? fn(sinkKey) : null);
             delete shares_collected[sinkID];
         }
     } catch {
diff --git a/src/blockchain.js b/src/blockchain.js
new file mode 100644
index 0000000..bf9e400
--- /dev/null
+++ b/src/blockchain.js
@@ -0,0 +1,130 @@
+'use strict';
+
+var collectAndCall; //container for collectAndCall function from backup module
+var chests; //container for blockchain ids (where assets are stored)
+
+const balance_locked = {},
+    balance_cache = {},
+    callbackCollection = {
+        FLO: {},
+        token: {}
+    };
+
+function getSinkID(amount, asset = "FLO", sinkList = null) {
+    return new Promise((resolve, reject) => {
+        if (!sinkList)
+            sinkList = chests.list.map(s => [s, s in balance_cache ? balance_cache[s][asset] || 0 : 0]) //TODO: improve sorting
+            .sort((a, b) => b[1] - a[1]).map(x => x[0]);
+        if (!sinkList.length)
+            return reject(`Insufficient balance in chests for asset(${asset})`);
+        let sinkID = sinkList.shift();
+        (asset === "FLO" ? floBlockchainAPI.getBalance(sinkID) : floTokenAPI.getBalance(sinkID, asset)).then(balance => {
+            if (!(sinkID in balance_cache))
+                balance_cache[sinkID] = {};
+            balance_cache[sinkID][asset] = balance;
+            if (balance > (amount + (sinkID in balance_locked ? balance_locked[sinkID][asset] || 0 : 0)))
+                return resolve(sinkID);
+            else
+                getSinkID(amount, asset, sinkList)
+                .then(result => resolve(result))
+                .catch(error => reject(error))
+        }).catch(error => {
+            console.error(error);
+            getSinkID(amount, asset, sinkList)
+                .then(result => resolve(result))
+                .catch(error => reject(error))
+        });
+    })
+}
+
+function sendFLO(floID, amount, id) {
+    getSinkID(amount).then(sinkID => {
+        let callback = (sinkKey) => {
+            //Send FLO to user via blockchain API
+            floBlockchainAPI.sendTx(sinkID, floID, amount, sinkKey, '(withdrawal from market)').then(txid => {
+                if (!txid)
+                    throw Error("Transaction not successful");
+                //Transaction was successful, Add in DB
+                DB.query("UPDATE OutputFLO SET status=?, txid=? WHERE id=?", ["WAITING_CONFIRMATION", txid, id])
+                    .then(_ => null).catch(error => console.error(error));
+            }).catch(error => console.error(error)).finally(_ => {
+                delete callbackCollection.FLO[id];
+                balance_locked[sinkID].FLO -= amount;
+            });
+        }
+        collectAndCall(sinkID, callback);
+        callbackCollection.FLO[id] = callback;
+        if (!(sinkID in balance_locked))
+            balance_locked[sinkID] = {};
+        balance_locked[sinkID].FLO = (balance_locked[sinkID].FLO || 0) + amount;
+    }).catch(error => console.error(error))
+}
+
+function sendFLO_init(floID, amount) {
+    DB.query("INSERT INTO OutputFLO (floID, amount, status) VALUES (?, ?, ?)", [floID, amount, "PENDING"])
+        .then(result => sendFLO(floID, amount, result.insertId))
+        .catch(error => console.error(error))
+}
+
+function sendFLO_retry(floID, amount, id) {
+    if (id in callbackCollection.FLO)
+        console.debug("A callback is already pending for this FLO transfer");
+    else
+        sendFLO(floID, amount, id);
+}
+
+function sendToken(floID, token, amount, id) {
+    getSinkID(amount, token).then(sinkID => {
+        let callback = (sinkKey) => {
+            //Send Token to user via token API
+            floTokenAPI.sendToken(sinkKey, amount, floID, '(withdrawal from market)', token).then(txid => {
+                if (!txid)
+                    throw Error("Transaction not successful");
+                //Transaction was successful, Add in DB
+                DB.query("UPDATE OutputToken SET status=?, txid=? WHERE id=?", ["WAITING_CONFIRMATION", txid, id])
+                    .then(_ => null).catch(error => console.error(error));
+            }).catch(error => console.error(error)).finally(_ => {
+                delete callbackCollection.token[id];
+                balance_locked[sinkID][token] -= amount;
+            });
+        }
+        collectAndCall(sinkID, callback);
+        callbackCollection.token[id] = callback;
+        if (!(sinkID in balance_locked))
+            balance_locked[sinkID] = {};
+        balance_locked[sinkID][token] = (balance_locked[sinkID][token] || 0) + amount;
+    }).catch(error => console.error(error))
+}
+
+function sendToken_init() {
+    DB.query("INSERT INTO OutputToken (floID, token, amount, status) VALUES (?, ?, ?, ?)", [floID, token, amount, "PENDING"])
+        .then(result => sendToken(floID, amount, result.insertId))
+        .catch(error => console.error(error))
+}
+
+function sendToken_retry(floID, token, amount, id) {
+    if (id in callbackCollection.token)
+        console.debug("A callback is already pending for this token transfer");
+    else
+        sendToken(floID, token, amount, id);
+}
+
+module.exports = {
+    set collectAndCall(fn) {
+        collectAndCall = fn;
+    },
+    get chests() {
+        return chests;
+    },
+    set chests(c) {
+        chests = c;
+    },
+    sendFLO: {
+        init: sendFLO_init,
+        retry: sendFLO_retry
+    },
+    sendToken: {
+        init: sendToken_init,
+        retry: sendToken_retry
+    }
+}
\ No newline at end of file
diff --git a/src/market.js b/src/market.js
index 31fc3f0..d322e66 100644
--- a/src/market.js
+++ b/src/market.js
@@ -390,9 +390,9 @@ confirmDepositFLO.checkTx = function(sender, txid) {
                 return reject([false, "Transaction not included in any block yet"]);
             if (!tx.confirmations)
                 return reject([false, "Transaction not confirmed yet"]);
-            let amount = tx.vout.reduce((a, v) => blockchain.chest.includes(v.scriptPubKey.addresses[0]) ? a + v.value : a, 0);
+            let amount = tx.vout.reduce((a, v) => blockchain.chests.includes(v.scriptPubKey.addresses[0]) ? a + v.value : a, 0);
             if (amount == 0)
-                return reject([true, "Transaction receiver is not market ID"]); //Maybe reject as false? (to compensate delay in chestList loading from other nodes)
+                return reject([true, "Transaction receiver is not market ID"]); //Maybe reject as false? (to compensate delay in chestsList loading from other nodes)
             else
                 resolve(amount);
         }).catch(error => reject([false, error]))
@@ -436,7 +436,7 @@ function withdrawFLO(floID, amount) {
             let txQueries = [];
             txQueries.push(updateBalance.consume(floID, "FLO", amount));
             DB.transaction(txQueries).then(result => {
-                blockchain.sendFLO(floID, amount);
+                blockchain.sendFLO.init(floID, amount);
                 resolve("Withdrawal request is in process");
             }).catch(error => reject(error));
         }).catch(error => reject(error));
@@ -445,7 +445,7 @@ function withdrawFLO(floID, amount) {
 
 function retryWithdrawalFLO() {
     DB.query("SELECT id, floID, amount FROM OutputFLO WHERE status=?", ["PENDING"]).then(results => {
-        results.forEach(req => blockchain.resendFLO(req.floID, req.amount))
+        results.forEach(req => blockchain.sendFLO.retry(req.floID, req.amount, req.id))
     }).catch(error => reject(error));
 }
 
@@ -527,9 +527,9 @@ confirmDepositToken.checkTx = function(sender, txid) {
             let vin_sender = tx.transactionDetails.vin.filter(v => v.addr === sender)
             if (!vin_sender.length)
                 return reject([true, "Transaction not sent by the sender"]);
-            let amount_flo = tx.transactionDetails.vout.reduce((a, v) => blockchain.chest.includes(v.scriptPubKey.addresses[0]) ? a + v.value : a, 0);
+            let amount_flo = tx.transactionDetails.vout.reduce((a, v) => blockchain.chests.includes(v.scriptPubKey.addresses[0]) ? a + v.value : a, 0);
             if (amount_flo == 0)
-                return reject([true, "Transaction receiver is not market ID"]); //Maybe reject as false? (to compensate delay in chestList loading from other nodes)
+                return reject([true, "Transaction receiver is not market ID"]); //Maybe reject as false? (to compensate delay in chestsList loading from other nodes)
             else
                 resolve([token_name, amount_token, amount_flo]);
         }).catch(error => reject([false, error]))
@@ -553,7 +553,7 @@ function withdrawToken(floID, token, amount) {
                 txQueries.push(updateBalance.consume(floID, token, amount));
                 DB.transaction(txQueries).then(result => {
                     //Send Token to user via token API
-                    blockchain.sendToken(floID, token, amount);
+                    blockchain.sendToken.init(floID, token, amount);
                     resolve("Withdrawal request is in process");
                 }).catch(error => reject(error));
             }).catch(error => reject(error));
@@ -563,7 +563,7 @@ function withdrawToken(floID, token, amount) {
 
 function retryWithdrawalToken() {
     DB.query("SELECT id, floID, token, amount FROM OutputToken WHERE status=?", ["PENDING"]).then(results => {
-        results.forEach(req => blockchain.resendToken(req.floID, req.token, req.amount));
+        results.forEach(req => blockchain.sendToken.retry(req.floID, req.token, req.amount, req.id));
     }).catch(error => reject(error));
 }
 
@@ -669,7 +669,7 @@ function blockchainReCheck() {
         clearTimeout(blockchainReCheck.timeout);
         delete blockchainReCheck.timeout;
     }
-    if (!blockchain.chest.list.length)
+    if (!blockchain.chests.list.length)
         return blockchainReCheck.timeout = setTimeout(blockchainReCheck, WAIT_TIME);
 
     floBlockchainAPI.promisedAPI('api/blocks?limit=1').then(result => {
@@ -695,11 +695,11 @@ module.exports = {
     get priceCountDown() {
         return coupling.price.lastTimes;
     },
-    get chest() {
-        return blockchain.chest;
+    get chests() {
+        return blockchain.chests;
     },
-    set chest(c) {
-        blockchain.chest = c;
+    set chests(c) {
+        blockchain.chests = c;
     },
     addBuyOrder,
     addSellOrder,
diff --git a/src/request.js b/src/request.js
index 53bfe56..10da684 100644
--- a/src/request.js
+++ b/src/request.js
@@ -128,7 +128,7 @@ function Account(req, res) {
         timestamp: data.timestamp
     }, data.sign, data.floID, data.pubKey).then(req_str => {
         market.getAccountDetails(data.floID).then(result => {
-            result.sinkID = market.chest.pick;
+            result.sinkID = market.chests.pick;
             if (trustedIDs.includes(data.floID))
                 result.subAdmin = true;
             res.send(result);
@@ -530,8 +530,8 @@ module.exports = {
     set assetList(assets) {
         market.assetList = assets;
     },
-    set chest(c) {
-        market.chest = c;
+    set chests(c) {
+        market.chests = c;
     },
     set collectAndCall(fn) {
         market.collectAndCall = fn;

From d2f1ba8cda5167d8a596f9eb88839a4e9d9136f9 Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Fri, 30 Sep 2022 04:21:58 +0530
Subject: [PATCH 124/168] Update std_ops

---
 docs/scripts/btcOperator.js      |  685 ++++++++
 docs/scripts/floBlockchainAPI.js |   22 +-
 docs/scripts/floCrypto.js        |  157 +-
 docs/scripts/lib.js              | 2657 +++++++++++++++++++++++++++++-
 4 files changed, 3449 insertions(+), 72 deletions(-)
 create mode 100644 docs/scripts/btcOperator.js

diff --git a/docs/scripts/btcOperator.js b/docs/scripts/btcOperator.js
new file mode 100644
index 0000000..1d0147a
--- /dev/null
+++ b/docs/scripts/btcOperator.js
@@ -0,0 +1,685 @@
+(function(EXPORTS) { //btcOperator v1.0.10
+    /* BTC Crypto and API Operator */
+    const btcOperator = EXPORTS;
+
+    //This library uses API provided by chain.so (https://chain.so/)
+    const URL = "https://chain.so/api/v2/";
+
+    const fetch_api = btcOperator.fetch = function(api) {
+        return new Promise((resolve, reject) => {
+            console.debug(URL + api);
+            fetch(URL + api).then(response => {
+                response.json()
+                    .then(result => result.status === "success" ? resolve(result) : reject(result))
+                    .catch(error => reject(error))
+            }).catch(error => reject(error))
+        })
+    };
+
+    const SATOSHI_IN_BTC = 1e8;
+
+    function get_fee_rate() {
+        return new Promise((resolve, reject) => {
+            fetch('https://api.blockchain.info/mempool/fees').then(response => {
+                if (response.ok)
+                    response.json()
+                    .then(result => resolve(parseFloat((result.regular / SATOSHI_IN_BTC).toFixed(8))))
+                    .catch(error => reject(error));
+                else
+                    reject(response);
+            }).catch(error => reject(error))
+        })
+    }
+
+    const broadcast = btcOperator.broadcast = rawtx => new Promise((resolve, reject) => {
+        $.ajax({
+            type: "POST",
+            url: URL + "send_tx/BTC/",
+            data: {
+                "tx_hex": rawtx
+            },
+            dataType: "json",
+            error: e => reject(e.responseJSON),
+            success: r => r.status === "success" ? resolve(r.data) : reject(r)
+        })
+    });
+
+    Object.defineProperties(btcOperator, {
+        newKeys: {
+            get: () => {
+                let r = coinjs.newKeys();
+                r.segwitAddress = coinjs.segwitAddress(r.pubkey).address;
+                r.bech32Address = coinjs.bech32Address(r.pubkey).address;
+                return r;
+            }
+        },
+        pubkey: {
+            value: key => key.length >= 66 ? key : (key.length == 64 ? coinjs.newPubkey(key) : coinjs.wif2pubkey(key).pubkey)
+        },
+        address: {
+            value: (key, prefix = undefined) => coinjs.pubkey2address(btcOperator.pubkey(key), prefix)
+        },
+        segwitAddress: {
+            value: key => coinjs.segwitAddress(btcOperator.pubkey(key)).address
+        },
+        bech32Address: {
+            value: key => coinjs.bech32Address(btcOperator.pubkey(key)).address
+        }
+    });
+
+    coinjs.compressed = true;
+
+    const verifyKey = btcOperator.verifyKey = function(addr, key) {
+        if (!addr || !key)
+            return undefined;
+        switch (coinjs.addressDecode(addr).type) {
+            case "standard":
+                return btcOperator.address(key) === addr;
+            case "multisig":
+                return btcOperator.segwitAddress(key) === addr;
+            case "bech32":
+                return btcOperator.bech32Address(key) === addr;
+            default:
+                return null;
+        }
+    }
+
+    const validateAddress = btcOperator.validateAddress = function(addr) {
+        if (!addr)
+            return undefined;
+        let type = coinjs.addressDecode(addr).type;
+        if (["standard", "multisig", "bech32"].includes(type))
+            return type;
+        else
+            return false;
+    }
+
+    btcOperator.multiSigAddress = function(pubKeys, minRequired) {
+        if (!Array.isArray(pubKeys))
+            throw "pubKeys must be an array of public keys";
+        else if (pubKeys.length < minRequired)
+            throw "minimum required should be less than the number of pubKeys";
+        return coinjs.pubkeys2MultisigAddress(pubKeys, minRequired);
+    }
+
+    //convert from one blockchain to another blockchain (target version)
+    btcOperator.convert = {};
+
+    btcOperator.convert.wif = function(source_wif, target_version = coinjs.priv) {
+        let keyHex = decodeLegacy(source_wif).hex;
+        if (!keyHex || keyHex.length < 66 || !/01$/.test(keyHex))
+            return null;
+        else
+            return encodeLegacy(keyHex, target_version);
+    }
+
+    btcOperator.convert.legacy2legacy = function(source_addr, target_version = coinjs.pub) {
+        let rawHex = decodeLegacy(source_addr).hex;
+        if (!rawHex)
+            return null;
+        else
+            return encodeLegacy(rawHex, target_version);
+    }
+
+    btcOperator.convert.legacy2bech = function(source_addr, target_version = coinjs.bech32.version, target_hrp = coinjs.bech32.hrp) {
+        let rawHex = decodeLegacy(source_addr).hex;
+        if (!rawHex)
+            return null;
+        else
+            return encodeBech32(rawHex, target_version, target_hrp);
+    }
+
+    btcOperator.convert.bech2bech = function(source_addr, target_version = coinjs.bech32.version, target_hrp = coinjs.bech32.hrp) {
+        let rawHex = decodeBech32(source_addr).hex;
+        if (!rawHex)
+            return null;
+        else
+            return encodeBech32(rawHex, target_version, target_hrp);
+    }
+
+    btcOperator.convert.bech2legacy = function(source_addr, target_version = coinjs.pub) {
+        let rawHex = decodeBech32(source_addr).hex;
+        if (!rawHex)
+            return null;
+        else
+            return encodeLegacy(rawHex, target_version);
+    }
+
+    function decodeLegacy(source) {
+        var decode = coinjs.base58decode(source);
+        var raw = decode.slice(0, decode.length - 4),
+            checksum = decode.slice(decode.length - 4);
+        var hash = Crypto.SHA256(Crypto.SHA256(raw, {
+            asBytes: true
+        }), {
+            asBytes: true
+        });
+        if (hash[0] != checksum[0] || hash[1] != checksum[1] || hash[2] != checksum[2] || hash[3] != checksum[3])
+            return null;
+        let version = raw.shift();
+        return {
+            version: version,
+            hex: Crypto.util.bytesToHex(raw)
+        }
+    }
+
+    function encodeLegacy(hex, version) {
+        var bytes = Crypto.util.hexToBytes(hex);
+        bytes.unshift(version);
+        var hash = Crypto.SHA256(Crypto.SHA256(bytes, {
+            asBytes: true
+        }), {
+            asBytes: true
+        });
+        var checksum = hash.slice(0, 4);
+        return coinjs.base58encode(bytes.concat(checksum));
+    }
+
+    function decodeBech32(source) {
+        let decode = coinjs.bech32_decode(source);
+        if (!decode)
+            return null;
+        var raw = decode.data;
+        let version = raw.shift();
+        raw = coinjs.bech32_convert(raw, 5, 8, false);
+        return {
+            hrp: decode.hrp,
+            version: version,
+            hex: Crypto.util.bytesToHex(raw)
+        }
+    }
+
+    function encodeBech32(hex, version, hrp) {
+        var bytes = Crypto.util.hexToBytes(hex);
+        bytes = coinjs.bech32_convert(bytes, 8, 5, true);
+        bytes.unshift(version)
+        return coinjs.bech32_encode(hrp, bytes);
+    }
+
+    //BTC blockchain APIs
+
+    btcOperator.getBalance = addr => new Promise((resolve, reject) => {
+        fetch_api(`get_address_balance/BTC/${addr}`)
+            .then(result => resolve(parseFloat(result.data.confirmed_balance)))
+            .catch(error => reject(error))
+    });
+
+    const BASE_TX_SIZE = 12,
+        BASE_INPUT_SIZE = 41,
+        LEGACY_INPUT_SIZE = 107,
+        BECH32_INPUT_SIZE = 27,
+        SEGWIT_INPUT_SIZE = 59,
+        MULTISIG_INPUT_SIZE_ES = 351,
+        BASE_OUTPUT_SIZE = 9,
+        LEGACY_OUTPUT_SIZE = 25,
+        BECH32_OUTPUT_SIZE = 23,
+        SEGWIT_OUTPUT_SIZE = 23;
+
+    function _redeemScript(addr, key) {
+        let decode = coinjs.addressDecode(addr);
+        switch (decode.type) {
+            case "standard":
+                return false;
+            case "multisig":
+                return key ? coinjs.segwitAddress(btcOperator.pubkey(key)).redeemscript : null;
+            case "bech32":
+                return decode.redeemscript;
+            default:
+                return null;
+        }
+    }
+
+    function _sizePerInput(addr, rs) {
+        switch (coinjs.addressDecode(addr).type) {
+            case "standard":
+                return BASE_INPUT_SIZE + LEGACY_INPUT_SIZE;
+            case "bech32":
+                return BASE_INPUT_SIZE + BECH32_INPUT_SIZE;
+            case "multisig":
+                switch (coinjs.script().decodeRedeemScript(rs).type) {
+                    case "segwit__":
+                        return BASE_INPUT_SIZE + SEGWIT_INPUT_SIZE;
+                    case "multisig__":
+                        return BASE_INPUT_SIZE + MULTISIG_INPUT_SIZE_ES;
+                    default:
+                        return null;
+                };
+            default:
+                return null;
+        }
+    }
+
+    function _sizePerOutput(addr) {
+        switch (coinjs.addressDecode(addr).type) {
+            case "standard":
+                return BASE_OUTPUT_SIZE + LEGACY_OUTPUT_SIZE;
+            case "bech32":
+                return BASE_OUTPUT_SIZE + BECH32_OUTPUT_SIZE;
+            case "multisig":
+                return BASE_OUTPUT_SIZE + SEGWIT_OUTPUT_SIZE;
+            default:
+                return null;
+        }
+    }
+
+    function validateTxParameters(parameters) {
+        let invalids = [];
+        //sender-ids
+        if (parameters.senders) {
+            if (!Array.isArray(parameters.senders))
+                parameters.senders = [parameters.senders];
+            parameters.senders.forEach(id => !validateAddress(id) ? invalids.push(id) : null);
+            if (invalids.length)
+                throw "Invalid senders:" + invalids;
+        }
+        if (parameters.privkeys) {
+            if (!Array.isArray(parameters.privkeys))
+                parameters.privkeys = [parameters.privkeys];
+            if (parameters.senders.length != parameters.privkeys.length)
+                throw "Array length for senders and privkeys should be equal";
+            parameters.senders.forEach((id, i) => {
+                let key = parameters.privkeys[i];
+                if (!verifyKey(id, key)) //verify private-key
+                    invalids.push(id);
+                if (key.length === 64) //convert Hex to WIF if needed
+                    parameters.privkeys[i] = coinjs.privkey2wif(key);
+            });
+            if (invalids.length)
+                throw "Invalid keys:" + invalids;
+        }
+        //receiver-ids (and change-id)
+        if (!Array.isArray(parameters.receivers))
+            parameters.receivers = [parameters.receivers];
+        parameters.receivers.forEach(id => !validateAddress(id) ? invalids.push(id) : null);
+        if (invalids.length)
+            throw "Invalid receivers:" + invalids;
+        if (parameters.change_addr && !validateAddress(parameters.change_addr))
+            throw "Invalid change_address:" + parameters.change_addr;
+        //fee and amounts
+        if ((typeof parameters.fee !== "number" || parameters.fee <= 0) && parameters.fee !== null) //fee = null (auto calc)
+            throw "Invalid fee:" + parameters.fee;
+        if (!Array.isArray(parameters.amounts))
+            parameters.amounts = [parameters.amounts];
+        if (parameters.receivers.length != parameters.amounts.length)
+            throw "Array length for receivers and amounts should be equal";
+        parameters.amounts.forEach(a => typeof a !== "number" || a <= 0 ? invalids.push(a) : null);
+        if (invalids.length)
+            throw "Invalid amounts:" + invalids;
+        //return
+        return parameters;
+    }
+
+    function createTransaction(senders, redeemScripts, receivers, amounts, fee, change_addr) {
+        return new Promise((resolve, reject) => {
+            let total_amount = parseFloat(amounts.reduce((t, a) => t + a, 0).toFixed(8));
+            const tx = coinjs.transaction();
+            let output_size = addOutputs(tx, receivers, amounts, change_addr);
+            addInputs(tx, senders, redeemScripts, total_amount, fee, output_size).then(result => {
+                if (result.change_amount > 0)
+                    tx.outs[tx.outs.length - 1].value = parseInt(result.change_amount * SATOSHI_IN_BTC); //values are in satoshi
+                else
+                    tx.outs.pop(); //remove the change output if no change_amount
+                result.output_size = output_size;
+                result.output_amount = total_amount;
+                result.total_size = BASE_TX_SIZE + output_size + result.input_size;
+                result.transaction = tx;
+                resolve(result);
+            }).catch(error => reject(error))
+        })
+    }
+
+    function addInputs(tx, senders, redeemScripts, total_amount, fee, output_size) {
+        return new Promise((resolve, reject) => {
+            if (fee !== null) {
+                addUTXOs(tx, senders, redeemScripts, total_amount + fee, false).then(result => {
+                    result.fee = fee;
+                    resolve(result);
+                }).catch(error => reject(error))
+            } else {
+                get_fee_rate().then(fee_rate => {
+                    let net_fee = BASE_TX_SIZE * fee_rate;
+                    net_fee += (output_size * fee_rate);
+                    addUTXOs(tx, senders, redeemScripts, total_amount + net_fee, fee_rate).then(result => {
+                        result.fee_amount = parseFloat((net_fee + (result.input_size * fee_rate)).toFixed(8));
+                        result.fee_rate = fee_rate;
+                        resolve(result);
+                    }).catch(error => reject(error))
+                }).catch(error => reject(error))
+            }
+        })
+    }
+
+    function addUTXOs(tx, senders, redeemScripts, required_amount, fee_rate, rec_args = {}) {
+        return new Promise((resolve, reject) => {
+            required_amount = parseFloat(required_amount.toFixed(8));
+            if (typeof rec_args.n === "undefined") {
+                rec_args.n = 0;
+                rec_args.input_size = 0;
+                rec_args.input_amount = 0;
+            }
+            if (required_amount <= 0)
+                return resolve({
+                    input_size: rec_args.input_size,
+                    input_amount: rec_args.input_amount,
+                    change_amount: required_amount * -1 //required_amount will be -ve of change_amount
+                });
+            else if (rec_args.n >= senders.length)
+                return reject("Insufficient Balance");
+            let addr = senders[rec_args.n],
+                rs = redeemScripts[rec_args.n];
+            let size_per_input = _sizePerInput(addr, rs);
+            fetch_api(`get_tx_unspent/BTC/${addr}`).then(result => {
+                let utxos = result.data.txs;
+                console.debug("add-utxo", addr, rs, required_amount, utxos);
+                for (let i = 0; i < utxos.length && required_amount > 0; i++) {
+                    if (!utxos[i].confirmations) //ignore unconfirmed utxo
+                        continue;
+                    var script;
+                    if (!rs || !rs.length) //legacy script
+                        script = utxos[i].script_hex;
+                    else if (((rs.match(/^00/) && rs.length == 44)) || (rs.length == 40 && rs.match(/^[a-f0-9]+$/gi))) {
+                        //redeemScript for segwit/bech32
+                        let s = coinjs.script();
+                        s.writeBytes(Crypto.util.hexToBytes(rs));
+                        s.writeOp(0);
+                        s.writeBytes(coinjs.numToBytes((utxos[i].value * SATOSHI_IN_BTC).toFixed(0), 8));
+                        script = Crypto.util.bytesToHex(s.buffer);
+                    } else //redeemScript for multisig
+                        script = rs;
+                    tx.addinput(utxos[i].txid, utxos[i].output_no, script, 0xfffffffd /*sequence*/ ); //0xfffffffd for Replace-by-fee
+                    //update track values
+                    rec_args.input_size += size_per_input;
+                    rec_args.input_amount += parseFloat(utxos[i].value);
+                    required_amount -= parseFloat(utxos[i].value);
+                    if (fee_rate) //automatic fee calculation (dynamic)
+                        required_amount += size_per_input * fee_rate;
+                }
+                rec_args.n += 1;
+                addUTXOs(tx, senders, redeemScripts, required_amount, fee_rate, rec_args)
+                    .then(result => resolve(result))
+                    .catch(error => reject(error))
+            }).catch(error => reject(error))
+        })
+    }
+
+    function addOutputs(tx, receivers, amounts, change_addr) {
+        let size = 0;
+        for (let i in receivers) {
+            tx.addoutput(receivers[i], amounts[i]);
+            size += _sizePerOutput(receivers[i]);
+        }
+        tx.addoutput(change_addr, 0);
+        size += _sizePerOutput(change_addr);
+        return size;
+    }
+
+    /*
+    function autoFeeCalc(tx) {
+        return new Promise((resolve, reject) => {
+            get_fee_rate().then(fee_rate => {
+                let tx_size = tx.size();
+                for (var i = 0; i < this.ins.length; i++)
+                    switch (tx.extractScriptKey(i).type) {
+                        case 'scriptpubkey':
+                            tx_size += SIGN_SIZE;
+                            break;
+                        case 'segwit':
+                        case 'multisig':
+                            tx_size += SIGN_SIZE * 0.25;
+                            break;
+                        default:
+                            console.warn('Unknown script-type');
+                            tx_size += SIGN_SIZE;
+                    }
+                resolve(tx_size * fee_rate);
+            }).catch(error => reject(error))
+        })
+    }
+
+    function editFee(tx, current_fee, target_fee, index = -1) {
+        //values are in satoshi
+        index = parseInt(index >= 0 ? index : tx.outs.length - index);
+        if (index < 0 || index >= tx.outs.length)
+            throw "Invalid index";
+        let edit_value = parseInt(current_fee - target_fee), //rip of any decimal places
+            current_value = tx.outs[index].value; //could be BigInterger
+        if (edit_value < 0 && edit_value > current_value)
+            throw "Insufficient value at vout";
+        tx.outs[index].value = current_value instanceof BigInteger ?
+            current_value.add(new BigInteger('' + edit_value)) : parseInt(current_value + edit_value);
+    }
+    */
+
+    btcOperator.sendTx = function(senders, privkeys, receivers, amounts, fee, change_addr = null) {
+        return new Promise((resolve, reject) => {
+            try {
+                ({
+                    senders,
+                    privkeys,
+                    receivers,
+                    amounts
+                } = validateTxParameters({
+                    senders,
+                    privkeys,
+                    receivers,
+                    amounts,
+                    fee,
+                    change_addr
+                }));
+            } catch (e) {
+                return reject(e)
+            }
+            let redeemScripts = [],
+                wif_keys = [];
+            for (let i in senders) {
+                let rs = _redeemScript(senders[i], privkeys[i]); //get redeem-script (segwit/bech32)
+                redeemScripts.push(rs);
+                rs === false ? wif_keys.unshift(privkeys[i]) : wif_keys.push(privkeys[i]); //sorting private-keys (wif)
+            }
+            if (redeemScripts.includes(null)) //TODO: segwit
+                return reject("Unable to get redeem-script");
+            //create transaction
+            createTransaction(senders, redeemScripts, receivers, amounts, fee, change_addr || senders[0]).then(result => {
+                let tx = result.transaction;
+                console.debug("Unsigned:", tx.serialize());
+                new Set(wif_keys).forEach(key => console.debug("Signing key:", key, tx.sign(key, 1 /*sighashtype*/ ))); //Sign the tx using private key WIF
+                console.debug("Signed:", tx.serialize());
+                debugger;
+                broadcast(tx.serialize())
+                    .then(result => resolve(result))
+                    .catch(error => reject(error));
+            }).catch(error => reject(error));
+        })
+    }
+
+    btcOperator.createTx = function(senders, receivers, amounts, fee = null, change_addr = null) {
+        return new Promise((resolve, reject) => {
+            try {
+                ({
+                    senders,
+                    receivers,
+                    amounts
+                } = validateTxParameters({
+                    senders,
+                    receivers,
+                    amounts,
+                    fee,
+                    change_addr
+                }));
+            } catch (e) {
+                return reject(e)
+            }
+            let redeemScripts = senders.map(id => _redeemScript(id));
+            if (redeemScripts.includes(null)) //TODO: segwit
+                return reject("Unable to get redeem-script");
+            //create transaction
+            createTransaction(senders, redeemScripts, receivers, amounts, fee, change_addr || senders[0]).then(result => {
+                result.tx_hex = result.transaction.serialize();
+                delete result.transaction;
+                resolve(result);
+            }).catch(error => reject(error))
+        })
+    }
+
+    btcOperator.createMultiSigTx = function(sender, redeemScript, receivers, amounts, fee) {
+        return new Promise((resolve, reject) => {
+            //validate tx parameters
+            if (validateAddress(sender) !== "multisig")
+                return reject("Invalid sender (multisig):" + sender);
+            else {
+                let script = coinjs.script();
+                let decode = script.decodeRedeemScript(redeemScript);
+                if (!decode || decode.address !== sender)
+                    return reject("Invalid redeem-script");
+            }
+            try {
+                ({
+                    receivers,
+                    amounts
+                } = validateTxParameters({
+                    receivers,
+                    amounts,
+                    fee
+                }));
+            } catch (e) {
+                return reject(e)
+            }
+            //create transaction
+            createTransaction([sender], [redeemScript], receivers, amounts, fee, sender).then(result => {
+                result.tx_hex = result.transaction.serialize();
+                delete result.transaction;
+                resolve(result);
+            }).catch(error => reject(error))
+
+        })
+    }
+
+    function deserializeTx(tx) {
+        if (typeof tx === 'string' || Array.isArray(tx)) {
+            try {
+                tx = coinjs.transaction().deserialize(tx);
+            } catch {
+                throw "Invalid transaction hex";
+            }
+        } else if (typeof tx !== 'object' || typeof tx.sign !== 'function')
+            throw "Invalid transaction object";
+        return tx;
+    }
+
+    btcOperator.signTx = function(tx, privkeys, sighashtype = 1) {
+        tx = deserializeTx(tx);
+        if (!Array.isArray(privkeys))
+            privkeys = [privkeys];
+        for (let i in privkeys)
+            if (privkeys[i].length === 64)
+                privkeys[i] = coinjs.privkey2wif(privkeys[i]);
+        new Set(privkeys).forEach(key => tx.sign(key, sighashtype)); //Sign the tx using private key WIF
+        return tx.serialize();
+    }
+
+    const checkSigned = btcOperator.checkSigned = function(tx, bool = true) {
+        tx = deserializeTx(tx);
+        let n = [];
+        for (let i in tx.ins) {
+            var s = tx.extractScriptKey(i);
+            if (s['type'] !== 'multisig')
+                n.push(s.signed == 'true' || (tx.witness[i] && tx.witness[i].length == 2))
+            else {
+                var rs = coinjs.script().decodeRedeemScript(s.script);
+                let x = {
+                    s: s['signatures'],
+                    r: rs['signaturesRequired'],
+                    t: rs['pubkeys'].length
+                };
+                if (x.r > x.t)
+                    throw "signaturesRequired is more than publicKeys";
+                else if (x.s < x.r)
+                    n.push(x);
+                else
+                    n.push(true);
+            }
+        }
+        return bool ? !(n.filter(x => x !== true).length) : n;
+    }
+
+    btcOperator.checkIfSameTx = function(tx1, tx2) {
+        tx1 = deserializeTx(tx1);
+        tx2 = deserializeTx(tx2);
+        if (tx1.ins.length !== tx2.ins.length || tx1.outs.length !== tx2.outs.length)
+            return false;
+        for (let i = 0; i < tx1.ins.length; i++)
+            if (tx1.ins[i].outpoint.hash !== tx2.ins[i].outpoint.hash || tx1.ins[i].outpoint.index !== tx2.ins[i].outpoint.index)
+                return false;
+        for (let i = 0; i < tx2.ins.length; i++)
+            if (tx1.outs[i].value !== tx2.outs[i].value || Crypto.util.bytesToHex(tx1.outs[i].script.buffer) !== Crypto.util.bytesToHex(tx2.outs[i].script.buffer))
+                return false;
+        return true;
+    }
+
+    const getTxOutput = (txid, i) => new Promise((resolve, reject) => {
+        fetch_api(`get_tx_outputs/BTC/${txid}/${i}`)
+            .then(result => resolve(result.data.outputs))
+            .catch(error => reject(error))
+    });
+
+    btcOperator.parseTransaction = function(tx) {
+        return new Promise((resolve, reject) => {
+            tx = deserializeTx(tx);
+            let result = {};
+            let promises = [];
+            //Parse Inputs
+            for (let i = 0; i < tx.ins.length; i++)
+                promises.push(getTxOutput(tx.ins[i].outpoint.hash, tx.ins[i].outpoint.index));
+            Promise.all(promises).then(inputs => {
+                result.inputs = inputs.map(inp => Object({
+                    address: inp.address,
+                    value: parseFloat(inp.value)
+                }));
+                let signed = checkSigned(tx, false);
+                result.inputs.forEach((inp, i) => inp.signed = signed[i]);
+                //Parse Outputs
+                result.outputs = tx.outs.map(out => {
+                    var address;
+                    switch (out.script.chunks[0]) {
+                        case 0: //bech32
+                            address = encodeBech32(Crypto.util.bytesToHex(out.script.chunks[1]), coinjs.bech32.version, coinjs.bech32.hrp);
+                            break;
+                        case 169: //multisig, segwit
+                            address = encodeLegacy(Crypto.util.bytesToHex(out.script.chunks[1]), coinjs.multisig);
+                            break;
+                        case 118: //legacy
+                            address = encodeLegacy(Crypto.util.bytesToHex(out.script.chunks[2]), coinjs.pub);
+                    }
+                    return {
+                        address,
+                        value: parseFloat(out.value / SATOSHI_IN_BTC)
+                    }
+                });
+                //Parse Totals
+                result.total_input = parseFloat(result.inputs.reduce((a, inp) => a += inp.value, 0).toFixed(8));
+                result.total_output = parseFloat(result.outputs.reduce((a, out) => a += out.value, 0).toFixed(8));
+                result.fee = parseFloat((result.total_input - result.total_output).toFixed(8));
+                resolve(result);
+            }).catch(error => reject(error))
+        })
+    }
+
+    btcOperator.getTx = txid => new Promise((resolve, reject) => {
+        fetch_api(`get_tx/BTC/${txid}`)
+            .then(result => resolve(result.data))
+            .catch(error => reject(error))
+    });
+
+    btcOperator.getAddressData = addr => new Promise((resolve, reject) => {
+        fetch_api(`address/BTC/${addr}`)
+            .then(result => resolve(result.data))
+            .catch(error => reject(error))
+    });
+
+    btcOperator.getBlock = block => new Promise((resolve, reject) => {
+        fetch_api(`get_block/BTC/${block}`)
+            .then(result => resolve(result.data))
+            .catch(error => reject(error))
+    });
+
+})('object' === typeof module ? module.exports : window.btcOperator = {});
\ No newline at end of file
diff --git a/docs/scripts/floBlockchainAPI.js b/docs/scripts/floBlockchainAPI.js
index fcc73b9..d250f86 100644
--- a/docs/scripts/floBlockchainAPI.js
+++ b/docs/scripts/floBlockchainAPI.js
@@ -1,4 +1,4 @@
-(function(EXPORTS) { //floBlockchainAPI v2.3.3
+(function(EXPORTS) { //floBlockchainAPI v2.3.3b
     /* FLO Blockchain Operator to send/receive data from blockchain using API calls*/
     'use strict';
     const floBlockchainAPI = EXPORTS;
@@ -6,7 +6,7 @@
     const DEFAULT = {
         blockchain: floGlobals.blockchain,
         apiURL: {
-            FLO: ['https://livenet.flocha.in/', 'https://flosight.duckdns.org/'],
+            FLO: ['https://flosight.duckdns.org/'],
             FLO_TEST: ['https://testnet-flosight.duckdns.org', 'https://testnet.flocha.in/']
         },
         sendAmt: 0.001,
@@ -49,7 +49,7 @@
     const allServerList = new Set(floGlobals.apiURL && floGlobals.apiURL[DEFAULT.blockchain] ? floGlobals.apiURL[DEFAULT.blockchain] : DEFAULT.apiURL[DEFAULT.blockchain]);
 
     var serverList = Array.from(allServerList);
-    var curPos = floCrypto.randInt(0, serverList - 1);
+    var curPos = floCrypto.randInt(0, serverList.length - 1);
 
     function fetch_retry(apicall, rm_flosight) {
         return new Promise((resolve, reject) => {
@@ -125,9 +125,9 @@
         return new Promise((resolve, reject) => {
             if (!floCrypto.validateASCII(floData))
                 return reject("Invalid FLO_Data: only printable ASCII characters are allowed");
-            else if (!floCrypto.validateAddr(senderAddr))
+            else if (!floCrypto.validateFloID(senderAddr))
                 return reject(`Invalid address : ${senderAddr}`);
-            else if (!floCrypto.validateAddr(receiverAddr))
+            else if (!floCrypto.validateFloID(receiverAddr))
                 return reject(`Invalid address : ${receiverAddr}`);
             else if (privKey.length < 1 || !floCrypto.verifyPrivKey(privKey, senderAddr))
                 return reject("Invalid Private key!");
@@ -202,7 +202,7 @@
     //merge all UTXOs of a given floID into a single UTXO
     floBlockchainAPI.mergeUTXOs = function(floID, privKey, floData = '') {
         return new Promise((resolve, reject) => {
-            if (!floCrypto.validateAddr(floID))
+            if (!floCrypto.validateFloID(floID))
                 return reject(`Invalid floID`);
             if (!floCrypto.verifyPrivKey(privKey, floID))
                 return reject("Invalid Private Key");
@@ -326,7 +326,7 @@
                 }
                 //Validate the receiver IDs and receive amount
                 for (let floID in receivers) {
-                    if (!floCrypto.validateAddr(floID))
+                    if (!floCrypto.validateFloID(floID))
                         invalids.InvalidReceiverIDs.push(floID);
                     if (typeof receivers[floID] !== 'number' || receivers[floID] <= 0)
                         invalids.InvalidReceiveAmountFor.push(floID);
@@ -371,18 +371,18 @@
                     })
                 //Calculate totalSentAmount and check if totalBalance is sufficient
                 let totalSendAmt = totalFee;
-                for (floID in receivers)
+                for (let floID in receivers)
                     totalSendAmt += receivers[floID];
                 if (totalBalance < totalSendAmt)
                     return reject("Insufficient total Balance");
                 //Get the UTXOs of the senders
                 let promises = [];
-                for (floID in senders)
+                for (let floID in senders)
                     promises.push(promisedAPI(`api/addr/${floID}/utxo`));
                 Promise.all(promises).then(results => {
                     let wifSeq = [];
                     var trx = bitjs.transaction();
-                    for (floID in senders) {
+                    for (let floID in senders) {
                         let utxos = results.shift();
                         let sendAmt;
                         if (preserveRatio) {
@@ -406,7 +406,7 @@
                         if (change > 0)
                             trx.addoutput(floID, change);
                     }
-                    for (floID in receivers)
+                    for (let floID in receivers)
                         trx.addoutput(floID, receivers[floID]);
                     trx.addflodata(floData.replace(/\n/g, ' '));
                     for (let i = 0; i < wifSeq.length; i++)
diff --git a/docs/scripts/floCrypto.js b/docs/scripts/floCrypto.js
index 4ab4d5c..6671ffa 100644
--- a/docs/scripts/floCrypto.js
+++ b/docs/scripts/floCrypto.js
@@ -1,4 +1,4 @@
-(function(EXPORTS) { //floCrypto v2.3.0a
+(function(EXPORTS) { //floCrypto v2.3.3d
     /* FLO Crypto Operators */
     'use strict';
     const floCrypto = EXPORTS;
@@ -7,6 +7,7 @@
     const ecparams = EllipticCurve.getSECCurveByName("secp256k1");
     const ascii_alternatives = `‘ '\n’ '\n“ "\n” "\n– --\n— ---\n≥ >=\n≤ <=\n≠ !=\n× *\n÷ /\n← <-\n→ ->\n↔ <->\n⇒ =>\n⇐ <=\n⇔ <=>`;
     const exponent1 = () => p.add(BigInteger.ONE).divide(BigInteger("4"));
+    coinjs.compressed = true; //defaulting coinjs compressed to true;
 
     function calculateY(x) {
         let exp = exponent1();
@@ -80,7 +81,7 @@
     floCrypto.randInt = function(min, max) {
         min = Math.ceil(min);
         max = Math.floor(max);
-        return Math.floor(Math.random() * (max - min + 1)) + min;
+        return Math.floor(securedMathRandom() * (max - min + 1)) + min;
     }
 
     //generate a random String within length (options : alphaNumeric chars only)
@@ -89,7 +90,7 @@
         var characters = alphaNumeric ? 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789' :
             'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789_+-./*?@#&$<>=[]{}():';
         for (var i = 0; i < length; i++)
-            result += characters.charAt(Math.floor(Math.random() * characters.length));
+            result += characters.charAt(Math.floor(securedMathRandom() * characters.length));
         return result;
     }
 
@@ -121,12 +122,8 @@
     //Sign data using private-key
     floCrypto.signData = function(data, privateKeyHex) {
         var key = new Bitcoin.ECKey(privateKeyHex);
-        key.setCompressed(true);
-        var privateKeyArr = key.getBitcoinPrivateKeyByteArray();
-        var privateKey = BigInteger.fromByteArrayUnsigned(privateKeyArr);
         var messageHash = Crypto.SHA256(data);
-        var messageHashBigInteger = new BigInteger(messageHash);
-        var messageSign = Bitcoin.ECDSA.sign(messageHashBigInteger, key.priv);
+        var messageSign = Bitcoin.ECDSA.sign(messageHash, key.priv);
         var sighex = Crypto.util.bytesToHex(messageSign);
         return sighex;
     }
@@ -134,11 +131,9 @@
     //Verify signatue of the data using public-key
     floCrypto.verifySign = function(data, signatureHex, publicKeyHex) {
         var msgHash = Crypto.SHA256(data);
-        var messageHashBigInteger = new BigInteger(msgHash);
         var sigBytes = Crypto.util.hexToBytes(signatureHex);
-        var signature = Bitcoin.ECDSA.parseSig(sigBytes);
         var publicKeyPoint = ecparams.getCurve().decodePointHex(publicKeyHex);
-        var verify = Bitcoin.ECDSA.verifyRaw(messageHashBigInteger, signature.r, signature.s, publicKeyPoint);
+        var verify = Bitcoin.ECDSA.verify(msgHash, sigBytes, publicKeyPoint);
         return verify;
     }
 
@@ -153,8 +148,23 @@
         }
     }
 
-    Object.defineProperty(floCrypto, 'newID', {
-        get: () => generateNewID()
+    Object.defineProperties(floCrypto, {
+        newID: {
+            get: () => generateNewID()
+        },
+        tmpID: {
+            get: () => {
+                let bytes = Crypto.util.randomBytes(20);
+                bytes.unshift(bitjs.pub);
+                var hash = Crypto.SHA256(Crypto.SHA256(bytes, {
+                    asBytes: true
+                }), {
+                    asBytes: true
+                });
+                var checksum = hash.slice(0, 4);
+                return bitjs.Base58.encode(bytes.concat(checksum));
+            }
+        }
     });
 
     //Returns public-key from private-key
@@ -182,6 +192,25 @@
         }
     }
 
+    floCrypto.getAddress = function(privateKeyHex, strict = false) {
+        if (!privateKeyHex)
+            return;
+        var key = new Bitcoin.ECKey(privateKeyHex);
+        if (key.priv == null)
+            return null;
+        key.setCompressed(true);
+        let pubKey = key.getPubKeyHex(),
+            version = bitjs.Base58.decode(privateKeyHex)[0];
+        switch (version) {
+            case coinjs.priv: //BTC
+                return coinjs.bech32Address(pubKey).address;
+            case bitjs.priv: //FLO
+                return bitjs.pubkey2address(pubKey);
+            default:
+                return strict ? false : bitjs.pubkey2address(pubKey); //default to FLO address (if strict=false)
+        }
+    }
+
     //Verify the private-key for the given public-key or flo-ID
     floCrypto.verifyPrivKey = function(privateKeyHex, pubKey_floID, isfloID = true) {
         if (!privateKeyHex || !pubKey_floID)
@@ -202,18 +231,112 @@
         }
     }
 
-    //Check if the given Address is valid or not
-    floCrypto.validateFloID = floCrypto.validateAddr = function(inpAddr) {
-        if (!inpAddr)
+    //Check if the given flo-id is valid or not
+    floCrypto.validateFloID = function(floID) {
+        if (!floID)
             return false;
         try {
-            let addr = new Bitcoin.Address(inpAddr);
+            let addr = new Bitcoin.Address(floID);
             return true;
         } catch {
             return false;
         }
     }
 
+    //Check if the given address (any blockchain) is valid or not
+    floCrypto.validateAddr = function(address, std = true, bech = true) {
+        let raw = decodeAddress(address);
+        if (!raw)
+            return false;
+        if (typeof raw.version !== 'undefined') { //legacy or segwit
+            if (std == false)
+                return false;
+            else if (std === true || (!Array.isArray(std) && std === raw.version) || (Array.isArray(std) && std.includes(raw.version)))
+                return true;
+            else
+                return false;
+        } else if (typeof raw.bech_version !== 'undefined') { //bech32
+            if (bech === false)
+                return false;
+            else if (bech === true || (!Array.isArray(bech) && bech === raw.bech_version) || (Array.isArray(bech) && bech.includes(raw.bech_version)))
+                return true;
+            else
+                return false;
+        } else //unknown
+            return false;
+    }
+
+    //Check the public-key for the address (any blockchain)
+    floCrypto.verifyPubKey = function(pubKeyHex, address) {
+        let raw = decodeAddress(address),
+            pub_hash = Crypto.util.bytesToHex(ripemd160(Crypto.SHA256(Crypto.util.hexToBytes(pubKeyHex), {
+                asBytes: true
+            })));
+        return raw ? pub_hash === raw.hex : false;
+    }
+
+    //Convert the given address (any blockchain) to equivalent floID
+    floCrypto.toFloID = function(address) {
+        if (!address)
+            return;
+        let raw = decodeAddress(address);
+        if (!raw)
+            return;
+        raw.bytes.unshift(bitjs.pub);
+        let hash = Crypto.SHA256(Crypto.SHA256(raw.bytes, {
+            asBytes: true
+        }), {
+            asBytes: true
+        });
+        return bitjs.Base58.encode(raw.bytes.concat(hash.slice(0, 4)));
+    }
+
+    //Checks if the given addresses (any blockchain) are same (w.r.t keys)
+    floCrypto.isSameAddr = function(addr1, addr2) {
+        if (!addr1 || !addr2)
+            return;
+        let raw1 = decodeAddress(addr1),
+            raw2 = decodeAddress(addr2);
+        if (!raw1 || !raw2)
+            return false;
+        else
+            return raw1.hex === raw2.hex;
+    }
+
+    const decodeAddress = floCrypto.decodeAddr = function(address) {
+        if (!address)
+            return;
+        else if (address.length == 33 || address.length == 34) { //legacy encoding
+            let decode = bitjs.Base58.decode(address);
+            let bytes = decode.slice(0, decode.length - 4);
+            let checksum = decode.slice(decode.length - 4),
+                hash = Crypto.SHA256(Crypto.SHA256(bytes, {
+                    asBytes: true
+                }), {
+                    asBytes: true
+                });
+            return (hash[0] != checksum[0] || hash[1] != checksum[1] || hash[2] != checksum[2] || hash[3] != checksum[3]) ? null : {
+                version: bytes.shift(),
+                hex: Crypto.util.bytesToHex(bytes),
+                bytes
+            }
+        } else if (address.length == 42) { //bech encoding
+            let decode = coinjs.bech32_decode(address);
+            if (decode) {
+                let bytes = decode.data;
+                let bech_version = bytes.shift();
+                bytes = coinjs.bech32_convert(bytes, 5, 8, false);
+                return {
+                    bech_version,
+                    hrp: decode.hrp,
+                    hex: Crypto.util.bytesToHex(bytes),
+                    bytes
+                }
+            } else
+                return null;
+        }
+    }
+
     //Split the str using shamir's Secret and Returns the shares 
     floCrypto.createShamirsSecretShares = function(str, total_shares, threshold_limit) {
         try {
diff --git a/docs/scripts/lib.js b/docs/scripts/lib.js
index 80afa89..b435194 100644
--- a/docs/scripts/lib.js
+++ b/docs/scripts/lib.js
@@ -1,4 +1,4 @@
-(function(GLOBAL) { //lib v1.2.2a
+(function(GLOBAL) { //lib v1.3.1
     'use strict';
     /* Utility Libraries required for Standard operations
      * All credits for these codes belong to their respective creators, moderators and owners.
@@ -6,6 +6,37 @@
      */
     GLOBAL.cryptocoin = (typeof floGlobals === 'undefined' ? null : floGlobals.blockchain) || 'FLO';
 
+    const getRandomBytes = (function() {
+        if (typeof require === 'function') {
+            const crypto = require('crypto');
+            return function(buf) {
+                var bytes = crypto.randomBytes(buf.length);
+                buf.set(bytes);
+                return buf;
+            }
+        } else if (GLOBAL.crypto && GLOBAL.crypto.getRandomValues) {
+            return function(buf) {
+                return GLOBAL.crypto.getRandomValues(buf);
+            }
+        } else
+            throw Error('Unable to define getRandomBytes');
+    })();
+
+
+    GLOBAL.securedMathRandom = (function() {
+        if (typeof require === 'function') {
+            const crypto = require('crypto');
+            return function() {
+                return crypto.randomBytes(4).readUInt32LE() / 0xffffffff;
+            }
+        } else if (GLOBAL.crypto && GLOBAL.crypto.getRandomValues) {
+            return function() {
+                return (GLOBAL.crypto.getRandomValues(new Uint32Array(1))[0] / 0xffffffff);
+            }
+        } else
+            throw Error('Unable to define securedMathRandom');
+    })();
+
     //Crypto.js
     (function() {
         // Global Crypto object
@@ -52,7 +83,7 @@
                 // Generate an array of any length of random bytes
                 randomBytes: function(n) {
                     for (var bytes = []; n > 0; n--)
-                        bytes.push(Math.floor(Math.random() * 256));
+                        bytes.push(Math.floor(securedMathRandom() * 256));
                     return bytes;
                 },
 
@@ -405,16 +436,6 @@
     //SecureRandom.js
     (function() {
 
-        const getRandomValues = function(buf) {
-            if (typeof require === 'function') {
-                var bytes = require('crypto').randomBytes(buf.length);
-                buf.set(bytes)
-                return buf;
-            } else if (GLOBAL.crypto && GLOBAL.crypto.getRandomValues)
-                return GLOBAL.crypto.getRandomValues(buf);
-            else
-                return null;
-        }
 
         /*!
          * Random number generator with ArcFour PRNG
@@ -446,10 +467,10 @@
         // ba: byte array
         sr.prototype.nextBytes = function(ba) {
             var i;
-            if (getRandomValues && GLOBAL.Uint8Array) {
+            if (getRandomBytes && GLOBAL.Uint8Array) {
                 try {
                     var rvBytes = new Uint8Array(ba.length);
-                    getRandomValues(rvBytes);
+                    getRandomBytes(rvBytes);
                     for (i = 0; i < ba.length; ++i)
                         ba[i] = sr.getByte() ^ rvBytes[i];
                     return;
@@ -549,23 +570,23 @@
             sr.pool = new Array();
             sr.pptr = 0;
             var t;
-            if (getRandomValues && GLOBAL.Uint8Array) {
+            if (getRandomBytes && GLOBAL.Uint8Array) {
                 try {
                     // Use webcrypto if available
                     var ua = new Uint8Array(sr.poolSize);
-                    getRandomValues(ua);
+                    getRandomBytes(ua);
                     for (t = 0; t < sr.poolSize; ++t)
                         sr.pool[sr.pptr++] = ua[t];
                 } catch (e) {
                     alert(e);
                 }
             }
-            while (sr.pptr < sr.poolSize) { // extract some randomness from Math.random()
-                t = Math.floor(65536 * Math.random());
+            while (sr.pptr < sr.poolSize) { // extract some randomness from securedMathRandom()
+                t = Math.floor(65536 * securedMathRandom());
                 sr.pool[sr.pptr++] = t >>> 8;
                 sr.pool[sr.pptr++] = t & 255;
             }
-            sr.pptr = Math.floor(sr.poolSize * Math.random());
+            sr.pptr = Math.floor(sr.poolSize * securedMathRandom());
             sr.seedTime();
             // entropy
             var entropyStr = "";
@@ -1654,7 +1675,7 @@
             var a = nbi();
             for (var i = 0; i < t; ++i) {
                 //Pick bases at random, instead of starting at 2
-                a.fromInt(lowprimes[Math.floor(Math.random() * lowprimes.length)]);
+                a.fromInt(lowprimes[Math.floor(securedMathRandom() * lowprimes.length)]);
                 var y = a.modPow(r, this);
                 if (y.compareTo(BigInteger.ONE) != 0 && y.compareTo(n1) != 0) {
                     var j = 1;
@@ -2612,7 +2633,7 @@
                 pad: function(cipher, message) {
                     var reqd = _requiredPadding(cipher, message);
                     for (var i = 1; i < reqd; i++) {
-                        message.push(Math.floor(Math.random() * 256));
+                        message.push(Math.floor(securedMathRandom() * 256));
                     }
                     message.push(reqd);
                 },
@@ -4782,8 +4803,8 @@
                 } else if (floDataCount < 253) {
                     floDataCountString = floDataCount.toString(16);
                 } else if (floDataCount <= 1040) {
-                    floDataCountAdjusted = (floDataCount - 253) + parseInt("0xfd00fd");
-                    floDataCountStringAdjusted = floDataCountAdjusted.toString(16);
+                    let floDataCountAdjusted = (floDataCount - 253) + parseInt("0xfd00fd");
+                    let floDataCountStringAdjusted = floDataCountAdjusted.toString(16);
                     floDataCountString = floDataCountStringAdjusted.substr(0, 2) + floDataCountStringAdjusted.substr(4, 2) + floDataCountStringAdjusted.substr(2, 2);
                 } else {
                     floDataCountString = "Character Limit Exceeded";
@@ -5016,12 +5037,12 @@
          *
          * Returns the address as a base58-encoded string in the standardized format.
          */
-        Bitcoin.Address.prototype.toString = function() {
+        Bitcoin.Address.prototype.toString = function(version = null) {
             // Get a copy of the hash
             var hash = this.hash.slice(0);
 
             // Version
-            hash.unshift(this.version);
+            hash.unshift(version !== null ? version : this.version);
             var checksum = Crypto.SHA256(Crypto.SHA256(hash, {
                 asBytes: true
             }), {
@@ -5130,7 +5151,7 @@
                     }
 
                     var Q;
-                    if (pubkey instanceof ec.PointFp) {
+                    if (pubkey instanceof EllipticCurve.PointFp) {
                         Q = pubkey;
                     } else if (Bitcoin.Util.isArray(pubkey)) {
                         Q = EllipticCurve.PointFp.decodeFrom(ecparams.getCurve(), pubkey);
@@ -5444,9 +5465,8 @@
                     var bytes = null;
                     try {
 
-                        // This part is edited for FLO. FLO WIF are always compressed WIF. FLO WIF (private key) starts with R for mainnet and c for testnet.
-                        if (((GLOBAL.cryptocoin == "FLO") && /^R[123456789ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz]{51}$/.test(input)) ||
-                            ((GLOBAL.cryptocoin == "FLO_TEST") && /^c[123456789ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz]{51}$/.test(input))) {
+                        // This part is edited for FLO. FLO WIF are always compressed WIF (length of 52). 
+                        if ((/^[123456789ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz]{52}$/.test(input))) {
                             bytes = ECKey.decodeCompressedWalletImportFormat(input);
                             this.compressed = true;
                         } else if (ECKey.isHexFormat(input)) {
@@ -5673,9 +5693,11 @@
 
                 }
                 var version = hash.shift();
+                /*
                 if (version != ECKey.privateKeyPrefix) {
                     throw "Version " + version + " not supported!";
                 }
+                */
                 return hash;
             };
 
@@ -5697,9 +5719,11 @@
                     throw "Checksum validation failed!";
                 }
                 var version = hash.shift();
+                /*
                 if (version != ECKey.privateKeyPrefix) {
                     throw "Version " + version + " not supported!";
                 }
+                */
                 hash.pop();
                 return hash;
             };
@@ -6014,6 +6038,2562 @@
         })("secp256k1");
     })();
 
+    //sha512.js
+    (function() {
+        /*
+        	A JavaScript implementation of the SHA family of hashes, as defined in FIPS
+        	PUB 180-2 as well as the corresponding HMAC implementation as defined in
+        	FIPS PUB 198a
+           
+        	Copyright Brian Turek 2008-2012
+        	Distributed under the BSD License
+        	See http://caligatio.github.com/jsSHA/ for more information
+           
+        	Several functions taken from Paul Johnson
+           */
+        function n(a) {
+            throw a;
+        }
+        var q = null;
+
+        function s(a, b) {
+            this.a = a;
+            this.b = b
+        }
+
+        function u(a, b) {
+            var d = [],
+                h = (1 << b) - 1,
+                f = a.length * b,
+                g;
+            for (g = 0; g < f; g += b) d[g >>> 5] |= (a.charCodeAt(g / b) & h) << 32 - b - g % 32;
+            return {
+                value: d,
+                binLen: f
+            }
+        }
+
+        function x(a) {
+            var b = [],
+                d = a.length,
+                h, f;
+            0 !== d % 2 && n("String of HEX type must be in byte increments");
+            for (h = 0; h < d; h += 2) f = parseInt(a.substr(h, 2), 16), isNaN(f) && n("String of HEX type contains invalid characters"), b[h >>> 3] |= f << 24 - 4 * (h % 8);
+            return {
+                value: b,
+                binLen: 4 * d
+            }
+        }
+
+        function B(a) {
+            var b = [],
+                d = 0,
+                h, f, g, k, m; - 1 === a.search(/^[a-zA-Z0-9=+\/]+$/) && n("Invalid character in base-64 string");
+            h = a.indexOf("=");
+            a = a.replace(/\=/g, ""); - 1 !== h && h < a.length && n("Invalid '=' found in base-64 string");
+            for (f = 0; f < a.length; f += 4) {
+                m = a.substr(f, 4);
+                for (g = k = 0; g < m.length; g += 1) h = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/".indexOf(m[g]), k |= h << 18 - 6 * g;
+                for (g = 0; g < m.length - 1; g += 1) b[d >> 2] |= (k >>> 16 - 8 * g & 255) << 24 - 8 * (d % 4), d += 1
+            }
+            return {
+                value: b,
+                binLen: 8 * d
+            }
+        }
+
+        function E(a, b) {
+            var d = "",
+                h = 4 * a.length,
+                f, g;
+            for (f = 0; f < h; f += 1) g = a[f >>> 2] >>> 8 * (3 - f % 4), d += "0123456789abcdef".charAt(g >>> 4 & 15) + "0123456789abcdef".charAt(g & 15);
+            return b.outputUpper ? d.toUpperCase() : d
+        }
+
+        function F(a, b) {
+            var d = "",
+                h = 4 * a.length,
+                f, g, k;
+            for (f = 0; f < h; f += 3) {
+                k = (a[f >>> 2] >>> 8 * (3 - f % 4) & 255) << 16 | (a[f + 1 >>> 2] >>> 8 * (3 - (f + 1) % 4) & 255) << 8 | a[f + 2 >>> 2] >>> 8 * (3 - (f + 2) % 4) & 255;
+                for (g = 0; 4 > g; g += 1) d = 8 * f + 6 * g <= 32 * a.length ? d + "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/".charAt(k >>> 6 * (3 - g) & 63) : d + b.b64Pad
+            }
+            return d
+        }
+
+        function G(a) {
+            var b = {
+                outputUpper: !1,
+                b64Pad: "="
+            };
+            try {
+                a.hasOwnProperty("outputUpper") && (b.outputUpper = a.outputUpper), a.hasOwnProperty("b64Pad") && (b.b64Pad = a.b64Pad)
+            } catch (d) {}
+            "boolean" !== typeof b.outputUpper && n("Invalid outputUpper formatting option");
+            "string" !== typeof b.b64Pad && n("Invalid b64Pad formatting option");
+            return b
+        }
+
+        function H(a, b) {
+            var d = q,
+                d = new s(a.a, a.b);
+            return d = 32 >= b ? new s(d.a >>> b | d.b << 32 - b & 4294967295, d.b >>> b | d.a << 32 - b & 4294967295) : new s(d.b >>> b - 32 | d.a << 64 - b & 4294967295, d.a >>> b - 32 | d.b << 64 - b & 4294967295)
+        }
+
+        function I(a, b) {
+            var d = q;
+            return d = 32 >= b ? new s(a.a >>> b, a.b >>> b | a.a << 32 - b & 4294967295) : new s(0, a.a >>> b - 32)
+        }
+
+        function J(a, b, d) {
+            return new s(a.a & b.a ^ ~a.a & d.a, a.b & b.b ^ ~a.b & d.b)
+        }
+
+        function U(a, b, d) {
+            return new s(a.a & b.a ^ a.a & d.a ^ b.a & d.a, a.b & b.b ^ a.b & d.b ^ b.b & d.b)
+        }
+
+        function V(a) {
+            var b = H(a, 28),
+                d = H(a, 34);
+            a = H(a, 39);
+            return new s(b.a ^ d.a ^ a.a, b.b ^ d.b ^ a.b)
+        }
+
+        function W(a) {
+            var b = H(a, 14),
+                d = H(a, 18);
+            a = H(a, 41);
+            return new s(b.a ^ d.a ^ a.a, b.b ^ d.b ^ a.b)
+        }
+
+        function X(a) {
+            var b = H(a, 1),
+                d = H(a, 8);
+            a = I(a, 7);
+            return new s(b.a ^ d.a ^ a.a, b.b ^ d.b ^ a.b)
+        }
+
+        function Y(a) {
+            var b = H(a, 19),
+                d = H(a, 61);
+            a = I(a, 6);
+            return new s(b.a ^ d.a ^ a.a, b.b ^ d.b ^ a.b)
+        }
+
+        function Z(a, b) {
+            var d, h, f;
+            d = (a.b & 65535) + (b.b & 65535);
+            h = (a.b >>> 16) + (b.b >>> 16) + (d >>> 16);
+            f = (h & 65535) << 16 | d & 65535;
+            d = (a.a & 65535) + (b.a & 65535) + (h >>> 16);
+            h = (a.a >>> 16) + (b.a >>> 16) + (d >>> 16);
+            return new s((h & 65535) << 16 | d & 65535, f)
+        }
+
+        function aa(a, b, d, h) {
+            var f, g, k;
+            f = (a.b & 65535) + (b.b & 65535) + (d.b & 65535) + (h.b & 65535);
+            g = (a.b >>> 16) + (b.b >>> 16) + (d.b >>> 16) + (h.b >>> 16) + (f >>> 16);
+            k = (g & 65535) << 16 | f & 65535;
+            f = (a.a & 65535) + (b.a & 65535) + (d.a & 65535) + (h.a & 65535) + (g >>> 16);
+            g = (a.a >>> 16) + (b.a >>> 16) + (d.a >>> 16) + (h.a >>> 16) + (f >>> 16);
+            return new s((g & 65535) << 16 | f & 65535, k)
+        }
+
+        function ba(a, b, d, h, f) {
+            var g, k, m;
+            g = (a.b & 65535) + (b.b & 65535) + (d.b & 65535) + (h.b & 65535) + (f.b & 65535);
+            k = (a.b >>> 16) + (b.b >>> 16) + (d.b >>> 16) + (h.b >>> 16) + (f.b >>> 16) + (g >>> 16);
+            m = (k & 65535) << 16 | g & 65535;
+            g = (a.a & 65535) + (b.a & 65535) + (d.a & 65535) + (h.a & 65535) + (f.a & 65535) + (k >>> 16);
+            k = (a.a >>> 16) + (b.a >>> 16) + (d.a >>> 16) + (h.a >>> 16) + (f.a >>> 16) + (g >>> 16);
+            return new s((k & 65535) << 16 | g & 65535, m)
+        }
+
+        function $(a, b, d) {
+            var h, f, g, k, m, j, A, C, K, e, L, v, l, M, t, p, y, z, r, N, O, P, Q, R, c, S, w = [],
+                T, D;
+            "SHA-384" === d || "SHA-512" === d ? (L = 80, h = (b + 128 >>> 10 << 5) + 31, M = 32, t = 2, c = s, p = Z, y = aa, z = ba, r = X, N = Y, O = V, P = W, R = U, Q = J, S = [new c(1116352408, 3609767458), new c(1899447441, 602891725), new c(3049323471, 3964484399), new c(3921009573, 2173295548), new c(961987163, 4081628472), new c(1508970993, 3053834265), new c(2453635748, 2937671579), new c(2870763221, 3664609560), new c(3624381080, 2734883394), new c(310598401, 1164996542), new c(607225278, 1323610764),
+                new c(1426881987, 3590304994), new c(1925078388, 4068182383), new c(2162078206, 991336113), new c(2614888103, 633803317), new c(3248222580, 3479774868), new c(3835390401, 2666613458), new c(4022224774, 944711139), new c(264347078, 2341262773), new c(604807628, 2007800933), new c(770255983, 1495990901), new c(1249150122, 1856431235), new c(1555081692, 3175218132), new c(1996064986, 2198950837), new c(2554220882, 3999719339), new c(2821834349, 766784016), new c(2952996808, 2566594879), new c(3210313671, 3203337956), new c(3336571891,
+                    1034457026), new c(3584528711, 2466948901), new c(113926993, 3758326383), new c(338241895, 168717936), new c(666307205, 1188179964), new c(773529912, 1546045734), new c(1294757372, 1522805485), new c(1396182291, 2643833823), new c(1695183700, 2343527390), new c(1986661051, 1014477480), new c(2177026350, 1206759142), new c(2456956037, 344077627), new c(2730485921, 1290863460), new c(2820302411, 3158454273), new c(3259730800, 3505952657), new c(3345764771, 106217008), new c(3516065817, 3606008344), new c(3600352804, 1432725776), new c(4094571909,
+                    1467031594), new c(275423344, 851169720), new c(430227734, 3100823752), new c(506948616, 1363258195), new c(659060556, 3750685593), new c(883997877, 3785050280), new c(958139571, 3318307427), new c(1322822218, 3812723403), new c(1537002063, 2003034995), new c(1747873779, 3602036899), new c(1955562222, 1575990012), new c(2024104815, 1125592928), new c(2227730452, 2716904306), new c(2361852424, 442776044), new c(2428436474, 593698344), new c(2756734187, 3733110249), new c(3204031479, 2999351573), new c(3329325298, 3815920427), new c(3391569614,
+                    3928383900), new c(3515267271, 566280711), new c(3940187606, 3454069534), new c(4118630271, 4000239992), new c(116418474, 1914138554), new c(174292421, 2731055270), new c(289380356, 3203993006), new c(460393269, 320620315), new c(685471733, 587496836), new c(852142971, 1086792851), new c(1017036298, 365543100), new c(1126000580, 2618297676), new c(1288033470, 3409855158), new c(1501505948, 4234509866), new c(1607167915, 987167468), new c(1816402316, 1246189591)
+            ], e = "SHA-384" === d ? [new c(3418070365, 3238371032), new c(1654270250, 914150663),
+                new c(2438529370, 812702999), new c(355462360, 4144912697), new c(1731405415, 4290775857), new c(41048885895, 1750603025), new c(3675008525, 1694076839), new c(1203062813, 3204075428)
+            ] : [new c(1779033703, 4089235720), new c(3144134277, 2227873595), new c(1013904242, 4271175723), new c(2773480762, 1595750129), new c(1359893119, 2917565137), new c(2600822924, 725511199), new c(528734635, 4215389547), new c(1541459225, 327033209)]) : n("Unexpected error in SHA-2 implementation");
+            a[b >>> 5] |= 128 << 24 - b % 32;
+            a[h] = b;
+            T = a.length;
+            for (v = 0; v <
+                T; v += M) {
+                b = e[0];
+                h = e[1];
+                f = e[2];
+                g = e[3];
+                k = e[4];
+                m = e[5];
+                j = e[6];
+                A = e[7];
+                for (l = 0; l < L; l += 1) w[l] = 16 > l ? new c(a[l * t + v], a[l * t + v + 1]) : y(N(w[l - 2]), w[l - 7], r(w[l - 15]), w[l - 16]), C = z(A, P(k), Q(k, m, j), S[l], w[l]), K = p(O(b), R(b, h, f)), A = j, j = m, m = k, k = p(g, C), g = f, f = h, h = b, b = p(C, K);
+                e[0] = p(b, e[0]);
+                e[1] = p(h, e[1]);
+                e[2] = p(f, e[2]);
+                e[3] = p(g, e[3]);
+                e[4] = p(k, e[4]);
+                e[5] = p(m, e[5]);
+                e[6] = p(j, e[6]);
+                e[7] = p(A, e[7])
+            }
+            "SHA-384" === d ? D = [e[0].a, e[0].b, e[1].a, e[1].b, e[2].a, e[2].b, e[3].a, e[3].b, e[4].a, e[4].b, e[5].a, e[5].b] : "SHA-512" === d ? D = [e[0].a, e[0].b,
+                e[1].a, e[1].b, e[2].a, e[2].b, e[3].a, e[3].b, e[4].a, e[4].b, e[5].a, e[5].b, e[6].a, e[6].b, e[7].a, e[7].b
+            ] : n("Unexpected error in SHA-2 implementation");
+            return D
+        }
+        GLOBAL.jsSHA = function(a, b, d) {
+            var h = q,
+                f = q,
+                g = 0,
+                k = [0],
+                m = 0,
+                j = q,
+                m = "undefined" !== typeof d ? d : 8;
+            8 === m || 16 === m || n("charSize must be 8 or 16");
+            "HEX" === b ? (0 !== a.length % 2 && n("srcString of HEX type must be in byte increments"), j = x(a), g = j.binLen, k = j.value) : "ASCII" === b || "TEXT" === b ? (j = u(a, m), g = j.binLen, k = j.value) : "B64" === b ? (j = B(a), g = j.binLen, k = j.value) : n("inputFormat must be HEX, TEXT, ASCII, or B64");
+            this.getHash = function(a, b, d) {
+                var e = q,
+                    m = k.slice(),
+                    j = "";
+                switch (b) {
+                    case "HEX":
+                        e = E;
+                        break;
+                    case "B64":
+                        e = F;
+                        break;
+                    default:
+                        n("format must be HEX or B64")
+                }
+                "SHA-384" ===
+                a ? (q === h && (h = $(m, g, a)), j = e(h, G(d))) : "SHA-512" === a ? (q === f && (f = $(m, g, a)), j = e(f, G(d))) : n("Chosen SHA variant is not supported");
+                return j
+            };
+            this.getHMAC = function(a, b, d, e, f) {
+                var h, l, j, t, p, y = [],
+                    z = [],
+                    r = q;
+                switch (e) {
+                    case "HEX":
+                        h = E;
+                        break;
+                    case "B64":
+                        h = F;
+                        break;
+                    default:
+                        n("outputFormat must be HEX or B64")
+                }
+                "SHA-384" === d ? (j = 128, p = 384) : "SHA-512" === d ? (j = 128, p = 512) : n("Chosen SHA variant is not supported");
+                "HEX" === b ? (r = x(a), t = r.binLen, l = r.value) : "ASCII" === b || "TEXT" === b ? (r = u(a, m), t = r.binLen, l = r.value) : "B64" === b ? (r = B(a),
+                    t = r.binLen, l = r.value) : n("inputFormat must be HEX, TEXT, ASCII, or B64");
+                a = 8 * j;
+                b = j / 4 - 1;
+                j < t / 8 ? (l = $(l, t, d), l[b] &= 4294967040) : j > t / 8 && (l[b] &= 4294967040);
+                for (j = 0; j <= b; j += 1) y[j] = l[j] ^ 909522486, z[j] = l[j] ^ 1549556828;
+                d = $(z.concat($(y.concat(k), a + g, d)), a + p, d);
+                return h(d, G(f))
+            }
+        };
+    })();
+
+    //coin.js
+    (function() {
+        /*
+ 			Coinjs 0.01 beta by OutCast3k{at}gmail.com
+ 			A bitcoin framework.
+ 			http://github.com/OutCast3k/coinjs or http://coinb.in/coinjs
+		*/
+        var coinjs = GLOBAL.coinjs = function() {};
+
+        /* public vars */
+        coinjs.pub = 0x00;
+        coinjs.priv = 0x80;
+        coinjs.multisig = 0x05;
+        coinjs.hdkey = {
+            'prv': 0x0488ade4,
+            'pub': 0x0488b21e
+        };
+        coinjs.bech32 = {
+            'charset': 'qpzry9x8gf2tvdw0s3jn54khce6mua7l',
+            'version': 0,
+            'hrp': 'bc'
+        };
+
+        coinjs.compressed = false;
+
+        /* other vars */
+        coinjs.developer = '33tht1bKDgZVxb39MnZsWa8oxHXHvUYE4G'; //bitcoin
+
+        /* bit(coinb.in) api vars 
+        coinjs.hostname = ((document.location.hostname.split(".")[(document.location.hostname.split(".")).length - 1]) == 'onion') ? 'coinbin3ravkwb24f7rmxx6w3snkjw45jhs5lxbh3yfeg3vpt6janwqd.onion' : 'coinb.in';
+        coinjs.host = ('https:' == document.location.protocol ? 'https://' : 'http://') + coinjs.hostname + '/api/';
+        coinjs.uid = '1';
+        coinjs.key = '12345678901234567890123456789012';
+        */
+
+        /* start of address functions */
+
+        /* generate a private and public keypair, with address and WIF address */
+        coinjs.newKeys = function(input) {
+            var privkey = (input) ? Crypto.SHA256(input) : this.newPrivkey();
+            var pubkey = this.newPubkey(privkey);
+            return {
+                'privkey': privkey,
+                'pubkey': pubkey,
+                'address': this.pubkey2address(pubkey),
+                'wif': this.privkey2wif(privkey),
+                'compressed': this.compressed
+            };
+        }
+
+        /* generate a new random private key */
+        coinjs.newPrivkey = function() {
+            var x = GLOBAL.location;
+            x += (GLOBAL.screen.height * GLOBAL.screen.width * GLOBAL.screen.colorDepth);
+            x += coinjs.random(64);
+            x += (GLOBAL.screen.availHeight * GLOBAL.screen.availWidth * GLOBAL.screen.pixelDepth);
+            x += navigator.language;
+            x += GLOBAL.history.length;
+            x += coinjs.random(64);
+            x += navigator.userAgent;
+            x += 'coinb.in';
+            x += (Crypto.util.randomBytes(64)).join("");
+            x += x.length;
+            var dateObj = new Date();
+            x += dateObj.getTimezoneOffset();
+            x += coinjs.random(64);
+            x += (document.getElementById("entropybucket")) ? document.getElementById("entropybucket").innerHTML : '';
+            x += x + '' + x;
+            var r = x;
+            for (let i = 0; i < (x).length / 25; i++) {
+                r = Crypto.SHA256(r.concat(x));
+            }
+            var checkrBigInt = new BigInteger(r);
+            var orderBigInt = new BigInteger("fffffffffffffffffffffffffffffffebaaedce6af48a03bbfd25e8cd0364141");
+            while (checkrBigInt.compareTo(orderBigInt) >= 0 || checkrBigInt.equals(BigInteger.ZERO) || checkrBigInt.equals(BigInteger.ONE)) {
+                r = Crypto.SHA256(r.concat(x));
+                checkrBigInt = new BigInteger(r);
+            }
+            return r;
+        }
+
+        /* generate a public key from a private key */
+        coinjs.newPubkey = function(hash) {
+            var privateKeyBigInt = BigInteger.fromByteArrayUnsigned(Crypto.util.hexToBytes(hash));
+            var curve = EllipticCurve.getSECCurveByName("secp256k1");
+
+            var curvePt = curve.getG().multiply(privateKeyBigInt);
+            var x = curvePt.getX().toBigInteger();
+            var y = curvePt.getY().toBigInteger();
+
+            var publicKeyBytes = EllipticCurve.integerToBytes(x, 32);
+            publicKeyBytes = publicKeyBytes.concat(EllipticCurve.integerToBytes(y, 32));
+            publicKeyBytes.unshift(0x04);
+
+            if (coinjs.compressed == true) {
+                var publicKeyBytesCompressed = EllipticCurve.integerToBytes(x, 32)
+                if (y.isEven()) {
+                    publicKeyBytesCompressed.unshift(0x02)
+                } else {
+                    publicKeyBytesCompressed.unshift(0x03)
+                }
+                return Crypto.util.bytesToHex(publicKeyBytesCompressed);
+            } else {
+                return Crypto.util.bytesToHex(publicKeyBytes);
+            }
+        }
+
+        /* provide a public key and return address */
+        coinjs.pubkey2address = function(h, byte) {
+            var r = ripemd160(Crypto.SHA256(Crypto.util.hexToBytes(h), {
+                asBytes: true
+            }));
+            r.unshift(byte || coinjs.pub);
+            var hash = Crypto.SHA256(Crypto.SHA256(r, {
+                asBytes: true
+            }), {
+                asBytes: true
+            });
+            var checksum = hash.slice(0, 4);
+            return coinjs.base58encode(r.concat(checksum));
+        }
+
+        /* provide a scripthash and return address */
+        coinjs.scripthash2address = function(h) {
+            var x = Crypto.util.hexToBytes(h);
+            x.unshift(coinjs.pub);
+            var r = x;
+            r = Crypto.SHA256(Crypto.SHA256(r, {
+                asBytes: true
+            }), {
+                asBytes: true
+            });
+            var checksum = r.slice(0, 4);
+            return coinjs.base58encode(x.concat(checksum));
+        }
+
+        /* new multisig address, provide the pubkeys AND required signatures to release the funds */
+        coinjs.pubkeys2MultisigAddress = function(pubkeys, required) {
+            var s = coinjs.script();
+            s.writeOp(81 + (required * 1) - 1); //OP_1
+            for (var i = 0; i < pubkeys.length; ++i) {
+                s.writeBytes(Crypto.util.hexToBytes(pubkeys[i]));
+            }
+            s.writeOp(81 + pubkeys.length - 1); //OP_1 
+            s.writeOp(174); //OP_CHECKMULTISIG
+            var x = ripemd160(Crypto.SHA256(s.buffer, {
+                asBytes: true
+            }), {
+                asBytes: true
+            });
+            x.unshift(coinjs.multisig);
+            var r = x;
+            r = Crypto.SHA256(Crypto.SHA256(r, {
+                asBytes: true
+            }), {
+                asBytes: true
+            });
+            var checksum = r.slice(0, 4);
+            var redeemScript = Crypto.util.bytesToHex(s.buffer);
+            var address = coinjs.base58encode(x.concat(checksum));
+
+            if (s.buffer.length > 520) { // too large
+                address = 'invalid';
+                redeemScript = 'invalid';
+            }
+
+            return {
+                'address': address,
+                'redeemScript': redeemScript,
+                'size': s.buffer.length
+            };
+        }
+
+        /* new time locked address, provide the pubkey and time necessary to unlock the funds.
+           when time is greater than 500000000, it should be a unix timestamp (seconds since epoch),
+           otherwise it should be the block height required before this transaction can be released. 
+
+           may throw a string on failure!
+        */
+        coinjs.simpleHodlAddress = function(pubkey, checklocktimeverify) {
+
+            if (checklocktimeverify < 0) {
+                throw "Parameter for OP_CHECKLOCKTIMEVERIFY is negative.";
+            }
+
+            var s = coinjs.script();
+            if (checklocktimeverify <= 16 && checklocktimeverify >= 1) {
+                s.writeOp(0x50 + checklocktimeverify); //OP_1 to OP_16 for minimal encoding
+            } else {
+                s.writeBytes(coinjs.numToScriptNumBytes(checklocktimeverify));
+            }
+            s.writeOp(177); //OP_CHECKLOCKTIMEVERIFY
+            s.writeOp(117); //OP_DROP
+            s.writeBytes(Crypto.util.hexToBytes(pubkey));
+            s.writeOp(172); //OP_CHECKSIG
+
+            var x = ripemd160(Crypto.SHA256(s.buffer, {
+                asBytes: true
+            }), {
+                asBytes: true
+            });
+            x.unshift(coinjs.multisig);
+            var r = x;
+            r = Crypto.SHA256(Crypto.SHA256(r, {
+                asBytes: true
+            }), {
+                asBytes: true
+            });
+            var checksum = r.slice(0, 4);
+            var redeemScript = Crypto.util.bytesToHex(s.buffer);
+            var address = coinjs.base58encode(x.concat(checksum));
+
+            return {
+                'address': address,
+                'redeemScript': redeemScript
+            };
+        }
+
+        /* create a new segwit address */
+        coinjs.segwitAddress = function(pubkey) {
+            var keyhash = [0x00, 0x14].concat(ripemd160(Crypto.SHA256(Crypto.util.hexToBytes(pubkey), {
+                asBytes: true
+            }), {
+                asBytes: true
+            }));
+            var x = ripemd160(Crypto.SHA256(keyhash, {
+                asBytes: true
+            }), {
+                asBytes: true
+            });
+            x.unshift(coinjs.multisig);
+            var r = x;
+            r = Crypto.SHA256(Crypto.SHA256(r, {
+                asBytes: true
+            }), {
+                asBytes: true
+            });
+            var checksum = r.slice(0, 4);
+            var address = coinjs.base58encode(x.concat(checksum));
+
+            return {
+                'address': address,
+                'type': 'segwit',
+                'redeemscript': Crypto.util.bytesToHex(keyhash)
+            };
+        }
+
+        /* create a new segwit bech32 encoded address */
+        coinjs.bech32Address = function(pubkey) {
+            var program = ripemd160(Crypto.SHA256(Crypto.util.hexToBytes(pubkey), {
+                asBytes: true
+            }), {
+                asBytes: true
+            });
+            var address = coinjs.bech32_encode(coinjs.bech32.hrp, [coinjs.bech32.version].concat(coinjs.bech32_convert(program, 8, 5, true)));
+            return {
+                'address': address,
+                'type': 'bech32',
+                'redeemscript': Crypto.util.bytesToHex(program)
+            };
+        }
+
+        /* extract the redeemscript from a bech32 address */
+        coinjs.bech32redeemscript = function(address) {
+            var r = false;
+            var decode = coinjs.bech32_decode(address);
+            if (decode) {
+                decode.data.shift();
+                return Crypto.util.bytesToHex(coinjs.bech32_convert(decode.data, 5, 8, false));
+            }
+            return r;
+        }
+
+        /* provide a privkey and return an WIF  */
+        coinjs.privkey2wif = function(h) {
+            var r = Crypto.util.hexToBytes(h);
+
+            if (coinjs.compressed == true) {
+                r.push(0x01);
+            }
+
+            r.unshift(coinjs.priv);
+            var hash = Crypto.SHA256(Crypto.SHA256(r, {
+                asBytes: true
+            }), {
+                asBytes: true
+            });
+            var checksum = hash.slice(0, 4);
+
+            return coinjs.base58encode(r.concat(checksum));
+        }
+
+        /* convert a wif key back to a private key */
+        coinjs.wif2privkey = function(wif) {
+            var compressed = false;
+            var decode = coinjs.base58decode(wif);
+            var key = decode.slice(0, decode.length - 4);
+            key = key.slice(1, key.length);
+            if (key.length >= 33 && key[key.length - 1] == 0x01) {
+                key = key.slice(0, key.length - 1);
+                compressed = true;
+            }
+            return {
+                'privkey': Crypto.util.bytesToHex(key),
+                'compressed': compressed
+            };
+        }
+
+        /* convert a wif to a pubkey */
+        coinjs.wif2pubkey = function(wif) {
+            var compressed = coinjs.compressed;
+            var r = coinjs.wif2privkey(wif);
+            coinjs.compressed = r['compressed'];
+            var pubkey = coinjs.newPubkey(r['privkey']);
+            coinjs.compressed = compressed;
+            return {
+                'pubkey': pubkey,
+                'compressed': r['compressed']
+            };
+        }
+
+        /* convert a wif to a address */
+        coinjs.wif2address = function(wif) {
+            var r = coinjs.wif2pubkey(wif);
+            return {
+                'address': coinjs.pubkey2address(r['pubkey']),
+                'compressed': r['compressed']
+            };
+        }
+
+        /* decode or validate an address and return the hash */
+        coinjs.addressDecode = function(addr) {
+            try {
+                var bytes = coinjs.base58decode(addr);
+                var front = bytes.slice(0, bytes.length - 4);
+                var back = bytes.slice(bytes.length - 4);
+                var checksum = Crypto.SHA256(Crypto.SHA256(front, {
+                    asBytes: true
+                }), {
+                    asBytes: true
+                }).slice(0, 4);
+                if (checksum + "" == back + "") {
+
+                    var o = {};
+                    o.bytes = front.slice(1);
+                    o.version = front[0];
+
+                    if (o.version == coinjs.pub) { // standard address
+                        o.type = 'standard';
+
+                    } else if (o.version == coinjs.multisig) { // multisig address
+                        o.type = 'multisig';
+
+                    } else if (o.version == coinjs.priv) { // wifkey
+                        o.type = 'wifkey';
+
+                    } else if (o.version == 42) { // stealth address
+                        o.type = 'stealth';
+
+                        o.option = front[1];
+                        if (o.option != 0) {
+                            alert("Stealth Address option other than 0 is currently not supported!");
+                            return false;
+                        };
+
+                        o.scankey = Crypto.util.bytesToHex(front.slice(2, 35));
+                        o.n = front[35];
+
+                        if (o.n > 1) {
+                            alert("Stealth Multisig is currently not supported!");
+                            return false;
+                        };
+
+                        o.spendkey = Crypto.util.bytesToHex(front.slice(36, 69));
+                        o.m = front[69];
+                        o.prefixlen = front[70];
+
+                        if (o.prefixlen > 0) {
+                            alert("Stealth Address Prefixes are currently not supported!");
+                            return false;
+                        };
+                        o.prefix = front.slice(71);
+
+                    } else { // everything else
+                        o.type = 'other'; // address is still valid but unknown version
+                    }
+
+                    return o;
+                } else {
+                    throw "Invalid checksum";
+                }
+            } catch (e) {
+                let bech32rs = coinjs.bech32redeemscript(addr);
+                if (bech32rs) {
+                    return {
+                        'type': 'bech32',
+                        'redeemscript': bech32rs
+                    };
+                } else {
+                    return false;
+                }
+            }
+        }
+
+        /* retreive the balance from a given address */
+        coinjs.addressBalance = function(address, callback) {
+            coinjs.ajax(coinjs.host + '?uid=' + coinjs.uid + '&key=' + coinjs.key + '&setmodule=addresses&request=bal&address=' + address + '&r=' + securedMathRandom(), callback, "GET");
+        }
+
+        /* decompress an compressed public key */
+        coinjs.pubkeydecompress = function(pubkey) {
+            if ((typeof(pubkey) == 'string') && pubkey.match(/^[a-f0-9]+$/i)) {
+                var curve = EllipticCurve.getSECCurveByName("secp256k1");
+                try {
+                    var pt = curve.curve.decodePointHex(pubkey);
+                    var x = pt.getX().toBigInteger();
+                    var y = pt.getY().toBigInteger();
+
+                    var publicKeyBytes = EllipticCurve.integerToBytes(x, 32);
+                    publicKeyBytes = publicKeyBytes.concat(EllipticCurve.integerToBytes(y, 32));
+                    publicKeyBytes.unshift(0x04);
+                    return Crypto.util.bytesToHex(publicKeyBytes);
+                } catch (e) {
+                    // console.log(e);
+                    return false;
+                }
+            }
+            return false;
+        }
+
+        coinjs.bech32_polymod = function(values) {
+            var chk = 1;
+            var BECH32_GENERATOR = [0x3b6a57b2, 0x26508e6d, 0x1ea119fa, 0x3d4233dd, 0x2a1462b3];
+            for (var p = 0; p < values.length; ++p) {
+                var top = chk >> 25;
+                chk = (chk & 0x1ffffff) << 5 ^ values[p];
+                for (var i = 0; i < 5; ++i) {
+                    if ((top >> i) & 1) {
+                        chk ^= BECH32_GENERATOR[i];
+                    }
+                }
+            }
+            return chk;
+        }
+
+        coinjs.bech32_hrpExpand = function(hrp) {
+            var ret = [];
+            var p;
+            for (p = 0; p < hrp.length; ++p) {
+                ret.push(hrp.charCodeAt(p) >> 5);
+            }
+            ret.push(0);
+            for (p = 0; p < hrp.length; ++p) {
+                ret.push(hrp.charCodeAt(p) & 31);
+            }
+            return ret;
+        }
+
+        coinjs.bech32_verifyChecksum = function(hrp, data) {
+            return coinjs.bech32_polymod(coinjs.bech32_hrpExpand(hrp).concat(data)) === 1;
+        }
+
+        coinjs.bech32_createChecksum = function(hrp, data) {
+            var values = coinjs.bech32_hrpExpand(hrp).concat(data).concat([0, 0, 0, 0, 0, 0]);
+            var mod = coinjs.bech32_polymod(values) ^ 1;
+            var ret = [];
+            for (var p = 0; p < 6; ++p) {
+                ret.push((mod >> 5 * (5 - p)) & 31);
+            }
+            return ret;
+        }
+
+        coinjs.bech32_encode = function(hrp, data) {
+            var combined = data.concat(coinjs.bech32_createChecksum(hrp, data));
+            var ret = hrp + '1';
+            for (var p = 0; p < combined.length; ++p) {
+                ret += coinjs.bech32.charset.charAt(combined[p]);
+            }
+            return ret;
+        }
+
+        coinjs.bech32_decode = function(bechString) {
+            var p;
+            var has_lower = false;
+            var has_upper = false;
+            for (p = 0; p < bechString.length; ++p) {
+                if (bechString.charCodeAt(p) < 33 || bechString.charCodeAt(p) > 126) {
+                    return null;
+                }
+                if (bechString.charCodeAt(p) >= 97 && bechString.charCodeAt(p) <= 122) {
+                    has_lower = true;
+                }
+                if (bechString.charCodeAt(p) >= 65 && bechString.charCodeAt(p) <= 90) {
+                    has_upper = true;
+                }
+            }
+            if (has_lower && has_upper) {
+                return null;
+            }
+            bechString = bechString.toLowerCase();
+            var pos = bechString.lastIndexOf('1');
+            if (pos < 1 || pos + 7 > bechString.length || bechString.length > 90) {
+                return null;
+            }
+            var hrp = bechString.substring(0, pos);
+            var data = [];
+            for (p = pos + 1; p < bechString.length; ++p) {
+                var d = coinjs.bech32.charset.indexOf(bechString.charAt(p));
+                if (d === -1) {
+                    return null;
+                }
+                data.push(d);
+            }
+            if (!coinjs.bech32_verifyChecksum(hrp, data)) {
+                return null;
+            }
+            return {
+                hrp: hrp,
+                data: data.slice(0, data.length - 6)
+            };
+        }
+
+        coinjs.bech32_convert = function(data, inBits, outBits, pad) {
+            var value = 0;
+            var bits = 0;
+            var maxV = (1 << outBits) - 1;
+
+            var result = [];
+            for (var i = 0; i < data.length; ++i) {
+                value = (value << inBits) | data[i];
+                bits += inBits;
+
+                while (bits >= outBits) {
+                    bits -= outBits;
+                    result.push((value >> bits) & maxV);
+                }
+            }
+
+            if (pad) {
+                if (bits > 0) {
+                    result.push((value << (outBits - bits)) & maxV);
+                }
+            } else {
+                if (bits >= inBits) throw new Error('Excess padding');
+                if ((value << (outBits - bits)) & maxV) throw new Error('Non-zero padding');
+            }
+
+            return result;
+        }
+
+        coinjs.testdeterministicK = function() {
+            // https://github.com/bitpay/bitcore/blob/9a5193d8e94b0bd5b8e7f00038e7c0b935405a03/test/crypto/ecdsa.js
+            // Line 21 and 22 specify digest hash and privkey for the first 2 test vectors.
+            // Line 96-117 tells expected result.
+
+            var tx = coinjs.transaction();
+
+            var test_vectors = [{
+                    'message': 'test data',
+                    'privkey': 'fee0a1f7afebf9d2a5a80c0c98a31c709681cce195cbcd06342b517970c0be1e',
+                    'k_bad00': 'fcce1de7a9bcd6b2d3defade6afa1913fb9229e3b7ddf4749b55c4848b2a196e',
+                    'k_bad01': '727fbcb59eb48b1d7d46f95a04991fc512eb9dbf9105628e3aec87428df28fd8',
+                    'k_bad15': '398f0e2c9f79728f7b3d84d447ac3a86d8b2083c8f234a0ffa9c4043d68bd258'
+                },
+                {
+                    'message': 'Everything should be made as simple as possible, but not simpler.',
+                    'privkey': '0000000000000000000000000000000000000000000000000000000000000001',
+                    'k_bad00': 'ec633bd56a5774a0940cb97e27a9e4e51dc94af737596a0c5cbb3d30332d92a5',
+                    'k_bad01': 'df55b6d1b5c48184622b0ead41a0e02bfa5ac3ebdb4c34701454e80aabf36f56',
+                    'k_bad15': 'def007a9a3c2f7c769c75da9d47f2af84075af95cadd1407393dc1e26086ef87'
+                },
+                {
+                    'message': 'Satoshi Nakamoto',
+                    'privkey': '0000000000000000000000000000000000000000000000000000000000000002',
+                    'k_bad00': 'd3edc1b8224e953f6ee05c8bbf7ae228f461030e47caf97cde91430b4607405e',
+                    'k_bad01': 'f86d8e43c09a6a83953f0ab6d0af59fb7446b4660119902e9967067596b58374',
+                    'k_bad15': '241d1f57d6cfd2f73b1ada7907b199951f95ef5ad362b13aed84009656e0254a'
+                },
+                {
+                    'message': 'Diffie Hellman',
+                    'privkey': '7f7f7f7f7f7f7f7f7f7f7f7f7f7f7f7f7f7f7f7f7f7f7f7f7f7f7f7f7f7f7f7f',
+                    'k_bad00': 'c378a41cb17dce12340788dd3503635f54f894c306d52f6e9bc4b8f18d27afcc',
+                    'k_bad01': '90756c96fef41152ac9abe08819c4e95f16da2af472880192c69a2b7bac29114',
+                    'k_bad15': '7b3f53300ab0ccd0f698f4d67db87c44cf3e9e513d9df61137256652b2e94e7c'
+                },
+                {
+                    'message': 'Japan',
+                    'privkey': '8080808080808080808080808080808080808080808080808080808080808080',
+                    'k_bad00': 'f471e61b51d2d8db78f3dae19d973616f57cdc54caaa81c269394b8c34edcf59',
+                    'k_bad01': '6819d85b9730acc876fdf59e162bf309e9f63dd35550edf20869d23c2f3e6d17',
+                    'k_bad15': 'd8e8bae3ee330a198d1f5e00ad7c5f9ed7c24c357c0a004322abca5d9cd17847'
+                },
+                {
+                    'message': 'Bitcoin',
+                    'privkey': 'fffffffffffffffffffffffffffffffebaaedce6af48a03bbfd25e8cd0364140',
+                    'k_bad00': '36c848ffb2cbecc5422c33a994955b807665317c1ce2a0f59c689321aaa631cc',
+                    'k_bad01': '4ed8de1ec952a4f5b3bd79d1ff96446bcd45cabb00fc6ca127183e14671bcb85',
+                    'k_bad15': '56b6f47babc1662c011d3b1f93aa51a6e9b5f6512e9f2e16821a238d450a31f8'
+                },
+                {
+                    'message': 'i2FLPP8WEus5WPjpoHwheXOMSobUJVaZM1JPMQZq',
+                    'privkey': 'fffffffffffffffffffffffffffffffebaaedce6af48a03bbfd25e8cd0364140',
+                    'k_bad00': '6e9b434fcc6bbb081a0463c094356b47d62d7efae7da9c518ed7bac23f4e2ed6',
+                    'k_bad01': 'ae5323ae338d6117ce8520a43b92eacd2ea1312ae514d53d8e34010154c593bb',
+                    'k_bad15': '3eaa1b61d1b8ab2f1ca71219c399f2b8b3defa624719f1e96fe3957628c2c4ea'
+                },
+                {
+                    'message': 'lEE55EJNP7aLrMtjkeJKKux4Yg0E8E1SAJnWTCEh',
+                    'privkey': '3881e5286abc580bb6139fe8e83d7c8271c6fe5e5c2d640c1f0ed0e1ee37edc9',
+                    'k_bad00': '5b606665a16da29cc1c5411d744ab554640479dd8abd3c04ff23bd6b302e7034',
+                    'k_bad01': 'f8b25263152c042807c992eacd2ac2cc5790d1e9957c394f77ea368e3d9923bd',
+                    'k_bad15': 'ea624578f7e7964ac1d84adb5b5087dd14f0ee78b49072aa19051cc15dab6f33'
+                },
+                {
+                    'message': '2SaVPvhxkAPrayIVKcsoQO5DKA8Uv5X/esZFlf+y',
+                    'privkey': '7259dff07922de7f9c4c5720d68c9745e230b32508c497dd24cb95ef18856631',
+                    'k_bad00': '3ab6c19ab5d3aea6aa0c6da37516b1d6e28e3985019b3adb388714e8f536686b',
+                    'k_bad01': '19af21b05004b0ce9cdca82458a371a9d2cf0dc35a813108c557b551c08eb52e',
+                    'k_bad15': '117a32665fca1b7137a91c4739ac5719fec0cf2e146f40f8e7c21b45a07ebc6a'
+                },
+                {
+                    'message': '00A0OwO2THi7j5Z/jp0FmN6nn7N/DQd6eBnCS+/b',
+                    'privkey': '0d6ea45d62b334777d6995052965c795a4f8506044b4fd7dc59c15656a28f7aa',
+                    'k_bad00': '79487de0c8799158294d94c0eb92ee4b567e4dc7ca18addc86e49d31ce1d2db6',
+                    'k_bad01': '9561d2401164a48a8f600882753b3105ebdd35e2358f4f808c4f549c91490009',
+                    'k_bad15': 'b0d273634129ff4dbdf0df317d4062a1dbc58818f88878ffdb4ec511c77976c0'
+                }
+            ];
+
+            var result_txt = '\n----------------------\nResults\n----------------------\n\n';
+
+            for (i = 0; i < test_vectors.length; i++) {
+                var hash = Crypto.SHA256(test_vectors[i]['message'].split('').map(function(c) {
+                    return c.charCodeAt(0);
+                }), {
+                    asBytes: true
+                });
+                var wif = coinjs.privkey2wif(test_vectors[i]['privkey']);
+
+                var KBigInt = tx.deterministicK(wif, hash);
+                var KBigInt0 = tx.deterministicK(wif, hash, 0);
+                var KBigInt1 = tx.deterministicK(wif, hash, 1);
+                var KBigInt15 = tx.deterministicK(wif, hash, 15);
+
+                var K = Crypto.util.bytesToHex(KBigInt.toByteArrayUnsigned());
+                var K0 = Crypto.util.bytesToHex(KBigInt0.toByteArrayUnsigned());
+                var K1 = Crypto.util.bytesToHex(KBigInt1.toByteArrayUnsigned());
+                var K15 = Crypto.util.bytesToHex(KBigInt15.toByteArrayUnsigned());
+
+                if (K != test_vectors[i]['k_bad00']) {
+                    result_txt += 'Failed Test #' + (i + 1) + '\n       K = ' + K + '\nExpected = ' + test_vectors[i]['k_bad00'] + '\n\n';
+                } else if (K0 != test_vectors[i]['k_bad00']) {
+                    result_txt += 'Failed Test #' + (i + 1) + '\n      K0 = ' + K0 + '\nExpected = ' + test_vectors[i]['k_bad00'] + '\n\n';
+                } else if (K1 != test_vectors[i]['k_bad01']) {
+                    result_txt += 'Failed Test #' + (i + 1) + '\n      K1 = ' + K1 + '\nExpected = ' + test_vectors[i]['k_bad01'] + '\n\n';
+                } else if (K15 != test_vectors[i]['k_bad15']) {
+                    result_txt += 'Failed Test #' + (i + 1) + '\n     K15 = ' + K15 + '\nExpected = ' + test_vectors[i]['k_bad15'] + '\n\n';
+                };
+            };
+
+            if (result_txt.length < 60) {
+                result_txt = 'All Tests OK!';
+            };
+
+            return result_txt;
+        };
+
+        /* start of hd functions, thanks bip32.org */
+        coinjs.hd = function(data) {
+
+            var r = {};
+
+            /* some hd value parsing */
+            r.parse = function() {
+
+                var bytes = [];
+
+                // some quick validation
+                if (typeof(data) == 'string') {
+                    var decoded = coinjs.base58decode(data);
+                    if (decoded.length == 82) {
+                        var checksum = decoded.slice(78, 82);
+                        var hash = Crypto.SHA256(Crypto.SHA256(decoded.slice(0, 78), {
+                            asBytes: true
+                        }), {
+                            asBytes: true
+                        });
+                        if (checksum[0] == hash[0] && checksum[1] == hash[1] && checksum[2] == hash[2] && checksum[3] == hash[3]) {
+                            bytes = decoded.slice(0, 78);
+                        }
+                    }
+                }
+
+                // actual parsing code
+                if (bytes && bytes.length > 0) {
+                    r.version = coinjs.uint(bytes.slice(0, 4), 4);
+                    r.depth = coinjs.uint(bytes.slice(4, 5), 1);
+                    r.parent_fingerprint = bytes.slice(5, 9);
+                    r.child_index = coinjs.uint(bytes.slice(9, 13), 4);
+                    r.chain_code = bytes.slice(13, 45);
+                    r.key_bytes = bytes.slice(45, 78);
+
+                    var c = coinjs.compressed; // get current default
+                    coinjs.compressed = true;
+
+                    if (r.key_bytes[0] == 0x00) {
+                        r.type = 'private';
+                        var privkey = (r.key_bytes).slice(1, 33);
+                        var privkeyHex = Crypto.util.bytesToHex(privkey);
+                        var pubkey = coinjs.newPubkey(privkeyHex);
+
+                        r.keys = {
+                            'privkey': privkeyHex,
+                            'pubkey': pubkey,
+                            'address': coinjs.pubkey2address(pubkey),
+                            'wif': coinjs.privkey2wif(privkeyHex)
+                        };
+
+                    } else if (r.key_bytes[0] == 0x02 || r.key_bytes[0] == 0x03) {
+                        r.type = 'public';
+                        var pubkeyHex = Crypto.util.bytesToHex(r.key_bytes);
+
+                        r.keys = {
+                            'pubkey': pubkeyHex,
+                            'address': coinjs.pubkey2address(pubkeyHex)
+                        };
+                    } else {
+                        r.type = 'invalid';
+                    }
+
+                    r.keys_extended = r.extend();
+
+                    coinjs.compressed = c; // reset to default
+                }
+
+                return r;
+            }
+
+            // extend prv/pub key
+            r.extend = function() {
+                var hd = coinjs.hd();
+                return hd.make({
+                    'depth': (this.depth * 1) + 1,
+                    'parent_fingerprint': this.parent_fingerprint,
+                    'child_index': this.child_index,
+                    'chain_code': this.chain_code,
+                    'privkey': this.keys.privkey,
+                    'pubkey': this.keys.pubkey
+                });
+            }
+
+            // derive from path
+            r.derive_path = function(path) {
+
+                if (path == 'm' || path == 'M' || path == 'm\'' || path == 'M\'') return this;
+
+                var p = path.split('/');
+                var hdp = coinjs.clone(this); // clone hd path
+
+                for (var i in p) {
+
+                    if (((i == 0) && c != 'm') || i == 'remove') {
+                        continue;
+                    }
+
+                    var c = p[i];
+
+                    var use_private = (c.length > 1) && (c[c.length - 1] == '\'');
+                    var child_index = parseInt(use_private ? c.slice(0, c.length - 1) : c) & 0x7fffffff;
+                    if (use_private)
+                        child_index += 0x80000000;
+
+                    hdp = hdp.derive(child_index);
+                    var key = ((hdp.keys_extended.privkey) && hdp.keys_extended.privkey != '') ? hdp.keys_extended.privkey : hdp.keys_extended.pubkey;
+                    hdp = coinjs.hd(key);
+                }
+                return hdp;
+            }
+
+            // derive key from index
+            r.derive = function(i) {
+
+                i = (i) ? i : 0;
+                var blob = (Crypto.util.hexToBytes(this.keys.pubkey)).concat(coinjs.numToBytes(i, 4).reverse());
+
+                var j = new jsSHA(Crypto.util.bytesToHex(blob), 'HEX');
+                var hash = j.getHMAC(Crypto.util.bytesToHex(r.chain_code), "HEX", "SHA-512", "HEX");
+
+                var il = new BigInteger(hash.slice(0, 64), 16);
+                var ir = Crypto.util.hexToBytes(hash.slice(64, 128));
+
+                var ecparams = EllipticCurve.getSECCurveByName("secp256k1");
+                var curve = ecparams.getCurve();
+
+                var k, key, pubkey, o;
+
+                o = coinjs.clone(this);
+                o.chain_code = ir;
+                o.child_index = i;
+
+                if (this.type == 'private') {
+                    // derive key pair from from a xprv key
+                    k = il.add(new BigInteger([0].concat(Crypto.util.hexToBytes(this.keys.privkey)))).mod(ecparams.getN());
+                    key = Crypto.util.bytesToHex(k.toByteArrayUnsigned());
+
+                    pubkey = coinjs.newPubkey(key);
+
+                    o.keys = {
+                        'privkey': key,
+                        'pubkey': pubkey,
+                        'wif': coinjs.privkey2wif(key),
+                        'address': coinjs.pubkey2address(pubkey)
+                    };
+
+                } else if (this.type == 'public') {
+                    // derive xpub key from an xpub key
+                    q = ecparams.curve.decodePointHex(this.keys.pubkey);
+                    var curvePt = ecparams.getG().multiply(il).add(q);
+
+                    var x = curvePt.getX().toBigInteger();
+                    var y = curvePt.getY().toBigInteger();
+
+                    var publicKeyBytesCompressed = EllipticCurve.integerToBytes(x, 32)
+                    if (y.isEven()) {
+                        publicKeyBytesCompressed.unshift(0x02)
+                    } else {
+                        publicKeyBytesCompressed.unshift(0x03)
+                    }
+                    pubkey = Crypto.util.bytesToHex(publicKeyBytesCompressed);
+
+                    o.keys = {
+                        'pubkey': pubkey,
+                        'address': coinjs.pubkey2address(pubkey)
+                    }
+                } else {
+                    // fail
+                }
+
+                o.parent_fingerprint = (ripemd160(Crypto.SHA256(Crypto.util.hexToBytes(r.keys.pubkey), {
+                    asBytes: true
+                }), {
+                    asBytes: true
+                })).slice(0, 4);
+                o.keys_extended = o.extend();
+                return o;
+            }
+
+            // make a master hd xprv/xpub
+            r.master = function(pass) {
+                var seed = (pass) ? Crypto.SHA256(pass) : coinjs.newPrivkey();
+                var hasher = new jsSHA(seed, 'HEX');
+                var I = hasher.getHMAC("Bitcoin seed", "TEXT", "SHA-512", "HEX");
+
+                var privkey = Crypto.util.hexToBytes(I.slice(0, 64));
+                var chain = Crypto.util.hexToBytes(I.slice(64, 128));
+
+                var hd = coinjs.hd();
+                return hd.make({
+                    'depth': 0,
+                    'parent_fingerprint': [0, 0, 0, 0],
+                    'child_index': 0,
+                    'chain_code': chain,
+                    'privkey': I.slice(0, 64),
+                    'pubkey': coinjs.newPubkey(I.slice(0, 64))
+                });
+            }
+
+            // encode data to a base58 string
+            r.make = function(data) { // { (int) depth, (array) parent_fingerprint, (int) child_index, (byte array) chain_code, (hex str) privkey, (hex str) pubkey}
+                var k = [];
+
+                //depth
+                k.push(data.depth * 1);
+
+                //parent fingerprint
+                k = k.concat(data.parent_fingerprint);
+
+                //child index
+                k = k.concat((coinjs.numToBytes(data.child_index, 4)).reverse());
+
+                //Chain code
+                k = k.concat(data.chain_code);
+
+                var o = {}; // results
+
+                //encode xprv key
+                if (data.privkey) {
+                    var prv = (coinjs.numToBytes(coinjs.hdkey.prv, 4)).reverse();
+                    prv = prv.concat(k);
+                    prv.push(0x00);
+                    prv = prv.concat(Crypto.util.hexToBytes(data.privkey));
+                    var hash = Crypto.SHA256(Crypto.SHA256(prv, {
+                        asBytes: true
+                    }), {
+                        asBytes: true
+                    });
+                    var checksum = hash.slice(0, 4);
+                    var ret = prv.concat(checksum);
+                    o.privkey = coinjs.base58encode(ret);
+                }
+
+                //encode xpub key
+                if (data.pubkey) {
+                    var pub = (coinjs.numToBytes(coinjs.hdkey.pub, 4)).reverse();
+                    pub = pub.concat(k);
+                    pub = pub.concat(Crypto.util.hexToBytes(data.pubkey));
+                    var hash = Crypto.SHA256(Crypto.SHA256(pub, {
+                        asBytes: true
+                    }), {
+                        asBytes: true
+                    });
+                    var checksum = hash.slice(0, 4);
+                    var ret = pub.concat(checksum);
+                    o.pubkey = coinjs.base58encode(ret);
+                }
+                return o;
+            }
+
+            return r.parse();
+        }
+
+
+        /* start of script functions */
+        coinjs.script = function(data) {
+            var r = {};
+
+            if (!data) {
+                r.buffer = [];
+            } else if ("string" == typeof data) {
+                r.buffer = Crypto.util.hexToBytes(data);
+            } else if (coinjs.isArray(data)) {
+                r.buffer = data;
+            } else if (data instanceof coinjs.script) {
+                r.buffer = data.buffer;
+            } else {
+                r.buffer = data;
+            }
+
+            /* parse buffer array */
+            r.parse = function() {
+
+                var self = this;
+                r.chunks = [];
+                var i = 0;
+
+                function readChunk(n) {
+                    self.chunks.push(self.buffer.slice(i, i + n));
+                    i += n;
+                };
+
+                while (i < this.buffer.length) {
+                    var opcode = this.buffer[i++];
+                    if (opcode >= 0xF0) {
+                        opcode = (opcode << 8) | this.buffer[i++];
+                    }
+
+                    var len;
+                    if (opcode > 0 && opcode < 76) { //OP_PUSHDATA1
+                        readChunk(opcode);
+                    } else if (opcode == 76) { //OP_PUSHDATA1
+                        len = this.buffer[i++];
+                        readChunk(len);
+                    } else if (opcode == 77) { //OP_PUSHDATA2
+                        len = (this.buffer[i++] << 8) | this.buffer[i++];
+                        readChunk(len);
+                    } else if (opcode == 78) { //OP_PUSHDATA4
+                        len = (this.buffer[i++] << 24) | (this.buffer[i++] << 16) | (this.buffer[i++] << 8) | this.buffer[i++];
+                        readChunk(len);
+                    } else {
+                        this.chunks.push(opcode);
+                    }
+
+                    if (i < 0x00) {
+                        break;
+                    }
+                }
+
+                return true;
+            };
+
+            /* decode the redeemscript of a multisignature transaction */
+            r.decodeRedeemScript = function(script) {
+                var r = false;
+                try {
+                    var s = coinjs.script(Crypto.util.hexToBytes(script));
+                    if ((s.chunks.length >= 3) && s.chunks[s.chunks.length - 1] == 174) { //OP_CHECKMULTISIG
+                        r = {};
+                        r.signaturesRequired = s.chunks[0] - 80;
+                        var pubkeys = [];
+                        for (var i = 1; i < s.chunks.length - 2; i++) {
+                            pubkeys.push(Crypto.util.bytesToHex(s.chunks[i]));
+                        }
+                        r.pubkeys = pubkeys;
+                        var multi = coinjs.pubkeys2MultisigAddress(pubkeys, r.signaturesRequired);
+                        r.address = multi['address'];
+                        r.type = 'multisig__'; // using __ for now to differentiat from the other object .type == "multisig"
+                        var rs = Crypto.util.bytesToHex(s.buffer);
+                        r.redeemscript = rs;
+
+                    } else if ((s.chunks.length == 2) && (s.buffer[0] == 0 && s.buffer[1] == 20)) { // SEGWIT
+                        r = {};
+                        r.type = "segwit__";
+                        var rs = Crypto.util.bytesToHex(s.buffer);
+                        r.address = coinjs.pubkey2address(rs, coinjs.multisig);
+                        r.redeemscript = rs;
+
+                    } else if (s.chunks.length == 5 && s.chunks[1] == 177 && s.chunks[2] == 117 && s.chunks[4] == 172) {
+                        // ^ <unlocktime> OP_CHECKLOCKTIMEVERIFY OP_DROP <pubkey> OP_CHECKSIG ^
+                        r = {}
+                        r.pubkey = Crypto.util.bytesToHex(s.chunks[3]);
+                        r.checklocktimeverify = coinjs.bytesToNum(s.chunks[0].slice());
+                        r.address = coinjs.simpleHodlAddress(r.pubkey, r.checklocktimeverify).address;
+                        var rs = Crypto.util.bytesToHex(s.buffer);
+                        r.redeemscript = rs;
+                        r.type = "hodl__";
+                    }
+                } catch (e) {
+                    // console.log(e);
+                    r = false;
+                }
+                return r;
+            }
+
+            /* create output script to spend */
+            r.spendToScript = function(address) {
+                var addr = coinjs.addressDecode(address);
+                var s = coinjs.script();
+                if (addr.type == "bech32") {
+                    s.writeOp(0);
+                    s.writeBytes(Crypto.util.hexToBytes(addr.redeemscript));
+                } else if (addr.version == coinjs.multisig) { // multisig address
+                    s.writeOp(169); //OP_HASH160
+                    s.writeBytes(addr.bytes);
+                    s.writeOp(135); //OP_EQUAL
+                } else { // regular address
+                    s.writeOp(118); //OP_DUP
+                    s.writeOp(169); //OP_HASH160
+                    s.writeBytes(addr.bytes);
+                    s.writeOp(136); //OP_EQUALVERIFY
+                    s.writeOp(172); //OP_CHECKSIG
+                }
+                return s;
+            }
+
+            /* geneate a (script) pubkey hash of the address - used for when signing */
+            r.pubkeyHash = function(address) {
+                var addr = coinjs.addressDecode(address);
+                var s = coinjs.script();
+                s.writeOp(118); //OP_DUP
+                s.writeOp(169); //OP_HASH160
+                s.writeBytes(addr.bytes);
+                s.writeOp(136); //OP_EQUALVERIFY
+                s.writeOp(172); //OP_CHECKSIG
+                return s;
+            }
+
+            /* write to buffer */
+            r.writeOp = function(op) {
+                this.buffer.push(op);
+                this.chunks.push(op);
+                return true;
+            }
+
+            /* write bytes to buffer */
+            r.writeBytes = function(data) {
+                if (data.length < 76) { //OP_PUSHDATA1
+                    this.buffer.push(data.length);
+                } else if (data.length <= 0xff) {
+                    this.buffer.push(76); //OP_PUSHDATA1
+                    this.buffer.push(data.length);
+                } else if (data.length <= 0xffff) {
+                    this.buffer.push(77); //OP_PUSHDATA2
+                    this.buffer.push(data.length & 0xff);
+                    this.buffer.push((data.length >>> 8) & 0xff);
+                } else {
+                    this.buffer.push(78); //OP_PUSHDATA4
+                    this.buffer.push(data.length & 0xff);
+                    this.buffer.push((data.length >>> 8) & 0xff);
+                    this.buffer.push((data.length >>> 16) & 0xff);
+                    this.buffer.push((data.length >>> 24) & 0xff);
+                }
+                this.buffer = this.buffer.concat(data);
+                this.chunks.push(data);
+                return true;
+            }
+
+            r.parse();
+            return r;
+        }
+
+        /* start of transaction functions */
+
+        /* create a new transaction object */
+        coinjs.transaction = function() {
+
+            var r = {};
+            r.version = 1;
+            r.lock_time = 0;
+            r.ins = [];
+            r.outs = [];
+            r.witness = false;
+            r.timestamp = null;
+            r.block = null;
+
+            /* add an input to a transaction */
+            r.addinput = function(txid, index, script, sequence) {
+                var o = {};
+                o.outpoint = {
+                    'hash': txid,
+                    'index': index
+                };
+                o.script = coinjs.script(script || []);
+                o.sequence = sequence || ((r.lock_time == 0) ? 4294967295 : 0);
+                return this.ins.push(o);
+            }
+
+            /* add an output to a transaction */
+            r.addoutput = function(address, value) {
+                var o = {};
+                o.value = new BigInteger('' + Math.round((value * 1) * 1e8), 10);
+                var s = coinjs.script();
+                o.script = s.spendToScript(address);
+
+                return this.outs.push(o);
+            }
+
+            /* add two outputs for stealth addresses to a transaction */
+            r.addstealth = function(stealth, value) {
+                var ephemeralKeyBigInt = BigInteger.fromByteArrayUnsigned(Crypto.util.hexToBytes(coinjs.newPrivkey()));
+                var curve = EllipticCurve.getSECCurveByName("secp256k1");
+
+                var p = EllipticCurve.fromHex("FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFEFFFFFC2F");
+                var a = BigInteger.ZERO;
+                var b = EllipticCurve.fromHex("7");
+                var calccurve = new EllipticCurve.CurveFp(p, a, b);
+
+                var ephemeralPt = curve.getG().multiply(ephemeralKeyBigInt);
+                var scanPt = calccurve.decodePointHex(stealth.scankey);
+                var sharedPt = scanPt.multiply(ephemeralKeyBigInt);
+                var stealthindexKeyBigInt = BigInteger.fromByteArrayUnsigned(Crypto.SHA256(sharedPt.getEncoded(true), {
+                    asBytes: true
+                }));
+
+                var stealthindexPt = curve.getG().multiply(stealthindexKeyBigInt);
+                var spendPt = calccurve.decodePointHex(stealth.spendkey);
+                var addressPt = spendPt.add(stealthindexPt);
+
+                var sendaddress = coinjs.pubkey2address(Crypto.util.bytesToHex(addressPt.getEncoded(true)));
+
+
+                var OPRETBytes = [6].concat(Crypto.util.randomBytes(4)).concat(ephemeralPt.getEncoded(true)); // ephemkey data
+                var q = coinjs.script();
+                q.writeOp(106); // OP_RETURN
+                q.writeBytes(OPRETBytes);
+                v = {};
+                v.value = 0;
+                v.script = q;
+
+                this.outs.push(v);
+
+                var o = {};
+                o.value = new BigInteger('' + Math.round((value * 1) * 1e8), 10);
+                var s = coinjs.script();
+                o.script = s.spendToScript(sendaddress);
+
+                return this.outs.push(o);
+            }
+
+            /* add data to a transaction */
+            r.adddata = function(data) {
+                var r = false;
+                if (((data.match(/^[a-f0-9]+$/gi)) && data.length < 160) && (data.length % 2) == 0) {
+                    var s = coinjs.script();
+                    s.writeOp(106); // OP_RETURN
+                    s.writeBytes(Crypto.util.hexToBytes(data));
+                    o = {};
+                    o.value = 0;
+                    o.script = s;
+                    return this.outs.push(o);
+                }
+                return r;
+            }
+
+            /* list unspent transactions */
+            r.listUnspent = function(address, callback) {
+                coinjs.ajax(coinjs.host + '?uid=' + coinjs.uid + '&key=' + coinjs.key + '&setmodule=addresses&request=unspent&address=' + address + '&r=' + securedMathRandom(), callback, "GET");
+            }
+
+            /* list transaction data */
+            r.getTransaction = function(txid, callback) {
+                coinjs.ajax(coinjs.host + '?uid=' + coinjs.uid + '&key=' + coinjs.key + '&setmodule=bitcoin&request=gettransaction&txid=' + txid + '&r=' + securedMathRandom(), callback, "GET");
+            }
+
+            /* add unspent to transaction */
+            r.addUnspent = function(address, callback, script, segwit, sequence) {
+                var self = this;
+                this.listUnspent(address, function(data) {
+                    var s = coinjs.script();
+                    var value = 0;
+                    var total = 0;
+                    var x = {};
+
+                    if (GLOBAL.DOMParser) {
+                        parser = new DOMParser();
+                        xmlDoc = parser.parseFromString(data, "text/xml");
+                    } else {
+                        xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
+                        xmlDoc.async = false;
+                        xmlDoc.loadXML(data);
+                    }
+
+                    var unspent = xmlDoc.getElementsByTagName("unspent")[0];
+
+                    if (unspent) {
+                        for (i = 1; i <= unspent.childElementCount; i++) {
+                            var u = xmlDoc.getElementsByTagName("unspent_" + i)[0]
+                            var txhash = (u.getElementsByTagName("tx_hash")[0].childNodes[0].nodeValue).match(/.{1,2}/g).reverse().join("") + '';
+                            var n = u.getElementsByTagName("tx_output_n")[0].childNodes[0].nodeValue;
+                            var scr = script || u.getElementsByTagName("script")[0].childNodes[0].nodeValue;
+
+                            if (segwit) {
+                                /* this is a small hack to include the value with the redeemscript to make the signing procedure smoother. 
+                                It is not standard and removed during the signing procedure. */
+
+                                s = coinjs.script();
+                                s.writeBytes(Crypto.util.hexToBytes(script));
+                                s.writeOp(0);
+                                s.writeBytes(coinjs.numToBytes(u.getElementsByTagName("value")[0].childNodes[0].nodeValue * 1, 8));
+                                scr = Crypto.util.bytesToHex(s.buffer);
+                            }
+
+                            var seq = sequence || false;
+                            self.addinput(txhash, n, scr, seq);
+                            value += u.getElementsByTagName("value")[0].childNodes[0].nodeValue * 1;
+                            total++;
+                        }
+                    }
+
+                    x.result = xmlDoc.getElementsByTagName("result")[0].childNodes[0].nodeValue;
+                    x.unspent = unspent;
+                    x.value = value;
+                    x.total = total;
+                    x.response = xmlDoc.getElementsByTagName("response")[0].childNodes[0].nodeValue;
+
+                    return callback(x);
+                });
+            }
+
+            /* add unspent and sign */
+            r.addUnspentAndSign = function(wif, callback) {
+                var self = this;
+                var address = coinjs.wif2address(wif);
+                self.addUnspent(address['address'], function(data) {
+                    self.sign(wif);
+                    return callback(data);
+                });
+            }
+
+            /* broadcast a transaction */
+            r.broadcast = function(callback, txhex) {
+                var tx = txhex || this.serialize();
+                coinjs.ajax(coinjs.host + '?uid=' + coinjs.uid + '&key=' + coinjs.key + '&setmodule=bitcoin&request=sendrawtransaction', callback, "POST", ["rawtx=" + tx]);
+            }
+
+            /* generate the transaction hash to sign from a transaction input */
+            r.transactionHash = function(index, sigHashType) {
+
+                var clone = coinjs.clone(this);
+                var shType = sigHashType || 1;
+
+                /* black out all other ins, except this one */
+                for (var i = 0; i < clone.ins.length; i++) {
+                    if (index != i) {
+                        clone.ins[i].script = coinjs.script();
+                    }
+                }
+
+                var extract = this.extractScriptKey(index);
+                clone.ins[index].script = coinjs.script(extract['script']);
+
+                if ((clone.ins) && clone.ins[index]) {
+
+                    /* SIGHASH : For more info on sig hashs see https://en.bitcoin.it/wiki/OP_CHECKSIG
+                    	and https://bitcoin.org/en/developer-guide#signature-hash-type */
+
+                    if (shType == 1) {
+                        //SIGHASH_ALL 0x01
+
+                    } else if (shType == 2) {
+                        //SIGHASH_NONE 0x02
+                        clone.outs = [];
+                        for (var i = 0; i < clone.ins.length; i++) {
+                            if (index != i) {
+                                clone.ins[i].sequence = 0;
+                            }
+                        }
+
+                    } else if (shType == 3) {
+
+                        //SIGHASH_SINGLE 0x03
+                        clone.outs.length = index + 1;
+
+                        for (var i = 0; i < index; i++) {
+                            clone.outs[i].value = -1;
+                            clone.outs[i].script.buffer = [];
+                        }
+
+                        for (var i = 0; i < clone.ins.length; i++) {
+                            if (index != i) {
+                                clone.ins[i].sequence = 0;
+                            }
+                        }
+
+                    } else if (shType >= 128) {
+                        //SIGHASH_ANYONECANPAY 0x80
+                        clone.ins = [clone.ins[index]];
+
+                        if (shType == 129) {
+                            // SIGHASH_ALL + SIGHASH_ANYONECANPAY
+
+                        } else if (shType == 130) {
+                            // SIGHASH_NONE + SIGHASH_ANYONECANPAY
+                            clone.outs = [];
+
+                        } else if (shType == 131) {
+                            // SIGHASH_SINGLE + SIGHASH_ANYONECANPAY
+                            clone.outs.length = index + 1;
+                            for (var i = 0; i < index; i++) {
+                                clone.outs[i].value = -1;
+                                clone.outs[i].script.buffer = [];
+                            }
+                        }
+                    }
+
+                    var buffer = Crypto.util.hexToBytes(clone.serialize());
+                    buffer = buffer.concat(coinjs.numToBytes(parseInt(shType), 4));
+                    var hash = Crypto.SHA256(buffer, {
+                        asBytes: true
+                    });
+                    var r = Crypto.util.bytesToHex(Crypto.SHA256(hash, {
+                        asBytes: true
+                    }));
+                    return r;
+                } else {
+                    return false;
+                }
+            }
+
+            /* generate a segwit transaction hash to sign from a transaction input */
+            r.transactionHashSegWitV0 = function(index, sigHashType) {
+                /* 
+                   Notice: coinb.in by default, deals with segwit transactions in a non-standard way.
+                   Segwit transactions require that input values are included in the transaction hash.
+                   To save wasting resources and potentially slowing down this service, we include the amount with the 
+                   redeem script to generate the transaction hash and remove it after its signed.
+                */
+
+                // start redeem script check
+                var extract = this.extractScriptKey(index);
+                if (extract['type'] != 'segwit') {
+                    return {
+                        'result': 0,
+                        'fail': 'redeemscript',
+                        'response': 'redeemscript missing or not valid for segwit'
+                    };
+                }
+
+                if (extract['value'] == -1) {
+                    return {
+                        'result': 0,
+                        'fail': 'value',
+                        'response': 'unable to generate a valid segwit hash without a value'
+                    };
+                }
+
+                var scriptcode = Crypto.util.hexToBytes(extract['script']);
+
+                // end of redeem script check
+
+                /* P2WPKH */
+                if (scriptcode.length == 20) {
+                    scriptcode = [0x00, 0x14].concat(scriptcode);
+                }
+
+                if (scriptcode.length == 22) {
+                    scriptcode = scriptcode.slice(1);
+                    scriptcode.unshift(25, 118, 169);
+                    scriptcode.push(136, 172);
+                }
+
+                var value = coinjs.numToBytes(extract['value'], 8);
+
+                // start
+
+                var zero = coinjs.numToBytes(0, 32);
+                var version = coinjs.numToBytes(parseInt(this.version), 4);
+
+                var bufferTmp = [];
+                if (!(sigHashType >= 80)) { // not sighash anyonecanpay 
+                    for (var i = 0; i < this.ins.length; i++) {
+                        bufferTmp = bufferTmp.concat(Crypto.util.hexToBytes(this.ins[i].outpoint.hash).reverse());
+                        bufferTmp = bufferTmp.concat(coinjs.numToBytes(this.ins[i].outpoint.index, 4));
+                    }
+                }
+                var hashPrevouts = bufferTmp.length >= 1 ? Crypto.SHA256(Crypto.SHA256(bufferTmp, {
+                    asBytes: true
+                }), {
+                    asBytes: true
+                }) : zero;
+
+                var bufferTmp = [];
+                if (!(sigHashType >= 80) && sigHashType != 2 && sigHashType != 3) { // not sighash anyonecanpay & single & none
+                    for (var i = 0; i < this.ins.length; i++) {
+                        bufferTmp = bufferTmp.concat(coinjs.numToBytes(this.ins[i].sequence, 4));
+                    }
+                }
+                var hashSequence = bufferTmp.length >= 1 ? Crypto.SHA256(Crypto.SHA256(bufferTmp, {
+                    asBytes: true
+                }), {
+                    asBytes: true
+                }) : zero;
+
+                var outpoint = Crypto.util.hexToBytes(this.ins[index].outpoint.hash).reverse();
+                outpoint = outpoint.concat(coinjs.numToBytes(this.ins[index].outpoint.index, 4));
+
+                var nsequence = coinjs.numToBytes(this.ins[index].sequence, 4);
+                var hashOutputs = zero;
+                var bufferTmp = [];
+                if (sigHashType != 2 && sigHashType != 3) { // not sighash single & none
+                    for (var i = 0; i < this.outs.length; i++) {
+                        bufferTmp = bufferTmp.concat(coinjs.numToBytes(this.outs[i].value, 8));
+                        bufferTmp = bufferTmp.concat(coinjs.numToVarInt(this.outs[i].script.buffer.length));
+                        bufferTmp = bufferTmp.concat(this.outs[i].script.buffer);
+                    }
+                    hashOutputs = Crypto.SHA256(Crypto.SHA256(bufferTmp, {
+                        asBytes: true
+                    }), {
+                        asBytes: true
+                    });
+
+                } else if ((sigHashType == 2) && index < this.outs.length) { // is sighash single
+                    bufferTmp = bufferTmp.concat(coinjs.numToBytes(this.outs[index].value, 8));
+                    bufferTmp = bufferTmp.concat(coinjs.numToVarInt(this.outs[i].script.buffer.length));
+                    bufferTmp = bufferTmp.concat(this.outs[index].script.buffer);
+                    hashOutputs = Crypto.SHA256(Crypto.SHA256(bufferTmp, {
+                        asBytes: true
+                    }), {
+                        asBytes: true
+                    });
+                }
+
+                var locktime = coinjs.numToBytes(this.lock_time, 4);
+                var sighash = coinjs.numToBytes(sigHashType, 4);
+
+                var buffer = [];
+                buffer = buffer.concat(version);
+                buffer = buffer.concat(hashPrevouts);
+                buffer = buffer.concat(hashSequence);
+                buffer = buffer.concat(outpoint);
+                buffer = buffer.concat(scriptcode);
+                buffer = buffer.concat(value);
+                buffer = buffer.concat(nsequence);
+                buffer = buffer.concat(hashOutputs);
+                buffer = buffer.concat(locktime);
+                buffer = buffer.concat(sighash);
+
+                var hash = Crypto.SHA256(buffer, {
+                    asBytes: true
+                });
+                return {
+                    'result': 1,
+                    'hash': Crypto.util.bytesToHex(Crypto.SHA256(hash, {
+                        asBytes: true
+                    })),
+                    'response': 'hash generated'
+                };
+            }
+
+            /* extract the scriptSig, used in the transactionHash() function */
+            r.extractScriptKey = function(index) {
+                if (this.ins[index]) {
+                    if ((this.ins[index].script.chunks.length == 5) && this.ins[index].script.chunks[4] == 172 && coinjs.isArray(this.ins[index].script.chunks[2])) { //OP_CHECKSIG
+                        // regular scriptPubkey (not signed)
+                        return {
+                            'type': 'scriptpubkey',
+                            'signed': 'false',
+                            'signatures': 0,
+                            'script': Crypto.util.bytesToHex(this.ins[index].script.buffer)
+                        };
+                    } else if ((this.ins[index].script.chunks.length == 2) && this.ins[index].script.chunks[0][0] == 48 && this.ins[index].script.chunks[1].length == 5 && this.ins[index].script.chunks[1][1] == 177) { //OP_CHECKLOCKTIMEVERIFY
+                        // hodl script (signed)
+                        return {
+                            'type': 'hodl',
+                            'signed': 'true',
+                            'signatures': 1,
+                            'script': Crypto.util.bytesToHex(this.ins[index].script.buffer)
+                        };
+                    } else if ((this.ins[index].script.chunks.length == 2) && this.ins[index].script.chunks[0][0] == 48) {
+                        // regular scriptPubkey (probably signed)
+                        return {
+                            'type': 'scriptpubkey',
+                            'signed': 'true',
+                            'signatures': 1,
+                            'script': Crypto.util.bytesToHex(this.ins[index].script.buffer)
+                        };
+                    } else if (this.ins[index].script.chunks.length == 5 && this.ins[index].script.chunks[1] == 177) { //OP_CHECKLOCKTIMEVERIFY
+                        // hodl script (not signed)
+                        return {
+                            'type': 'hodl',
+                            'signed': 'false',
+                            'signatures': 0,
+                            'script': Crypto.util.bytesToHex(this.ins[index].script.buffer)
+                        };
+                    } else if ((this.ins[index].script.chunks.length <= 3 && this.ins[index].script.chunks.length > 0) && ((this.ins[index].script.chunks[0].length == 22 && this.ins[index].script.chunks[0][0] == 0) || (this.ins[index].script.chunks[0].length == 20 && this.ins[index].script.chunks[1] == 0))) {
+                        var signed = ((this.witness[index]) && this.witness[index].length == 2) ? 'true' : 'false';
+                        var sigs = (signed == 'true') ? 1 : 0;
+                        var value = -1; // no value found
+                        if ((this.ins[index].script.chunks[2]) && this.ins[index].script.chunks[2].length == 8) {
+                            value = coinjs.bytesToNum(this.ins[index].script.chunks[2]); // value found encoded in transaction (THIS IS NON STANDARD)
+                        }
+                        return {
+                            'type': 'segwit',
+                            'signed': signed,
+                            'signatures': sigs,
+                            'script': Crypto.util.bytesToHex(this.ins[index].script.chunks[0]),
+                            'value': value
+                        };
+                    } else if (this.ins[index].script.chunks[0] == 0 && this.ins[index].script.chunks[this.ins[index].script.chunks.length - 1][this.ins[index].script.chunks[this.ins[index].script.chunks.length - 1].length - 1] == 174) { // OP_CHECKMULTISIG
+                        // multisig script, with signature(s) included
+                        var sigcount = 0;
+                        for (let i = 1; i < this.ins[index].script.chunks.length - 1; i++) {
+                            if (this.ins[index].script.chunks[i] != 0) {
+                                sigcount++;
+                            }
+                        }
+
+                        return {
+                            'type': 'multisig',
+                            'signed': 'true',
+                            'signatures': sigcount,
+                            'script': Crypto.util.bytesToHex(this.ins[index].script.chunks[this.ins[index].script.chunks.length - 1])
+                        };
+                    } else if (this.ins[index].script.chunks[0] >= 80 && this.ins[index].script.chunks[this.ins[index].script.chunks.length - 1] == 174) { // OP_CHECKMULTISIG
+                        // multisig script, without signature!
+                        return {
+                            'type': 'multisig',
+                            'signed': 'false',
+                            'signatures': 0,
+                            'script': Crypto.util.bytesToHex(this.ins[index].script.buffer)
+                        };
+                    } else if (this.ins[index].script.chunks.length == 0) {
+                        // empty
+                        //bech32 witness check
+                        var signed = ((this.witness[index]) && this.witness[index].length == 2) ? 'true' : 'false';
+                        var sigs = (signed == 'true') ? 1 : 0;
+                        return {
+                            'type': 'empty',
+                            'signed': signed,
+                            'signatures': sigs,
+                            'script': ''
+                        };
+                    } else {
+                        // something else
+                        return {
+                            'type': 'unknown',
+                            'signed': 'false',
+                            'signatures': 0,
+                            'script': Crypto.util.bytesToHex(this.ins[index].script.buffer)
+                        };
+                    }
+                } else {
+                    return false;
+                }
+            }
+
+            /* generate a signature from a transaction hash */
+            r.transactionSig = function(index, wif, sigHashType, txhash) {
+
+                function serializeSig(r, s) {
+                    var rBa = r.toByteArraySigned();
+                    var sBa = s.toByteArraySigned();
+
+                    var sequence = [];
+                    sequence.push(0x02); // INTEGER
+                    sequence.push(rBa.length);
+                    sequence = sequence.concat(rBa);
+
+                    sequence.push(0x02); // INTEGER
+                    sequence.push(sBa.length);
+                    sequence = sequence.concat(sBa);
+
+                    sequence.unshift(sequence.length);
+                    sequence.unshift(0x30); // SEQUENCE
+
+                    return sequence;
+                }
+
+                var shType = sigHashType || 1;
+                var hash = txhash || Crypto.util.hexToBytes(this.transactionHash(index, shType));
+
+                if (hash) {
+                    var curve = EllipticCurve.getSECCurveByName("secp256k1");
+                    var key = coinjs.wif2privkey(wif);
+                    var priv = BigInteger.fromByteArrayUnsigned(Crypto.util.hexToBytes(key['privkey']));
+                    var n = curve.getN();
+                    var e = BigInteger.fromByteArrayUnsigned(hash);
+                    var badrs = 0
+                    do {
+                        var k = this.deterministicK(wif, hash, badrs);
+                        var G = curve.getG();
+                        var Q = G.multiply(k);
+                        var r = Q.getX().toBigInteger().mod(n);
+                        var s = k.modInverse(n).multiply(e.add(priv.multiply(r))).mod(n);
+                        badrs++
+                    } while (r.compareTo(BigInteger.ZERO) <= 0 || s.compareTo(BigInteger.ZERO) <= 0);
+
+                    // Force lower s values per BIP62
+                    var halfn = n.shiftRight(1);
+                    if (s.compareTo(halfn) > 0) {
+                        s = n.subtract(s);
+                    };
+
+                    var sig = serializeSig(r, s);
+                    sig.push(parseInt(shType, 10));
+
+                    return Crypto.util.bytesToHex(sig);
+                } else {
+                    return false;
+                }
+            }
+
+            // https://tools.ietf.org/html/rfc6979#section-3.2
+            r.deterministicK = function(wif, hash, badrs) {
+                // if r or s were invalid when this function was used in signing,
+                // we do not want to actually compute r, s here for efficiency, so,
+                // we can increment badrs. explained at end of RFC 6979 section 3.2
+
+                // wif is b58check encoded wif privkey.
+                // hash is byte array of transaction digest.
+                // badrs is used only if the k resulted in bad r or s.
+
+                // some necessary things out of the way for clarity.
+                badrs = badrs || 0;
+                var key = coinjs.wif2privkey(wif);
+                var x = Crypto.util.hexToBytes(key['privkey'])
+                var curve = EllipticCurve.getSECCurveByName("secp256k1");
+                var N = curve.getN();
+
+                // Step: a
+                // hash is a byteArray of the message digest. so h1 == hash in our case
+
+                // Step: b
+                var v = [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1];
+
+                // Step: c
+                var k = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0];
+
+                // Step: d
+                k = Crypto.HMAC(Crypto.SHA256, v.concat([0]).concat(x).concat(hash), k, {
+                    asBytes: true
+                });
+
+                // Step: e
+                v = Crypto.HMAC(Crypto.SHA256, v, k, {
+                    asBytes: true
+                });
+
+                // Step: f
+                k = Crypto.HMAC(Crypto.SHA256, v.concat([1]).concat(x).concat(hash), k, {
+                    asBytes: true
+                });
+
+                // Step: g
+                v = Crypto.HMAC(Crypto.SHA256, v, k, {
+                    asBytes: true
+                });
+
+                // Step: h1
+                var T = [];
+
+                // Step: h2 (since we know tlen = qlen, just copy v to T.)
+                v = Crypto.HMAC(Crypto.SHA256, v, k, {
+                    asBytes: true
+                });
+                T = v;
+
+                // Step: h3
+                var KBigInt = BigInteger.fromByteArrayUnsigned(T);
+
+                // loop if KBigInt is not in the range of [1, N-1] or if badrs needs incrementing.
+                var i = 0
+                while (KBigInt.compareTo(N) >= 0 || KBigInt.compareTo(BigInteger.ZERO) <= 0 || i < badrs) {
+                    k = Crypto.HMAC(Crypto.SHA256, v.concat([0]), k, {
+                        asBytes: true
+                    });
+                    v = Crypto.HMAC(Crypto.SHA256, v, k, {
+                        asBytes: true
+                    });
+                    v = Crypto.HMAC(Crypto.SHA256, v, k, {
+                        asBytes: true
+                    });
+                    T = v;
+                    KBigInt = BigInteger.fromByteArrayUnsigned(T);
+                    i++
+                };
+
+                return KBigInt;
+            };
+
+            /* sign a "standard" input */
+            r.signinput = function(index, wif, sigHashType) {
+                var key = coinjs.wif2pubkey(wif);
+                var shType = sigHashType || 1;
+                var signature = this.transactionSig(index, wif, shType);
+                var s = coinjs.script();
+                s.writeBytes(Crypto.util.hexToBytes(signature));
+                s.writeBytes(Crypto.util.hexToBytes(key['pubkey']));
+                this.ins[index].script = s;
+                return true;
+            }
+
+            /* signs a time locked / hodl input */
+            r.signhodl = function(index, wif, sigHashType) {
+                var shType = sigHashType || 1;
+                var signature = this.transactionSig(index, wif, shType);
+                var redeemScript = this.ins[index].script.buffer
+                var s = coinjs.script();
+                s.writeBytes(Crypto.util.hexToBytes(signature));
+                s.writeBytes(redeemScript);
+                this.ins[index].script = s;
+                return true;
+            }
+
+            /* sign a multisig input */
+            r.signmultisig = function(index, wif, sigHashType) {
+
+                function scriptListPubkey(redeemScript) {
+                    var r = {};
+                    for (var i = 1; i < redeemScript.chunks.length - 2; i++) {
+                        r[i] = Crypto.util.hexToBytes(coinjs.pubkeydecompress(Crypto.util.bytesToHex(redeemScript.chunks[i])));
+                    }
+                    return r;
+                }
+
+                function scriptListSigs(scriptSig) {
+                    var r = {};
+                    var c = 0;
+                    if (scriptSig.chunks[0] == 0 && scriptSig.chunks[scriptSig.chunks.length - 1][scriptSig.chunks[scriptSig.chunks.length - 1].length - 1] == 174) {
+                        for (var i = 1; i < scriptSig.chunks.length - 1; i++) {
+                            if (scriptSig.chunks[i] != 0) {
+                                c++;
+                                r[c] = scriptSig.chunks[i];
+                            }
+                        }
+                    }
+                    return r;
+                }
+
+                var redeemScript = (this.ins[index].script.chunks[this.ins[index].script.chunks.length - 1] == 174) ? this.ins[index].script.buffer : this.ins[index].script.chunks[this.ins[index].script.chunks.length - 1];
+
+                var pubkeyList = scriptListPubkey(coinjs.script(redeemScript));
+                var sigsList = scriptListSigs(this.ins[index].script);
+
+                var shType = sigHashType || 1;
+                var sighash = Crypto.util.hexToBytes(this.transactionHash(index, shType));
+                var signature = Crypto.util.hexToBytes(this.transactionSig(index, wif, shType));
+
+                sigsList[coinjs.countObject(sigsList) + 1] = signature;
+
+                var s = coinjs.script();
+
+                s.writeOp(0);
+
+                for (let x in pubkeyList) {
+                    for (let y in sigsList) {
+                        this.ins[index].script.buffer = redeemScript;
+                        sighash = Crypto.util.hexToBytes(this.transactionHash(index, sigsList[y].slice(-1)[0] * 1));
+                        if (coinjs.verifySignature(sighash, sigsList[y], pubkeyList[x])) {
+                            s.writeBytes(sigsList[y]);
+                        }
+                    }
+                }
+
+                s.writeBytes(redeemScript);
+                this.ins[index].script = s;
+                return true;
+            }
+
+            /* sign segwit input */
+            r.signsegwit = function(index, wif, sigHashType) {
+                var shType = sigHashType || 1;
+
+                var wif2 = coinjs.wif2pubkey(wif);
+                var segwit = coinjs.segwitAddress(wif2['pubkey']);
+                var bech32 = coinjs.bech32Address(wif2['pubkey']);
+
+                if ((segwit['redeemscript'] == Crypto.util.bytesToHex(this.ins[index].script.chunks[0])) || (bech32['redeemscript'] == Crypto.util.bytesToHex(this.ins[index].script.chunks[0]))) {
+                    var txhash = this.transactionHashSegWitV0(index, shType);
+
+                    if (txhash.result == 1) {
+
+                        var segwitHash = Crypto.util.hexToBytes(txhash.hash);
+                        var signature = this.transactionSig(index, wif, shType, segwitHash);
+
+                        // remove any non standard data we store, i.e. input value
+                        var script = coinjs.script();
+                        script.writeBytes(this.ins[index].script.chunks[0]);
+                        this.ins[index].script = script;
+
+                        if (!coinjs.isArray(this.witness)) {
+                            this.witness = new Array(this.ins.length);
+                            this.witness.fill([]);
+                        }
+
+                        this.witness[index] = ([signature, wif2['pubkey']]);
+
+                        // bech32, empty redeemscript
+                        if (bech32['redeemscript'] == Crypto.util.bytesToHex(this.ins[index].script.chunks[0])) {
+                            this.ins[index].script = coinjs.script();
+                        }
+
+                        /* attempt to reorder witness data as best as we can. 
+                           data can't be easily validated at this stage as 
+                           we dont have access to the inputs value and 
+                           making a web call will be too slow. */
+
+                        /*
+                        var witness_order = [];
+                        var witness_used = [];
+                        for (var i = 0; i < this.ins.length; i++) {
+                            for (var y = 0; y < this.witness.length; y++) {
+                                if (!witness_used.includes(y)) {
+                                    var sw = coinjs.segwitAddress(this.witness[y][1]);
+                                    var b32 = coinjs.bech32Address(this.witness[y][1]);
+                                    var rs = '';
+
+                                    if (this.ins[i].script.chunks.length >= 1) {
+                                        rs = Crypto.util.bytesToHex(this.ins[i].script.chunks[0]);
+                                    } else if (this.ins[i].script.chunks.length == 0) {
+                                        rs = b32['redeemscript'];
+                                    }
+
+                                    if ((sw['redeemscript'] == rs) || (b32['redeemscript'] == rs)) {
+                                        witness_order.push(this.witness[y]);
+                                        witness_used.push(y);
+
+                                        // bech32, empty redeemscript
+                                        if (b32['redeemscript'] == rs) {
+                                            this.ins[index].script = coinjs.script();
+                                        }
+                                        break;
+                                    }
+                                }
+                            }
+                        }
+
+                        this.witness = witness_order;
+                        */
+                    }
+                }
+                return true;
+            }
+
+            /* sign inputs */
+            r.sign = function(wif, sigHashType) {
+                var shType = sigHashType || 1;
+                for (var i = 0; i < this.ins.length; i++) {
+                    var d = this.extractScriptKey(i);
+
+                    var w2a = coinjs.wif2address(wif);
+                    var script = coinjs.script();
+                    var pubkeyHash = script.pubkeyHash(w2a['address']);
+
+                    if (((d['type'] == 'scriptpubkey' && d['script'] == Crypto.util.bytesToHex(pubkeyHash.buffer)) || d['type'] == 'empty') && d['signed'] == "false") {
+                        this.signinput(i, wif, shType);
+
+                    } else if (d['type'] == 'hodl' && d['signed'] == "false") {
+                        this.signhodl(i, wif, shType);
+
+                    } else if (d['type'] == 'multisig') {
+                        this.signmultisig(i, wif, shType);
+
+                    } else if (d['type'] == 'segwit') {
+                        this.signsegwit(i, wif, shType);
+
+                    } else {
+                        // could not sign
+                    }
+                }
+                return this.serialize();
+            }
+
+            /* serialize a transaction */
+            r.serialize = function() {
+                var buffer = [];
+                buffer = buffer.concat(coinjs.numToBytes(parseInt(this.version), 4));
+
+                if (coinjs.isArray(this.witness)) {
+                    buffer = buffer.concat([0x00, 0x01]);
+                }
+
+                buffer = buffer.concat(coinjs.numToVarInt(this.ins.length));
+                for (var i = 0; i < this.ins.length; i++) {
+                    var txin = this.ins[i];
+                    buffer = buffer.concat(Crypto.util.hexToBytes(txin.outpoint.hash).reverse());
+                    buffer = buffer.concat(coinjs.numToBytes(parseInt(txin.outpoint.index), 4));
+                    var scriptBytes = txin.script.buffer;
+                    buffer = buffer.concat(coinjs.numToVarInt(scriptBytes.length));
+                    buffer = buffer.concat(scriptBytes);
+                    buffer = buffer.concat(coinjs.numToBytes(parseInt(txin.sequence), 4));
+                }
+                buffer = buffer.concat(coinjs.numToVarInt(this.outs.length));
+
+                for (var i = 0; i < this.outs.length; i++) {
+                    var txout = this.outs[i];
+                    buffer = buffer.concat(coinjs.numToBytes(txout.value, 8));
+                    var scriptBytes = txout.script.buffer;
+                    buffer = buffer.concat(coinjs.numToVarInt(scriptBytes.length));
+                    buffer = buffer.concat(scriptBytes);
+                }
+
+                if ((coinjs.isArray(this.witness)) && this.witness.length >= 1) {
+                    for (var i = 0; i < this.witness.length; i++) {
+                        buffer = buffer.concat(coinjs.numToVarInt(this.witness[i].length));
+                        for (var x = 0; x < this.witness[i].length; x++) {
+                            buffer = buffer.concat(coinjs.numToVarInt(Crypto.util.hexToBytes(this.witness[i][x]).length));
+                            buffer = buffer.concat(Crypto.util.hexToBytes(this.witness[i][x]));
+                        }
+                    }
+                }
+
+                buffer = buffer.concat(coinjs.numToBytes(parseInt(this.lock_time), 4));
+                return Crypto.util.bytesToHex(buffer);
+            }
+
+            /* deserialize a transaction */
+            r.deserialize = function(buffer) {
+                if (typeof buffer == "string") {
+                    buffer = Crypto.util.hexToBytes(buffer)
+                }
+
+                var pos = 0;
+                var witness = false;
+
+                var readAsInt = function(bytes) {
+                    if (bytes == 0) return 0;
+                    pos++;
+                    return buffer[pos - 1] + readAsInt(bytes - 1) * 256;
+                }
+
+                var readVarInt = function() {
+                    pos++;
+                    if (buffer[pos - 1] < 253) {
+                        return buffer[pos - 1];
+                    }
+                    return readAsInt(buffer[pos - 1] - 251);
+                }
+
+                var readBytes = function(bytes) {
+                    pos += bytes;
+                    return buffer.slice(pos - bytes, pos);
+                }
+
+                var readVarString = function() {
+                    var size = readVarInt();
+                    return readBytes(size);
+                }
+
+                var obj = new coinjs.transaction();
+                obj.version = readAsInt(4);
+
+                if (buffer[pos] == 0x00 && buffer[pos + 1] == 0x01) {
+                    // segwit transaction
+                    witness = true;
+                    obj.witness = [];
+                    pos += 2;
+                }
+
+                var ins = readVarInt();
+                for (var i = 0; i < ins; i++) {
+                    obj.ins.push({
+                        outpoint: {
+                            hash: Crypto.util.bytesToHex(readBytes(32).reverse()),
+                            index: readAsInt(4)
+                        },
+                        script: coinjs.script(readVarString()),
+                        sequence: readAsInt(4)
+                    });
+                }
+
+                var outs = readVarInt();
+                for (var i = 0; i < outs; i++) {
+                    obj.outs.push({
+                        value: coinjs.bytesToNum(readBytes(8)),
+                        script: coinjs.script(readVarString())
+                    });
+                }
+
+                if (witness == true) {
+                    for (i = 0; i < ins; ++i) {
+                        var count = readVarInt();
+                        var vector = [];
+                        if (!coinjs.isArray(obj.witness[i])) {
+                            obj.witness[i] = [];
+                        }
+                        for (var y = 0; y < count; y++) {
+                            var slice = readVarInt();
+                            pos += slice;
+                            obj.witness[i].push(Crypto.util.bytesToHex(buffer.slice(pos - slice, pos)));
+                        }
+                    }
+                }
+
+                obj.lock_time = readAsInt(4);
+                return obj;
+            }
+
+            r.size = function() {
+                return ((this.serialize()).length / 2).toFixed(0);
+            }
+
+            return r;
+        }
+
+        /* start of signature vertification functions */
+
+        coinjs.verifySignature = function(hash, sig, pubkey) {
+
+            function parseSig(sig) {
+                var cursor;
+                if (sig[0] != 0x30)
+                    throw new Error("Signature not a valid DERSequence");
+
+                cursor = 2;
+                if (sig[cursor] != 0x02)
+                    throw new Error("First element in signature must be a DERInteger");;
+
+                var rBa = sig.slice(cursor + 2, cursor + 2 + sig[cursor + 1]);
+
+                cursor += 2 + sig[cursor + 1];
+                if (sig[cursor] != 0x02)
+                    throw new Error("Second element in signature must be a DERInteger");
+
+                var sBa = sig.slice(cursor + 2, cursor + 2 + sig[cursor + 1]);
+
+                cursor += 2 + sig[cursor + 1];
+
+                var r = BigInteger.fromByteArrayUnsigned(rBa);
+                var s = BigInteger.fromByteArrayUnsigned(sBa);
+
+                return {
+                    r: r,
+                    s: s
+                };
+            }
+
+            var r, s;
+
+            if (coinjs.isArray(sig)) {
+                var obj = parseSig(sig);
+                r = obj.r;
+                s = obj.s;
+            } else if ("object" === typeof sig && sig.r && sig.s) {
+                r = sig.r;
+                s = sig.s;
+            } else {
+                throw "Invalid value for signature";
+            }
+
+            var Q;
+            if (coinjs.isArray(pubkey)) {
+                var ecparams = EllipticCurve.getSECCurveByName("secp256k1");
+                Q = EllipticCurve.PointFp.decodeFrom(ecparams.getCurve(), pubkey);
+            } else {
+                throw "Invalid format for pubkey value, must be byte array";
+            }
+            var e = BigInteger.fromByteArrayUnsigned(hash);
+
+            return coinjs.verifySignatureRaw(e, r, s, Q);
+        }
+
+        coinjs.verifySignatureRaw = function(e, r, s, Q) {
+            var ecparams = EllipticCurve.getSECCurveByName("secp256k1");
+            var n = ecparams.getN();
+            var G = ecparams.getG();
+
+            if (r.compareTo(BigInteger.ONE) < 0 || r.compareTo(n) >= 0)
+                return false;
+
+            if (s.compareTo(BigInteger.ONE) < 0 || s.compareTo(n) >= 0)
+                return false;
+
+            var c = s.modInverse(n);
+
+            var u1 = e.multiply(c).mod(n);
+            var u2 = r.multiply(c).mod(n);
+
+            var point = G.multiply(u1).add(Q.multiply(u2));
+
+            var v = point.getX().toBigInteger().mod(n);
+
+            return v.equals(r);
+        }
+
+        /* start of privates functions */
+
+        /* base58 encode function */
+        coinjs.base58encode = function(buffer) {
+            var alphabet = "123456789ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz";
+            var base = BigInteger.valueOf(58);
+
+            var bi = BigInteger.fromByteArrayUnsigned(buffer);
+            var chars = [];
+
+            while (bi.compareTo(base) >= 0) {
+                var mod = bi.mod(base);
+                chars.unshift(alphabet[mod.intValue()]);
+                bi = bi.subtract(mod).divide(base);
+            }
+
+            chars.unshift(alphabet[bi.intValue()]);
+            for (var i = 0; i < buffer.length; i++) {
+                if (buffer[i] == 0x00) {
+                    chars.unshift(alphabet[0]);
+                } else break;
+            }
+            return chars.join('');
+        }
+
+        /* base58 decode function */
+        coinjs.base58decode = function(buffer) {
+            var alphabet = "123456789ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz";
+            var base = BigInteger.valueOf(58);
+            var validRegex = /^[1-9A-HJ-NP-Za-km-z]+$/;
+
+            var bi = BigInteger.valueOf(0);
+            var leadingZerosNum = 0;
+            for (var i = buffer.length - 1; i >= 0; i--) {
+                var alphaIndex = alphabet.indexOf(buffer[i]);
+                if (alphaIndex < 0) {
+                    throw "Invalid character";
+                }
+                bi = bi.add(BigInteger.valueOf(alphaIndex).multiply(base.pow(buffer.length - 1 - i)));
+
+                if (buffer[i] == "1") leadingZerosNum++;
+                else leadingZerosNum = 0;
+            }
+
+            var bytes = bi.toByteArrayUnsigned();
+            while (leadingZerosNum-- > 0) bytes.unshift(0);
+            return bytes;
+        }
+
+        /* raw ajax function to avoid needing bigger frame works like jquery, mootools etc */
+        coinjs.ajax = function(u, f, m, a) {
+            var x = false;
+            try {
+                x = new ActiveXObject('Msxml2.XMLHTTP')
+            } catch (e) {
+                try {
+                    x = new ActiveXObject('Microsoft.XMLHTTP')
+                } catch (e) {
+                    x = new XMLHttpRequest()
+                }
+            }
+
+            if (x == false) {
+                return false;
+            }
+
+            x.open(m, u, true);
+            x.onreadystatechange = function() {
+                if ((x.readyState == 4) && f)
+                    f(x.responseText);
+            };
+
+            if (m == 'POST') {
+                x.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
+            }
+
+            x.send(a);
+        }
+
+        /* clone an object */
+        coinjs.clone = function(obj) {
+            if (obj == null || typeof(obj) != 'object') return obj;
+            var temp = new obj.constructor();
+
+            for (var key in obj) {
+                if (obj.hasOwnProperty(key)) {
+                    temp[key] = coinjs.clone(obj[key]);
+                }
+            }
+            return temp;
+        }
+
+        coinjs.numToBytes = function(num, bytes) {
+            if (typeof bytes === "undefined") bytes = 8;
+            if (bytes == 0) {
+                return [];
+            } else if (num == -1) {
+                return Crypto.util.hexToBytes("ffffffffffffffff");
+            } else {
+                return [num % 256].concat(coinjs.numToBytes(Math.floor(num / 256), bytes - 1));
+            }
+        }
+
+        function scriptNumSize(i) {
+            return i > 0x7fffffff ? 5 :
+                i > 0x7fffff ? 4 :
+                i > 0x7fff ? 3 :
+                i > 0x7f ? 2 :
+                i > 0x00 ? 1 :
+                0;
+        }
+
+        coinjs.numToScriptNumBytes = function(_number) {
+            var value = Math.abs(_number);
+            var size = scriptNumSize(value);
+            var result = [];
+            for (var i = 0; i < size; ++i) {
+                result.push(0);
+            }
+            var negative = _number < 0;
+            for (i = 0; i < size; ++i) {
+                result[i] = value & 0xff;
+                value = Math.floor(value / 256);
+            }
+            if (negative) {
+                result[size - 1] |= 0x80;
+            }
+            return result;
+        }
+
+        coinjs.numToVarInt = function(num) {
+            if (num < 253) {
+                return [num];
+            } else if (num < 65536) {
+                return [253].concat(coinjs.numToBytes(num, 2));
+            } else if (num < 4294967296) {
+                return [254].concat(coinjs.numToBytes(num, 4));
+            } else {
+                return [255].concat(coinjs.numToBytes(num, 8));
+            }
+        }
+
+        coinjs.bytesToNum = function(bytes) {
+            if (bytes.length == 0) return 0;
+            else return bytes[0] + 256 * coinjs.bytesToNum(bytes.slice(1));
+        }
+
+        coinjs.uint = function(f, size) {
+            if (f.length < size)
+                throw new Error("not enough data");
+            var n = 0;
+            for (var i = 0; i < size; i++) {
+                n *= 256;
+                n += f[i];
+            }
+            return n;
+        }
+
+        coinjs.isArray = function(o) {
+            return Object.prototype.toString.call(o) === '[object Array]';
+        }
+
+        coinjs.countObject = function(obj) {
+            var count = 0;
+            var i;
+            for (i in obj) {
+                if (obj.hasOwnProperty(i)) {
+                    count++;
+                }
+            }
+            return count;
+        }
+
+        coinjs.random = function(length) {
+            var r = "";
+            var l = length || 25;
+            var chars = "!$%^&*()_+{}:@~?><|\./;'#][=-abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890";
+            for (let x = 0; x < l; x++) {
+                r += chars.charAt(Math.floor(securedMathRandom() * 62));
+            }
+            return r;
+        }
+
+    })();
+
     //secrets.js
     (function() {
         //Shamir Secret Share by Alexander Stetsyuk - released under MIT License
@@ -6036,7 +8616,7 @@
             ],
 
             // warning for insecure PRNG
-            warning: 'WARNING:\nA secure random number generator was not found.\nUsing Math.random(), which is NOT cryptographically strong!'
+            warning: 'WARNING:\nA secure random number generator was not found.\nUsing securedMathRandom(), which is NOT cryptographically strong!'
         };
 
         // Protected settings object
@@ -6156,7 +8736,7 @@
                     str = null;
                 while (str === null) {
                     for (var i = 0; i < elems; i++) {
-                        arr[i] = Math.floor(Math.random() * max + 1);
+                        arr[i] = Math.floor(securedMathRandom() * max + 1);
                     }
                     str = construct(bits, arr, 10, bitsPerNum);
                 }
@@ -6165,7 +8745,7 @@
         };
 
         // Warn about using insecure rng.
-        // Called when Math.random() is being used.
+        // Called when securedMathRandom() is being used.
         function warn() {
             GLOBAL['console']['warn'](defaults.warning);
             if (typeof GLOBAL['alert'] === 'function' && config.alert) {
@@ -6589,22 +9169,12 @@
 
     //kbucket.js
     (function() {
-        const getRandomValues = function(buf) {
-            if (typeof require === 'function') {
-                var bytes = require('crypto').randomBytes(buf.length);
-                buf.set(bytes)
-                return buf;
-            } else if (GLOBAL.crypto && GLOBAL.crypto.getRandomValues)
-                return GLOBAL.crypto.getRandomValues(buf);
-            else
-                return null;
-        }
         // Kademlia DHT K-bucket implementation as a binary tree.
         // by 'Tristan Slominski' under 'MIT License'
         GLOBAL.BuildKBucket = function KBucket(options = {}) {
             if (!(this instanceof KBucket))
                 return new KBucket(options);
-            this.localNodeId = options.localNodeId || getRandomValues(new Uint8Array(20))
+            this.localNodeId = options.localNodeId || getRandomBytes(new Uint8Array(20))
             this.numberOfNodesPerKBucket = options.numberOfNodesPerKBucket || 20
             this.numberOfNodesToPing = options.numberOfNodesToPing || 3
             this.distance = options.distance || this.distance
@@ -6783,5 +9353,4 @@
         }
     })();
 
-
 })(typeof global !== "undefined" ? global : window);
\ No newline at end of file

From bdd79a1a76c5f7ac0b31b5f247148c517760f904 Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Fri, 30 Sep 2022 05:52:30 +0530
Subject: [PATCH 125/168] Adding support for BTC withdrawal

---
 args/schema.sql             |  32 +++---
 args/truncateAll.sql        |   4 +-
 docs/scripts/btcOperator.js |  12 +--
 src/background.js           | 200 ++++++++++++++++++++++++++++++++++++
 src/blockchain.js           |  68 +++++++-----
 src/market.js               | 196 +++--------------------------------
 6 files changed, 284 insertions(+), 228 deletions(-)
 create mode 100644 src/background.js

diff --git a/args/schema.sql b/args/schema.sql
index 8d677c9..1034969 100644
--- a/args/schema.sql
+++ b/args/schema.sql
@@ -114,19 +114,21 @@ CREATE TABLE BuyOrder (
     FOREIGN KEY (asset) REFERENCES AssetList(asset)
 );
 
-CREATE TABLE InputFLO (
+CREATE TABLE InputCoin (
     id INT NOT NULL AUTO_INCREMENT,
     txid VARCHAR(128) NOT NULL,
     floID CHAR(34) NOT NULL,
+    coin VARCHAR(8) NOT NULL,
     amount DECIMAL(16, 8),
     status VARCHAR(50) NOT NULL,
     PRIMARY KEY(id)
 );
 
-CREATE TABLE OutputFLO (
+CREATE TABLE OutputCoin (
     id INT NOT NULL AUTO_INCREMENT,
     txid VARCHAR(128),
     floID CHAR(34) NOT NULL,
+    coin VARCHAR(8) NOT NULL,
     amount DECIMAL(16, 8) NOT NULL,
     status VARCHAR(50) NOT NULL,
     PRIMARY KEY(id)
@@ -146,7 +148,7 @@ CREATE TABLE OutputToken (
     id INT NOT NULL AUTO_INCREMENT,
     txid VARCHAR(128),
     floID CHAR(34) NOT NULL,
-    token VARCHAR(64),
+    token VARCHAR(64) NOT NULL,
     amount DECIMAL(16, 8) NOT NULL,
     status VARCHAR(50) NOT NULL,
     PRIMARY KEY(id)
@@ -277,19 +279,19 @@ FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('BuyOrder', NEW.id) ON DUP
 CREATE TRIGGER BuyOrder_D AFTER DELETE ON BuyOrder
 FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('BuyOrder', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, timestamp=DEFAULT;
 
-CREATE TRIGGER InputFLO_I AFTER INSERT ON InputFLO
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('InputFLO', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
-CREATE TRIGGER InputFLO_U AFTER UPDATE ON InputFLO
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('InputFLO', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
-CREATE TRIGGER InputFLO_D AFTER DELETE ON InputFLO
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('InputFLO', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, timestamp=DEFAULT;
+CREATE TRIGGER InputCoin_I AFTER INSERT ON InputCoin
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('InputCoin', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
+CREATE TRIGGER InputCoin_U AFTER UPDATE ON InputCoin
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('InputCoin', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
+CREATE TRIGGER InputCoin_D AFTER DELETE ON InputCoin
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('InputCoin', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, timestamp=DEFAULT;
 
-CREATE TRIGGER OutputFLO_I AFTER INSERT ON OutputFLO
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('OutputFLO', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
-CREATE TRIGGER OutputFLO_U AFTER UPDATE ON OutputFLO
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('OutputFLO', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
-CREATE TRIGGER OutputFLO_D AFTER DELETE ON OutputFLO
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('OutputFLO', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, timestamp=DEFAULT;
+CREATE TRIGGER OutputCoin_I AFTER INSERT ON OutputCoin
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('OutputCoin', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
+CREATE TRIGGER OutputCoin_U AFTER UPDATE ON OutputCoin
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('OutputCoin', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
+CREATE TRIGGER OutputCoin_D AFTER DELETE ON OutputCoin
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('OutputCoin', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, timestamp=DEFAULT;
 
 CREATE TRIGGER InputToken_I AFTER INSERT ON InputToken
 FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('InputToken', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
diff --git a/args/truncateAll.sql b/args/truncateAll.sql
index b565e79..f32563d 100644
--- a/args/truncateAll.sql
+++ b/args/truncateAll.sql
@@ -4,9 +4,9 @@ TRUNCATE _backupCache;
 TRUNCATE AuditTrade;
 TRUNCATE BuyOrder;
 TRUNCATE Distributors;
-TRUNCATE InputFLO;
+TRUNCATE InputCoin;
 TRUNCATE InputToken;
-TRUNCATE OutputFLO;
+TRUNCATE OutputCoin;
 TRUNCATE OutputToken;
 TRUNCATE PriceHistory;
 TRUNCATE RequestLog;
diff --git a/docs/scripts/btcOperator.js b/docs/scripts/btcOperator.js
index 1d0147a..7406ba2 100644
--- a/docs/scripts/btcOperator.js
+++ b/docs/scripts/btcOperator.js
@@ -1,4 +1,4 @@
-(function(EXPORTS) { //btcOperator v1.0.10
+(function(EXPORTS) { //btcOperator v1.0.10a
     /* BTC Crypto and API Operator */
     const btcOperator = EXPORTS;
 
@@ -31,16 +31,16 @@
         })
     }
 
-    const broadcast = btcOperator.broadcast = rawtx => new Promise((resolve, reject) => {
+    const broadcastTx = btcOperator.broadcastTx = rawTxHex => new Promise((resolve, reject) => {
         $.ajax({
             type: "POST",
             url: URL + "send_tx/BTC/",
             data: {
-                "tx_hex": rawtx
+                "tx_hex": rawTxHex
             },
             dataType: "json",
             error: e => reject(e.responseJSON),
-            success: r => r.status === "success" ? resolve(r.data) : reject(r)
+            success: r => r.status === "success" ? resolve(r.data.txid) : reject(r)
         })
     });
 
@@ -485,8 +485,8 @@
                 new Set(wif_keys).forEach(key => console.debug("Signing key:", key, tx.sign(key, 1 /*sighashtype*/ ))); //Sign the tx using private key WIF
                 console.debug("Signed:", tx.serialize());
                 debugger;
-                broadcast(tx.serialize())
-                    .then(result => resolve(result))
+                broadcastTx(tx.serialize())
+                    .then(txid => resolve(txid))
                     .catch(error => reject(error));
             }).catch(error => reject(error));
         })
diff --git a/src/background.js b/src/background.js
new file mode 100644
index 0000000..421ab41
--- /dev/null
+++ b/src/background.js
@@ -0,0 +1,200 @@
+'use strict';
+const blockchain = require('./blockchain');
+
+const {
+    LAUNCH_SELLER_TAG,
+    MAXIMUM_LAUNCH_SELL_CHIPS,
+} = require('./_constants')["market"];
+
+function checkTag(floID, tag) {
+    return new Promise((resolve, reject) => {
+        DB.query("SELECT id FROM UserTag WHERE floID=? AND tag=?", [floID, tag])
+            .then(result => resolve(result.length ? true : false))
+            .catch(error => reject(error))
+    })
+}
+
+function confirmDepositFLO() {
+    DB.query("SELECT id, floID, txid FROM InputCoin WHERE coin=? AND status=?", ["FLO", "PENDING"]).then(results => {
+        results.forEach(req => {
+            verifyDepositFLO(req.floID, req.txid).then(amount => {
+                addSellChipsIfLaunchSeller(req.floID, amount).then(txQueries => {
+                    txQueries.push(updateBalance.add(req.floID, "FLO", amount));
+                    txQueries.push(["UPDATE InputCoin SET status=?, amount=? WHERE id=?", ["SUCCESS", amount, req.id]]);
+                    DB.transaction(txQueries)
+                        .then(result => console.debug("FLO deposited:", req.floID, amount))
+                        .catch(error => console.error(error))
+                }).catch(error => console.error(error))
+            }).catch(error => {
+                console.error(error);
+                if (error[0])
+                    DB.query("UPDATE InputCoin SET status=? WHERE id=?", ["REJECTED", req.id])
+                    .then(_ => null).catch(error => console.error(error));
+            });
+        })
+    }).catch(error => console.error(error))
+}
+
+function verifyDepositFLO(sender, txid) {
+    return new Promise((resolve, reject) => {
+        floBlockchainAPI.getTx(txid).then(tx => {
+            let vin_sender = tx.vin.filter(v => v.addr === sender)
+            if (!vin_sender.length)
+                return reject([true, "Transaction not sent by the sender"]);
+            if (vin_sender.length !== tx.vin.length)
+                return reject([true, "Transaction input containes other floIDs"]);
+            if (!tx.blockheight)
+                return reject([false, "Transaction not included in any block yet"]);
+            if (!tx.confirmations)
+                return reject([false, "Transaction not confirmed yet"]);
+            let amount = tx.vout.reduce((a, v) => blockchain.chests.includes(v.scriptPubKey.addresses[0]) ? a + v.value : a, 0);
+            if (amount == 0)
+                return reject([true, "Transaction receiver is not market ID"]); //Maybe reject as false? (to compensate delay in chestsList loading from other nodes)
+            else
+                resolve(amount);
+        }).catch(error => reject([false, error]))
+    })
+}
+
+function addSellChipsIfLaunchSeller(floID, quantity) {
+    return new Promise((resolve, reject) => {
+        checkTag(floID, LAUNCH_SELLER_TAG).then(result => {
+            if (result) //floID is launch-seller
+                Promise.all([
+                    DB.query("SELECT IFNULL(SUM(quantity), 0) AS sold FROM TradeTransactions WHERE seller=? AND asset=?", [floID, 'FLO']),
+                    DB.query("SELECT IFNULL(SUM(quantity), 0) AS brought FROM TradeTransactions WHERE buyer=? AND asset=?", [floID, 'FLO']),
+                    DB.query("SELECT IFNULL(SUM(quantity), 0) AS chips FROM SellChips WHERE floID=? AND asset=?", [floID, 'FLO']),
+                ]).then(result => {
+                    let sold = result[0][0].sold,
+                        brought = result[1][0].brought,
+                        chips = result[2][0].chips;
+                    let remLaunchChips = MAXIMUM_LAUNCH_SELL_CHIPS - (sold + chips) + brought;
+                    quantity = Math.min(quantity, remLaunchChips);
+                    if (quantity > 0)
+                        resolve([
+                            ["INSERT INTO SellChips(floID, asset, quantity) VALUES (?, ?, ?)", [floID, 'FLO', quantity]]
+                        ]);
+                    else
+                        resolve([]);
+                }).catch(error => reject(error))
+            else //floID is not launch-seller
+                resolve([]);
+        }).catch(error => reject(error))
+    })
+}
+
+function confirmDepositToken() {
+    DB.query("SELECT id, floID, txid FROM InputToken WHERE status=?", ["PENDING"]).then(results => {
+        results.forEach(req => {
+            verifyDepositToken(req.floID, req.txid).then(amounts => {
+                DB.query("SELECT id FROM InputCoin where floID=? AND coin=? AND txid=?", [req.floID, "FLO", req.txid]).then(result => {
+                    let txQueries = [],
+                        token_name = amounts[0],
+                        amount_token = amounts[1];
+                    //Add the FLO balance if necessary
+                    if (!result.length) {
+                        let amount_flo = amounts[2];
+                        txQueries.push(updateBalance.add(req.floID, "FLO", amount_flo));
+                        txQueries.push(["INSERT INTO InputCoin(txid, floID, coin, amount, status) VALUES (?, ?, ?, ?, ?)", [req.txid, req.floID, "FLO", amount_flo, "SUCCESS"]]);
+                    }
+                    txQueries.push(["UPDATE InputToken SET status=?, token=?, amount=? WHERE id=?", ["SUCCESS", token_name, amount_token, req.id]]);
+                    txQueries.push(updateBalance.add(req.floID, token_name, amount_token));
+                    DB.transaction(txQueries)
+                        .then(result => console.debug("Token deposited:", req.floID, token_name, amount_token))
+                        .catch(error => console.error(error));
+                }).catch(error => console.error(error));
+            }).catch(error => {
+                console.error(error);
+                if (error[0])
+                    DB.query("UPDATE InputToken SET status=? WHERE id=?", ["REJECTED", req.id])
+                    .then(_ => null).catch(error => console.error(error));
+            });
+        })
+    }).catch(error => console.error(error))
+}
+
+function verifyDepositToken(sender, txid) {
+    return new Promise((resolve, reject) => {
+        floTokenAPI.getTx(txid).then(tx => {
+            if (tx.parsedFloData.type !== "transfer")
+                return reject([true, "Transaction type not 'transfer'"]);
+            else if (tx.parsedFloData.transferType !== "token")
+                return reject([true, "Transaction transfer is not 'token'"]);
+            var token_name = tx.parsedFloData.tokenIdentification,
+                amount_token = tx.parsedFloData.tokenAmount;
+            if ((!assetList.includes(token_name) && token_name !== floGlobals.currency) || token_name === "FLO")
+                return reject([true, "Token not authorised"]);
+            let vin_sender = tx.transactionDetails.vin.filter(v => v.addr === sender)
+            if (!vin_sender.length)
+                return reject([true, "Transaction not sent by the sender"]);
+            let amount_flo = tx.transactionDetails.vout.reduce((a, v) => blockchain.chests.includes(v.scriptPubKey.addresses[0]) ? a + v.value : a, 0);
+            if (amount_flo == 0)
+                return reject([true, "Transaction receiver is not market ID"]); //Maybe reject as false? (to compensate delay in chestsList loading from other nodes)
+            else
+                resolve([token_name, amount_token, amount_flo]);
+        }).catch(error => reject([false, error]))
+    })
+}
+
+function retryWithdrawalCoin() {
+    DB.query("SELECT id, floID, coin, amount FROM OutputCoin WHERE status=?", ["PENDING"]).then(results => {
+        results.forEach(req => blockchain.sendCoin.retry(req.floID, req.coin, req.amount, req.id));
+    }).catch(error => reject(error));
+}
+
+function retryWithdrawalToken() {
+    DB.query("SELECT id, floID, token, amount FROM OutputToken WHERE status=?", ["PENDING"]).then(results => {
+        results.forEach(req => blockchain.sendToken.retry(req.floID, req.token, req.amount, req.id));
+    }).catch(error => reject(error));
+}
+
+function confirmWithdrawalFLO() {
+    DB.query("SELECT id, floID, amount, txid FROM OutputCoin WHERE coin=? AND status=?", ["FLO", "WAITING_CONFIRMATION"]).then(results => {
+        results.forEach(req => {
+            floBlockchainAPI.getTx(req.txid).then(tx => {
+                if (!tx.blockheight || !tx.confirmations) //Still not confirmed
+                    return;
+                DB.query("UPDATE OutputCoin SET status=? WHERE id=?", ["SUCCESS", req.id])
+                    .then(result => console.debug("FLO withdrawed:", req.floID, req.amount))
+                    .catch(error => console.error(error))
+            }).catch(error => console.error(error));
+        })
+    }).catch(error => console.error(error));
+}
+
+function confirmWithdrawalBTC() {
+    DB.query("SELECT id, floID, amount, txid FROM OutputCoin WHERE coin=? AND status=?", ["BTC", "WAITING_CONFIRMATION"]).then(results => {
+        results.forEach(req => {
+            btcOperator.getTx(req.txid).then(tx => {
+                if (!tx.blockhash || !tx.confirmations) //Still not confirmed
+                    return;
+                DB.query("UPDATE OutputCoin SET status=? WHERE id=?", ["SUCCESS", req.id])
+                    .then(result => console.debug("BTC withdrawed:", req.floID, req.amount))
+                    .catch(error => console.error(error))
+            }).catch(error => console.error(error));
+        })
+    }).catch(error => console.error(error));
+}
+
+function confirmWithdrawalToken() {
+    DB.query("SELECT id, floID, token, amount, txid FROM OutputToken WHERE status=?", ["WAITING_CONFIRMATION"]).then(results => {
+        results.forEach(req => {
+            floTokenAPI.getTx(req.txid).then(tx => {
+                DB.query("UPDATE OutputToken SET status=? WHERE id=?", ["SUCCESS", req.id])
+                    .then(result => console.debug("Token withdrawed:", req.floID, req.token, req.amount))
+                    .catch(error => console.error(error));
+            }).catch(error => console.error(error));
+        })
+    }).catch(error => console.error(error));
+}
+
+module.exports = {
+    blockchain,
+    confirmDepositFLO,
+    confirmDepositToken,
+    retryWithdrawalCoin,
+    retryWithdrawalToken,
+    confirmWithdrawalFLO,
+    confirmWithdrawalBTC,
+    confirmWithdrawalToken
+}
\ No newline at end of file
diff --git a/src/blockchain.js b/src/blockchain.js
index bf9e400..8146250 100644
--- a/src/blockchain.js
+++ b/src/blockchain.js
@@ -3,14 +3,28 @@
 var collectAndCall; //container for collectAndCall function from backup module
 var chests; //container for blockchain ids (where assets are stored)
 
+const WITHDRAWAL_MESSAGE = "(withdrawal from market)";
+
 const balance_locked = {},
     balance_cache = {},
     callbackCollection = {
-        FLO: {},
+        Coin: {},
         token: {}
     };
 
-function getSinkID(amount, asset = "FLO", sinkList = null) {
+function getBalance(sinkID, asset) {
+    switch (asset) {
+        case "FLO":
+            return floBlockchainAPI.getBalance(sinkID);
+        case "BTC":
+            let btc_id = btcOperator.convert.legacy2bech(sinkID);
+            return btcOperator.getBalance(btc_id);
+        default:
+            return floTokenAPI.getBalance(sinkID, asset);
+    }
+}
+
+function getSinkID(amount, asset, sinkList = null) {
     return new Promise((resolve, reject) => {
         if (!sinkList)
             sinkList = chests.list.map(s => [s, s in balance_cache ? balance_cache[s][asset] || 0 : 0]) //TODO: improve sorting
@@ -18,7 +32,7 @@ function getSinkID(amount, asset = "FLO", sinkList = null) {
         if (!sinkList.length)
             return reject(`Insufficient balance in chests for asset(${asset})`);
         let sinkID = sinkList.shift();
-        (asset === "FLO" ? floBlockchainAPI.getBalance(sinkID) : floTokenAPI.getBalance(sinkID, asset)).then(balance => {
+        getBalance(sinkID, asset).then(balance => {
             if (!(sinkID in balance_cache))
                 balance_cache[sinkID] = {};
             balance_cache[sinkID][asset] = balance;
@@ -37,47 +51,55 @@ function getSinkID(amount, asset = "FLO", sinkList = null) {
     })
 }
 
-function sendFLO(floID, amount, id) {
-    getSinkID(amount).then(sinkID => {
+function sendTx(floID, coin, amount, sinkID, sinkKey) {
+    switch (coin) {
+        case "FLO":
+            return floBlockchainAPI.sendTx(sinkID, floID, amount, sinkKey, WITHDRAWAL_MESSAGE);
+        case "BTC":
+    }
+}
+
+function sendCoin(floID, coin, amount, id) {
+    getSinkID(amount, coin).then(sinkID => {
         let callback = (sinkKey) => {
-            //Send FLO to user via blockchain API
-            floBlockchainAPI.sendTx(sinkID, floID, amount, sinkKey, '(withdrawal from market)').then(txid => {
+            //Send Coin to user via blockchain API
+            sendTx(floID, coin, amount, sinkID, sinkKey).then(txid => {
                 if (!txid)
                     throw Error("Transaction not successful");
                 //Transaction was successful, Add in DB
-                DB.query("UPDATE OutputFLO SET status=?, txid=? WHERE id=?", ["WAITING_CONFIRMATION", txid, id])
+                DB.query("UPDATE OutputCoin SET status=?, txid=? WHERE id=?", ["WAITING_CONFIRMATION", txid, id])
                     .then(_ => null).catch(error => console.error(error));
             }).catch(error => console.error(error)).finally(_ => {
-                delete callbackCollection.FLO[id];
-                balance_locked[sinkID].FLO -= amount;
+                delete callbackCollection.Coin[id];
+                balance_locked[sinkID][coin] -= amount;
             });
         }
         collectAndCall(sinkID, callback);
-        callbackCollection.FLO[id] = callback;
+        callbackCollection.Coin[id] = callback;
         if (!(sinkID in balance_locked))
             balance_locked[sinkID] = {};
-        balance_locked[sinkID].FLO = (balance_locked[sinkID].FLO || 0) + amount;
+        balance_locked[sinkID][coin] = (balance_locked[sinkID][coin] || 0) + amount;
     }).catch(error => console.error(error))
 }
 
-function sendFLO_init(floID, amount) {
-    DB.query("INSERT INTO OutputFLO (floID, amount, status) VALUES (?, ?, ?)", [floID, amount, "PENDING"])
-        .then(result => sendFLO(floID, amount, result.insertId))
+function sendCoin_init(floID, coin, amount) {
+    DB.query("INSERT INTO OutputCoin (floID, coin, amount, status) VALUES (?, ?, ?, ?)", [floID, coin, amount, "PENDING"])
+        .then(result => sendCoin(floID, coin, amount, result.insertId))
         .catch(error => console.error(error))
 }
 
-function sendFLO_retry(floID, amount, id) {
-    if (id in callbackCollection.FLO)
+function sendCoin_retry(floID, coin, amount, id) {
+    if (id in callbackCollection.Coin)
         console.debug("A callback is already pending for this FLO transfer");
     else
-        sendFLO(floID, amount, id);
+        sendCoin(floID, coin, amount, id);
 }
 
 function sendToken(floID, token, amount, id) {
     getSinkID(amount, token).then(sinkID => {
         let callback = (sinkKey) => {
             //Send Token to user via token API
-            floTokenAPI.sendToken(sinkKey, amount, floID, '(withdrawal from market)', token).then(txid => {
+            floTokenAPI.sendToken(sinkKey, amount, floID, WITHDRAWAL_MESSAGE, token).then(txid => {
                 if (!txid)
                     throw Error("Transaction not successful");
                 //Transaction was successful, Add in DB
@@ -96,7 +118,7 @@ function sendToken(floID, token, amount, id) {
     }).catch(error => console.error(error))
 }
 
-function sendToken_init() {
+function sendToken_init(floID, token, amount) {
     DB.query("INSERT INTO OutputToken (floID, token, amount, status) VALUES (?, ?, ?, ?)", [floID, token, amount, "PENDING"])
         .then(result => sendToken(floID, amount, result.insertId))
         .catch(error => console.error(error))
@@ -119,9 +141,9 @@ module.exports = {
     set chests(c) {
         chests = c;
     },
-    sendFLO: {
-        init: sendFLO_init,
-        retry: sendFLO_retry
+    sendCoin: {
+        init: sendCoin_init,
+        retry: sendCoin_retry
     },
     sendToken: {
         init: sendToken_init,
diff --git a/src/market.js b/src/market.js
index d322e66..cc9dfa3 100644
--- a/src/market.js
+++ b/src/market.js
@@ -1,13 +1,12 @@
 'use strict';
 
 const coupling = require('./coupling');
-const blockchain = require('./blockchain');
+const background = require('./background');
+const blockchain = background.blockchain;
 
 const {
     PERIOD_INTERVAL,
     WAIT_TIME,
-    LAUNCH_SELLER_TAG,
-    MAXIMUM_LAUNCH_SELL_CHIPS,
     TRADE_HASH_PREFIX,
     TRANSFER_HASH_PREFIX
 } = require('./_constants')["market"];
@@ -258,9 +257,9 @@ function getAccountDetails(floID) {
 function getUserTransacts(floID) {
     return new Promise((resolve, reject) => {
         DB.query("(SELECT 'deposit' as type, txid, token, amount, status FROM InputToken WHERE floID=?)" +
-                "UNION (SELECT 'deposit' as type, txid, 'FLO' as token, amount, status FROM InputFLO WHERE floID=?)" +
+                "UNION (SELECT 'deposit' as type, txid, coin as token, amount, status FROM InputCoin WHERE floID=?)" +
                 "UNION (SELECT 'withdraw' as type, txid, token, amount, status FROM OutputToken WHERE floID=?)" +
-                "UNION (SELECT 'withdraw' as type, txid, 'FLO' as token, amount, status FROM OutputFLO WHERE floID=?)",
+                "UNION (SELECT 'withdraw' as type, txid, coin as token, amount, status FROM OutputCoin WHERE floID=?)",
                 [floID, floID, floID, floID])
             .then(result => resolve(result))
             .catch(error => reject(error))
@@ -339,7 +338,7 @@ function transferToken(sender, receivers, token) {
 
 function depositFLO(floID, txid) {
     return new Promise((resolve, reject) => {
-        DB.query("SELECT status FROM InputFLO WHERE txid=? AND floID=?", [txid, floID]).then(result => {
+        DB.query("SELECT status FROM InputCoin WHERE txid=? AND floID=? AND coin=?", [txid, floID, "FLO"]).then(result => {
             if (result.length) {
                 switch (result[0].status) {
                     case "PENDING":
@@ -350,82 +349,13 @@ function depositFLO(floID, txid) {
                         return reject(INVALID(eCode.DUPLICATE_ENTRY, "Transaction already used to add coins"));
                 }
             } else
-                DB.query("INSERT INTO InputFLO(txid, floID, status) VALUES (?, ?, ?)", [txid, floID, "PENDING"])
+                DB.query("INSERT INTO InputCoin(txid, floID, coin, status) VALUES (?, ?, ?, ?)", [txid, floID, "FLO", "PENDING"])
                 .then(result => resolve("Deposit request in process"))
                 .catch(error => reject(error));
         }).catch(error => reject(error))
     });
 }
 
-function confirmDepositFLO() {
-    DB.query("SELECT id, floID, txid FROM InputFLO WHERE status=?", ["PENDING"]).then(results => {
-        results.forEach(req => {
-            confirmDepositFLO.checkTx(req.floID, req.txid).then(amount => {
-                confirmDepositFLO.addSellChipsIfLaunchSeller(req.floID, amount).then(txQueries => {
-                    txQueries.push(updateBalance.add(req.floID, "FLO", amount));
-                    txQueries.push(["UPDATE InputFLO SET status=?, amount=? WHERE id=?", ["SUCCESS", amount, req.id]]);
-                    DB.transaction(txQueries)
-                        .then(result => console.debug("FLO deposited:", req.floID, amount))
-                        .catch(error => console.error(error))
-                }).catch(error => console.error(error))
-            }).catch(error => {
-                console.error(error);
-                if (error[0])
-                    DB.query("UPDATE InputFLO SET status=? WHERE id=?", ["REJECTED", req.id])
-                    .then(_ => null).catch(error => console.error(error));
-            });
-        })
-    }).catch(error => console.error(error))
-}
-
-confirmDepositFLO.checkTx = function(sender, txid) {
-    return new Promise((resolve, reject) => {
-        floBlockchainAPI.getTx(txid).then(tx => {
-            let vin_sender = tx.vin.filter(v => v.addr === sender)
-            if (!vin_sender.length)
-                return reject([true, "Transaction not sent by the sender"]);
-            if (vin_sender.length !== tx.vin.length)
-                return reject([true, "Transaction input containes other floIDs"]);
-            if (!tx.blockheight)
-                return reject([false, "Transaction not included in any block yet"]);
-            if (!tx.confirmations)
-                return reject([false, "Transaction not confirmed yet"]);
-            let amount = tx.vout.reduce((a, v) => blockchain.chests.includes(v.scriptPubKey.addresses[0]) ? a + v.value : a, 0);
-            if (amount == 0)
-                return reject([true, "Transaction receiver is not market ID"]); //Maybe reject as false? (to compensate delay in chestsList loading from other nodes)
-            else
-                resolve(amount);
-        }).catch(error => reject([false, error]))
-    })
-}
-
-confirmDepositFLO.addSellChipsIfLaunchSeller = function(floID, quantity) {
-    return new Promise((resolve, reject) => {
-        checkTag(floID, LAUNCH_SELLER_TAG).then(result => {
-            if (result) //floID is launch-seller
-                Promise.all([
-                    DB.query("SELECT IFNULL(SUM(quantity), 0) AS sold FROM TradeTransactions WHERE seller=? AND asset=?", [floID, 'FLO']),
-                    DB.query("SELECT IFNULL(SUM(quantity), 0) AS brought FROM TradeTransactions WHERE buyer=? AND asset=?", [floID, 'FLO']),
-                    DB.query("SELECT IFNULL(SUM(quantity), 0) AS chips FROM SellChips WHERE floID=? AND asset=?", [floID, 'FLO']),
-                ]).then(result => {
-                    let sold = result[0][0].sold,
-                        brought = result[1][0].brought,
-                        chips = result[2][0].chips;
-                    let remLaunchChips = MAXIMUM_LAUNCH_SELL_CHIPS - (sold + chips) + brought;
-                    quantity = Math.min(quantity, remLaunchChips);
-                    if (quantity > 0)
-                        resolve([
-                            ["INSERT INTO SellChips(floID, asset, quantity) VALUES (?, ?, ?)", [floID, 'FLO', quantity]]
-                        ]);
-                    else
-                        resolve([]);
-                }).catch(error => reject(error))
-            else //floID is not launch-seller
-                resolve([]);
-        }).catch(error => reject(error))
-    })
-}
-
 function withdrawFLO(floID, amount) {
     return new Promise((resolve, reject) => {
         if (!floCrypto.validateAddr(floID))
@@ -436,33 +366,13 @@ function withdrawFLO(floID, amount) {
             let txQueries = [];
             txQueries.push(updateBalance.consume(floID, "FLO", amount));
             DB.transaction(txQueries).then(result => {
-                blockchain.sendFLO.init(floID, amount);
+                blockchain.sendCoin.init(floID, "FLO", amount);
                 resolve("Withdrawal request is in process");
             }).catch(error => reject(error));
         }).catch(error => reject(error));
     });
 }
 
-function retryWithdrawalFLO() {
-    DB.query("SELECT id, floID, amount FROM OutputFLO WHERE status=?", ["PENDING"]).then(results => {
-        results.forEach(req => blockchain.sendFLO.retry(req.floID, req.amount, req.id))
-    }).catch(error => reject(error));
-}
-
-function confirmWithdrawalFLO() {
-    DB.query("SELECT id, floID, amount, txid FROM OutputFLO WHERE status=?", ["WAITING_CONFIRMATION"]).then(results => {
-        results.forEach(req => {
-            floBlockchainAPI.getTx(req.txid).then(tx => {
-                if (!tx.blockheight || !tx.confirmations) //Still not confirmed
-                    return;
-                DB.query("UPDATE OutputFLO SET status=? WHERE id=?", ["SUCCESS", req.id])
-                    .then(result => console.debug("FLO withdrawed:", req.floID, req.amount))
-                    .catch(error => console.error(error))
-            }).catch(error => console.error(error));
-        })
-    }).catch(error => console.error(error));
-}
-
 function depositToken(floID, txid) {
     return new Promise((resolve, reject) => {
         DB.query("SELECT status FROM InputToken WHERE txid=? AND floID=?", [txid, floID]).then(result => {
@@ -483,59 +393,6 @@ function depositToken(floID, txid) {
     });
 }
 
-function confirmDepositToken() {
-    DB.query("SELECT id, floID, txid FROM InputToken WHERE status=?", ["PENDING"]).then(results => {
-        results.forEach(req => {
-            confirmDepositToken.checkTx(req.floID, req.txid).then(amounts => {
-                DB.query("SELECT id FROM InputFLO where floID=? AND txid=?", [req.floID, req.txid]).then(result => {
-                    let txQueries = [],
-                        token_name = amounts[0],
-                        amount_token = amounts[1];
-                    //Add the FLO balance if necessary
-                    if (!result.length) {
-                        let amount_flo = amounts[2];
-                        txQueries.push(updateBalance.add(req.floID, "FLO", amount_flo));
-                        txQueries.push(["INSERT INTO InputFLO(txid, floID, amount, status) VALUES (?, ?, ?, ?)", [req.txid, req.floID, amount_flo, "SUCCESS"]]);
-                    }
-                    txQueries.push(["UPDATE InputToken SET status=?, token=?, amount=? WHERE id=?", ["SUCCESS", token_name, amount_token, req.id]]);
-                    txQueries.push(updateBalance.add(req.floID, token_name, amount_token));
-                    DB.transaction(txQueries)
-                        .then(result => console.debug("Token deposited:", req.floID, token_name, amount_token))
-                        .catch(error => console.error(error));
-                }).catch(error => console.error(error));
-            }).catch(error => {
-                console.error(error);
-                if (error[0])
-                    DB.query("UPDATE InputToken SET status=? WHERE id=?", ["REJECTED", req.id])
-                    .then(_ => null).catch(error => console.error(error));
-            });
-        })
-    }).catch(error => console.error(error))
-}
-
-confirmDepositToken.checkTx = function(sender, txid) {
-    return new Promise((resolve, reject) => {
-        floTokenAPI.getTx(txid).then(tx => {
-            if (tx.parsedFloData.type !== "transfer")
-                return reject([true, "Transaction type not 'transfer'"]);
-            else if (tx.parsedFloData.transferType !== "token")
-                return reject([true, "Transaction transfer is not 'token'"]);
-            var token_name = tx.parsedFloData.tokenIdentification,
-                amount_token = tx.parsedFloData.tokenAmount;
-            if ((!assetList.includes(token_name) && token_name !== floGlobals.currency) || token_name === "FLO")
-                return reject([true, "Token not authorised"]);
-            let vin_sender = tx.transactionDetails.vin.filter(v => v.addr === sender)
-            if (!vin_sender.length)
-                return reject([true, "Transaction not sent by the sender"]);
-            let amount_flo = tx.transactionDetails.vout.reduce((a, v) => blockchain.chests.includes(v.scriptPubKey.addresses[0]) ? a + v.value : a, 0);
-            if (amount_flo == 0)
-                return reject([true, "Transaction receiver is not market ID"]); //Maybe reject as false? (to compensate delay in chestsList loading from other nodes)
-            else
-                resolve([token_name, amount_token, amount_flo]);
-        }).catch(error => reject([false, error]))
-    })
-}
-
 function withdrawToken(floID, token, amount) {
     return new Promise((resolve, reject) => {
         if (!floCrypto.validateAddr(floID))
@@ -561,24 +418,6 @@ function withdrawToken(floID, token, amount) {
     });
 }
 
-function retryWithdrawalToken() {
-    DB.query("SELECT id, floID, token, amount FROM OutputToken WHERE status=?", ["PENDING"]).then(results => {
-        results.forEach(req => blockchain.sendToken.retry(req.floID, req.token, req.amount, req.id));
-    }).catch(error => reject(error));
-}
-
-function confirmWithdrawalToken() {
-    DB.query("SELECT id, floID, token, amount, txid FROM OutputToken WHERE status=?", ["WAITING_CONFIRMATION"]).then(results => {
-        results.forEach(req => {
-            floTokenAPI.getTx(req.txid).then(tx => {
-                DB.query("UPDATE OutputToken SET status=? WHERE id=?", ["SUCCESS", req.id])
-                    .then(result => console.debug("Token withdrawed:", req.floID, req.token, req.amount))
-                    .catch(error => console.error(error));
-            }).catch(error => console.error(error));
-        })
-    }).catch(error => console.error(error));
-}
-
 function addTag(floID, tag) {
     return new Promise((resolve, reject) => {
         DB.query("INSERT INTO UserTag (floID, tag) VALUE (?,?)", [floID, tag])
@@ -602,14 +441,6 @@ function removeTag(floID, tag) {
     })
 }
 
-function checkTag(floID, tag) {
-    return new Promise((resolve, reject) => {
-        DB.query("SELECT id FROM UserTag WHERE floID=? AND tag=?", [floID, tag])
-            .then(result => resolve(result.length ? true : false))
-            .catch(error => reject(error))
-    })
-}
-
 function addDistributor(floID, asset) {
     return new Promise((resolve, reject) => {
         DB.query("INSERT INTO Distributors (floID, asset) VALUE (?,?)", [floID, asset])
@@ -675,12 +506,13 @@ function blockchainReCheck() {
     floBlockchainAPI.promisedAPI('api/blocks?limit=1').then(result => {
         if (lastSyncBlockHeight < result.blocks[0].height) {
             lastSyncBlockHeight = result.blocks[0].height;
-            confirmDepositFLO();
-            confirmDepositToken();
-            retryWithdrawalFLO();
-            retryWithdrawalToken();
-            confirmWithdrawalFLO();
-            confirmWithdrawalToken();
+            background.confirmDepositFLO();
+            background.confirmDepositToken();
+            background.retryWithdrawalCoin();
+            background.retryWithdrawalToken();
+            background.confirmWithdrawalFLO();
+            background.confirmWithdrawalBTC();
+            background.confirmWithdrawalToken();
             console.debug("Last Block :", lastSyncBlockHeight);
         }
     }).catch(error => console.error(error));

From 7d09babea75b7f5a664c1355371d3d7f524813a4 Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Fri, 7 Oct 2022 22:36:33 +0530
Subject: [PATCH 126/168] Adding Coin-convert support

- Convert rupee token (currency) to coin (BTC) and vise-versa
---
 args/schema.sql      |  78 +++++++++++-------
 args/truncateAll.sql |   9 +-
 src/_constants.js    |   4 +
 src/background.js    | 190 ++++++++++++++++++++++++++++++++-----------
 src/blockchain.js    | 158 +++++++++++++++++++++--------------
 src/conversion.js    |  72 ++++++++++++++++
 src/market.js        |  48 ++++++-----
 7 files changed, 395 insertions(+), 164 deletions(-)
 create mode 100644 src/conversion.js

diff --git a/args/schema.sql b/args/schema.sql
index 1034969..0e15a73 100644
--- a/args/schema.sql
+++ b/args/schema.sql
@@ -114,7 +114,7 @@ CREATE TABLE BuyOrder (
     FOREIGN KEY (asset) REFERENCES AssetList(asset)
 );
 
-CREATE TABLE InputCoin (
+CREATE TABLE DepositCoin (
     id INT NOT NULL AUTO_INCREMENT,
     txid VARCHAR(128) NOT NULL,
     floID CHAR(34) NOT NULL,
@@ -124,7 +124,7 @@ CREATE TABLE InputCoin (
     PRIMARY KEY(id)
 );
 
-CREATE TABLE OutputCoin (
+CREATE TABLE WithdrawCoin (
     id INT NOT NULL AUTO_INCREMENT,
     txid VARCHAR(128),
     floID CHAR(34) NOT NULL,
@@ -134,7 +134,7 @@ CREATE TABLE OutputCoin (
     PRIMARY KEY(id)
 );
 
-CREATE TABLE InputToken (
+CREATE TABLE DepositToken (
     id INT NOT NULL AUTO_INCREMENT,
     txid VARCHAR(128) NOT NULL,
     floID CHAR(34) NOT NULL,
@@ -144,7 +144,7 @@ CREATE TABLE InputToken (
     PRIMARY KEY(id)
 );
 
-CREATE TABLE OutputToken (
+CREATE TABLE WithdrawToken (
     id INT NOT NULL AUTO_INCREMENT,
     txid VARCHAR(128),
     floID CHAR(34) NOT NULL,
@@ -212,6 +212,21 @@ CREATE TABLE AuditTrade(
     FOREIGN KEY (asset) REFERENCES AssetList(asset)
 );
 
+/* External Service */
+
+CREATE TABLE DirectConvert(
+    id INT NOT NULL AUTO_INCREMENT,
+    floID CHAR(34) NOT NULL,
+    amount DECIMAL(16, 8),
+    coin VARCHAR(8) NOT NULL,
+    quantity DECIMAL(16, 8),
+    mode BIT NOT NULL,
+    in_txid VARCHAR(128),
+    out_txid VARCHAR(128),
+    locktime TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+    status VARCHAR(50) NOT NULL,
+);
+
 /* Backup Feature (Tables & Triggers) */
 
 CREATE TABLE _backup (
@@ -279,33 +294,40 @@ FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('BuyOrder', NEW.id) ON DUP
 CREATE TRIGGER BuyOrder_D AFTER DELETE ON BuyOrder
 FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('BuyOrder', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, timestamp=DEFAULT;
 
-CREATE TRIGGER InputCoin_I AFTER INSERT ON InputCoin
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('InputCoin', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
-CREATE TRIGGER InputCoin_U AFTER UPDATE ON InputCoin
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('InputCoin', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
-CREATE TRIGGER InputCoin_D AFTER DELETE ON InputCoin
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('InputCoin', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, timestamp=DEFAULT;
+CREATE TRIGGER DepositCoin_I AFTER INSERT ON DepositCoin
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('DepositCoin', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
+CREATE TRIGGER DepositCoin_U AFTER UPDATE ON DepositCoin
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('DepositCoin', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
+CREATE TRIGGER DepositCoin_D AFTER DELETE ON DepositCoin
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('DepositCoin', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, timestamp=DEFAULT;
 
-CREATE TRIGGER OutputCoin_I AFTER INSERT ON OutputCoin
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('OutputCoin', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
-CREATE TRIGGER OutputCoin_U AFTER UPDATE ON OutputCoin
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('OutputCoin', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
-CREATE TRIGGER OutputCoin_D AFTER DELETE ON OutputCoin
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('OutputCoin', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, timestamp=DEFAULT;
+CREATE TRIGGER WithdrawCoin_I AFTER INSERT ON WithdrawCoin
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('WithdrawCoin', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
+CREATE TRIGGER WithdrawCoin_U AFTER UPDATE ON WithdrawCoin
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('WithdrawCoin', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
+CREATE TRIGGER WithdrawCoin_D AFTER DELETE ON WithdrawCoin
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('WithdrawCoin', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, timestamp=DEFAULT;
 
-CREATE TRIGGER InputToken_I AFTER INSERT ON InputToken
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('InputToken', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
-CREATE TRIGGER InputToken_U AFTER UPDATE ON InputToken
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('InputToken', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
-CREATE TRIGGER InputToken_D AFTER DELETE ON InputToken
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('InputToken', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, timestamp=DEFAULT;
+CREATE TRIGGER DepositToken_I AFTER INSERT ON DepositToken
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('DepositToken', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
+CREATE TRIGGER DepositToken_U AFTER UPDATE ON DepositToken
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('DepositToken', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
+CREATE TRIGGER DepositToken_D AFTER DELETE ON DepositToken
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('DepositToken', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, timestamp=DEFAULT;
 
-CREATE TRIGGER OutputToken_I AFTER INSERT ON OutputToken
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('OutputToken', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
-CREATE TRIGGER OutputToken_U AFTER UPDATE ON OutputToken
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('OutputToken', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
-CREATE TRIGGER OutputToken_D AFTER DELETE ON OutputToken
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('OutputToken', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, timestamp=DEFAULT;
+CREATE TRIGGER WithdrawToken_I AFTER INSERT ON WithdrawToken
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('WithdrawToken', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
+CREATE TRIGGER WithdrawToken_U AFTER UPDATE ON WithdrawToken
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('WithdrawToken', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
+CREATE TRIGGER WithdrawToken_D AFTER DELETE ON WithdrawToken
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('WithdrawToken', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, timestamp=DEFAULT;
+
+CREATE TRIGGER DirectConvert_I AFTER INSERT ON DirectConvert
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('DirectConvert', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
+CREATE TRIGGER DirectConvert_U AFTER UPDATE ON DirectConvert
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('DirectConvert', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
+CREATE TRIGGER DirectConvert_D AFTER DELETE ON DirectConvert
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('DirectConvert', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, timestamp=DEFAULT;
 
 CREATE TRIGGER UserTag_I AFTER INSERT ON UserTag
 FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('UserTag', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
diff --git a/args/truncateAll.sql b/args/truncateAll.sql
index f32563d..8c85d43 100644
--- a/args/truncateAll.sql
+++ b/args/truncateAll.sql
@@ -4,10 +4,11 @@ TRUNCATE _backupCache;
 TRUNCATE AuditTrade;
 TRUNCATE BuyOrder;
 TRUNCATE Distributors;
-TRUNCATE InputCoin;
-TRUNCATE InputToken;
-TRUNCATE OutputCoin;
-TRUNCATE OutputToken;
+TRUNCATE DepositCoin;
+TRUNCATE DepositToken;
+TRUNCATE WithdrawCoin;
+TRUNCATE WithdrawToken;
+TRUNCATE DirectConvert;
 TRUNCATE PriceHistory;
 TRUNCATE RequestLog;
 TRUNCATE SellOrder;
diff --git a/src/_constants.js b/src/_constants.js
index 3ad6334..e6650ad 100644
--- a/src/_constants.js
+++ b/src/_constants.js
@@ -30,5 +30,9 @@ module.exports = {
         BACKUP_INTERVAL: 5 * 60 * 1000, //5 min
         BACKUP_SYNC_TIMEOUT: 10 * 60 * 1000, //10 mins
         CHECKSUM_INTERVAL: 100, //times of BACKUP_INTERVAL
+    },
+    sql: {
+        CONVERT_MODE_GET: 1,
+        CONVERT_MODE_PUT: 0,
     }
 }
\ No newline at end of file
diff --git a/src/background.js b/src/background.js
index 421ab41..101bfda 100644
--- a/src/background.js
+++ b/src/background.js
@@ -1,26 +1,25 @@
 'use strict';
 const blockchain = require('./blockchain');
+const conversion = require('./conversion');
 
 const {
     LAUNCH_SELLER_TAG,
     MAXIMUM_LAUNCH_SELL_CHIPS,
 } = require('./_constants')["market"];
 
-function checkTag(floID, tag) {
-    return new Promise((resolve, reject) => {
-        DB.query("SELECT id FROM UserTag WHERE floID=? AND tag=?", [floID, tag])
-            .then(result => resolve(result.length ? true : false))
-            .catch(error => reject(error))
-    })
-}
+const _sql = require('./_constants').sql;
+
+var updateBalance; // container for updateBalance function
+
+const verifyTx = {};
 
 function confirmDepositFLO() {
-    DB.query("SELECT id, floID, txid FROM InputCoin WHERE coin=? AND status=?", ["FLO", "PENDING"]).then(results => {
+    DB.query("SELECT id, floID, txid FROM DepositCoin WHERE coin=? AND status=?", ["FLO", "PENDING"]).then(results => {
         results.forEach(req => {
-            verifyDepositFLO(req.floID, req.txid).then(amount => {
+            verifyTx.FLO(req.floID, req.txid).then(amount => {
                 addSellChipsIfLaunchSeller(req.floID, amount).then(txQueries => {
                     txQueries.push(updateBalance.add(req.floID, "FLO", amount));
-                    txQueries.push(["UPDATE InputCoin SET status=?, amount=? WHERE id=?", ["SUCCESS", amount, req.id]]);
+                    txQueries.push(["UPDATE DepositCoin SET status=?, amount=? WHERE id=?", ["SUCCESS", amount, req.id]]);
                     DB.transaction(txQueries)
                         .then(result => console.debug("FLO deposited:", req.floID, amount))
                         .catch(error => console.error(error))
@@ -28,14 +27,14 @@ function confirmDepositFLO() {
             }).catch(error => {
                 console.error(error);
                 if (error[0])
-                    DB.query("UPDATE InputCoin SET status=? WHERE id=?", ["REJECTED", req.id])
-                    .then(_ => null).catch(error => console.error(error));
+                    DB.query("UPDATE DepositCoin SET status=? WHERE id=?", ["REJECTED", req.id])
+                        .then(_ => null).catch(error => console.error(error));
             });
         })
     }).catch(error => console.error(error))
 }
 
-function verifyDepositFLO(sender, txid) {
+verifyTx.FLO = function (sender, txid) {
     return new Promise((resolve, reject) => {
         floBlockchainAPI.getTx(txid).then(tx => {
             let vin_sender = tx.vin.filter(v => v.addr === sender)
@@ -56,6 +55,14 @@ function verifyDepositFLO(sender, txid) {
     })
 }
 
+function checkTag(floID, tag) {
+    return new Promise((resolve, reject) => {
+        DB.query("SELECT id FROM UserTag WHERE floID=? AND tag=?", [floID, tag])
+            .then(result => resolve(result.length ? true : false))
+            .catch(error => reject(error))
+    })
+}
+
 function addSellChipsIfLaunchSeller(floID, quantity) {
     return new Promise((resolve, reject) => {
         checkTag(floID, LAUNCH_SELLER_TAG).then(result => {
@@ -71,9 +78,7 @@ function addSellChipsIfLaunchSeller(floID, quantity) {
                     let remLaunchChips = MAXIMUM_LAUNCH_SELL_CHIPS - (sold + chips) + brought;
                     quantity = Math.min(quantity, remLaunchChips);
                     if (quantity > 0)
-                        resolve([
-                            ["INSERT INTO SellChips(floID, asset, quantity) VALUES (?, ?, ?)", [floID, 'FLO', quantity]]
-                        ]);
+                        resolve([["INSERT INTO SellChips(floID, asset, quantity) VALUES (?, ?, ?)", [floID, 'FLO', quantity]]]);
                     else
                         resolve([]);
                 }).catch(error => reject(error))
@@ -84,77 +89,76 @@ function addSellChipsIfLaunchSeller(floID, quantity) {
 }
 
 function confirmDepositToken() {
-    DB.query("SELECT id, floID, txid FROM InputToken WHERE status=?", ["PENDING"]).then(results => {
+    DB.query("SELECT id, floID, txid FROM DepositToken WHERE status=?", ["PENDING"]).then(results => {
         results.forEach(req => {
-            verifyDepositToken(req.floID, req.txid).then(amounts => {
-                DB.query("SELECT id FROM InputCoin where floID=? AND coin=? AND txid=?", [req.floID, "FLO", req.txid]).then(result => {
-                    let txQueries = [],
-                        token_name = amounts[0],
-                        amount_token = amounts[1];
+            verifyTx.token(req.floID, req.txid).then(({ token, amount, flo_amount }) => {
+                DB.query("SELECT id FROM DepositCoin where floID=? AND coin=? AND txid=?", [req.floID, "FLO", req.txid]).then(result => {
+                    let txQueries = [];
                     //Add the FLO balance if necessary
                     if (!result.length) {
-                        let amount_flo = amounts[2];
-                        txQueries.push(updateBalance.add(req.floID, "FLO", amount_flo));
-                        txQueries.push(["INSERT INTO InputCoin(txid, floID, coin, amount, status) VALUES (?, ?, ?, ?, ?)", [req.txid, req.floID, "FLO", amount_flo, "SUCCESS"]]);
+                        txQueries.push(updateBalance.add(req.floID, "FLO", flo_amount));
+                        txQueries.push(["INSERT INTO DepositCoin(txid, floID, coin, amount, status) VALUES (?, ?, ?, ?, ?)", [req.txid, req.floID, "FLO", flo_amount, "SUCCESS"]]);
                     }
-                    txQueries.push(["UPDATE InputToken SET status=?, token=?, amount=? WHERE id=?", ["SUCCESS", token_name, amount_token, req.id]]);
-                    txQueries.push(updateBalance.add(req.floID, token_name, amount_token));
+                    txQueries.push(["UPDATE DepositToken SET status=?, token=?, amount=? WHERE id=?", ["SUCCESS", token, amount, req.id]]);
+                    txQueries.push(updateBalance.add(req.floID, token, amount));
                     DB.transaction(txQueries)
-                        .then(result => console.debug("Token deposited:", req.floID, token_name, amount_token))
+                        .then(result => console.debug("Token deposited:", req.floID, token, amount))
                         .catch(error => console.error(error));
                 }).catch(error => console.error(error));
             }).catch(error => {
                 console.error(error);
                 if (error[0])
-                    DB.query("UPDATE InputToken SET status=? WHERE id=?", ["REJECTED", req.id])
-                    .then(_ => null).catch(error => console.error(error));
+                    DB.query("UPDATE DepositToken SET status=? WHERE id=?", ["REJECTED", req.id])
+                        .then(_ => null).catch(error => console.error(error));
             });
         })
     }).catch(error => console.error(error))
 }
 
-function verifyDepositToken(sender, txid) {
+verifyTx.token = function (sender, txid, currencyOnly = false) {
     return new Promise((resolve, reject) => {
         floTokenAPI.getTx(txid).then(tx => {
             if (tx.parsedFloData.type !== "transfer")
                 return reject([true, "Transaction type not 'transfer'"]);
             else if (tx.parsedFloData.transferType !== "token")
                 return reject([true, "Transaction transfer is not 'token'"]);
-            var token_name = tx.parsedFloData.tokenIdentification,
-                amount_token = tx.parsedFloData.tokenAmount;
-            if ((!assetList.includes(token_name) && token_name !== floGlobals.currency) || token_name === "FLO")
+            var token = tx.parsedFloData.tokenIdentification,
+                amount = tx.parsedFloData.tokenAmount;
+            if (currencyOnly && token !== floGlobals.currency)
+                return reject([true, "Token not currency"]);
+            else if (!currencyOnly && ((!assetList.includes(token) && token !== floGlobals.currency) || token === "FLO"))
                 return reject([true, "Token not authorised"]);
             let vin_sender = tx.transactionDetails.vin.filter(v => v.addr === sender)
             if (!vin_sender.length)
                 return reject([true, "Transaction not sent by the sender"]);
-            let amount_flo = tx.transactionDetails.vout.reduce((a, v) => blockchain.chests.includes(v.scriptPubKey.addresses[0]) ? a + v.value : a, 0);
-            if (amount_flo == 0)
+            let flo_amount = tx.transactionDetails.vout.reduce((a, v) => blockchain.chests.includes(v.scriptPubKey.addresses[0]) ? a + v.value : a, 0);
+            if (flo_amount == 0)
                 return reject([true, "Transaction receiver is not market ID"]); //Maybe reject as false? (to compensate delay in chestsList loading from other nodes)
             else
-                resolve([token_name, amount_token, amount_flo]);
+                resolve({ token, amount, flo_amount });
         }).catch(error => reject([false, error]))
     })
 }
 
 function retryWithdrawalCoin() {
-    DB.query("SELECT id, floID, coin, amount FROM OutputCoin WHERE status=?", ["PENDING"]).then(results => {
+    DB.query("SELECT id, floID, coin, amount FROM WithdrawCoin WHERE status=?", ["PENDING"]).then(results => {
         results.forEach(req => blockchain.sendCoin.retry(req.floID, req.coin, req.amount, req.id));
-    }).catch(error => reject(error));
+    }).catch(error => console.error(error));
 }
 
 function retryWithdrawalToken() {
-    DB.query("SELECT id, floID, token, amount FROM OutputToken WHERE status=?", ["PENDING"]).then(results => {
+    DB.query("SELECT id, floID, token, amount FROM WithdrawToken WHERE status=?", ["PENDING"]).then(results => {
         results.forEach(req => blockchain.sendToken.retry(req.floID, req.token, req.amount, req.id));
-    }).catch(error => reject(error));
+    }).catch(error => console.error(error));
 }
 
 function confirmWithdrawalFLO() {
-    DB.query("SELECT id, floID, amount, txid FROM OutputCoin WHERE coin=? AND status=?", ["FLO", "WAITING_CONFIRMATION"]).then(results => {
+    DB.query("SELECT id, floID, amount, txid FROM WithdrawCoin WHERE coin=? AND status=?", ["FLO", "WAITING_CONFIRMATION"]).then(results => {
         results.forEach(req => {
             floBlockchainAPI.getTx(req.txid).then(tx => {
                 if (!tx.blockheight || !tx.confirmations) //Still not confirmed
                     return;
-                DB.query("UPDATE OutputCoin SET status=? WHERE id=?", ["SUCCESS", req.id])
+                DB.query("UPDATE WithdrawCoin SET status=? WHERE id=?", ["SUCCESS", req.id])
                     .then(result => console.debug("FLO withdrawed:", req.floID, req.amount))
                     .catch(error => console.error(error))
             }).catch(error => console.error(error));
@@ -163,12 +167,12 @@ function confirmWithdrawalFLO() {
 }
 
 function confirmWithdrawalBTC() {
-    DB.query("SELECT id, floID, amount, txid FROM OutputCoin WHERE coin=? AND status=?", ["BTC", "WAITING_CONFIRMATION"]).then(results => {
+    DB.query("SELECT id, floID, amount, txid FROM WithdrawCoin WHERE coin=? AND status=?", ["BTC", "WAITING_CONFIRMATION"]).then(results => {
         results.forEach(req => {
             btcOperator.getTx(req.txid).then(tx => {
                 if (!tx.blockhash || !tx.confirmations) //Still not confirmed
                     return;
-                DB.query("UPDATE OutputCoin SET status=? WHERE id=?", ["SUCCESS", req.id])
+                DB.query("UPDATE WithdrawCoin SET status=? WHERE id=?", ["SUCCESS", req.id])
                     .then(result => console.debug("BTC withdrawed:", req.floID, req.amount))
                     .catch(error => console.error(error))
             }).catch(error => console.error(error));
@@ -177,10 +181,10 @@ function confirmWithdrawalBTC() {
 }
 
 function confirmWithdrawalToken() {
-    DB.query("SELECT id, floID, token, amount, txid FROM OutputToken WHERE status=?", ["WAITING_CONFIRMATION"]).then(results => {
+    DB.query("SELECT id, floID, token, amount, txid FROM WithdrawToken WHERE status=?", ["WAITING_CONFIRMATION"]).then(results => {
         results.forEach(req => {
             floTokenAPI.getTx(req.txid).then(tx => {
-                DB.query("UPDATE OutputToken SET status=? WHERE id=?", ["SUCCESS", req.id])
+                DB.query("UPDATE WithdrawToken SET status=? WHERE id=?", ["SUCCESS", req.id])
                     .then(result => console.debug("Token withdrawed:", req.floID, req.token, req.amount))
                     .catch(error => console.error(error));
             }).catch(error => console.error(error));
@@ -188,6 +192,90 @@ function confirmWithdrawalToken() {
     }).catch(error => console.error(error));
 }
 
+verifyTx.BTC = function (sender, txid) {
+    return new Promise((resolve, reject) => {
+        btcOperator.getTx(txid).then(tx => {
+            let vin_sender = tx.inputs.filter(v => floCrypto.isSameAddr(v.address, sender))
+            if (!vin_sender.length)
+                return reject([true, "Transaction not sent by the sender"]);
+            if (vin_sender.length !== tx.vin.length)
+                return reject([true, "Transaction input containes other floIDs"]);
+            if (!tx.block_no)
+                return reject([false, "Transaction not included in any block yet"]);
+            if (!tx.confirmations)
+                return reject([false, "Transaction not confirmed yet"]);
+            let amount = tx.outputs.reduce((a, v) =>
+                blockchain.chests.includes(floCrypto.toFloID(v.address, { bech: [coinjs.bech32.version] })) ? a + parseFloat(v.value) : a, 0);
+            if (amount == 0)
+                return reject([true, "Transaction receiver is not market ID"]); //Maybe reject as false? (to compensate delay in chestsList loading from other nodes)
+            else
+                resolve(amount);
+        }).catch(error => reject([false, error]))
+    })
+}
+
+function verifyConvert() {
+    DB.query("SELECT id, floID, mode, in_txid FROM DirectConvert WHERE status=? AND coin=?", ["PENDING", "BTC"]).then(results => {
+        results.forEach(req => {
+            if (mode == _sql.CONVERT_MODE_GET) {
+                verifyTx.token(req.floID, req.in_txid, true).then(({ amount }) => {
+                    conversion.getRate().then(rate => {
+                        blockchain.convertToCoin.init(req.floID, "BTC", amount, amount / rate, req.id)
+                    }).catch(error => console.error(error))
+                }).catch(error => {
+                    console.error(error);
+                    if (error[0])
+                        DB.query("UPDATE DirectConvert SET status=? WHERE id=?", ["REJECTED", req.id])
+                            .then(_ => null).catch(error => console.error(error));
+                });
+            } else if (mode == _sql.CONVERT_MODE_PUT) {
+                verifyTx.BTC(req.floID, req.in_txid).then(quantity => {
+                    conversion.getRate().then(rate => {
+                        blockchain.convertFromCoin.init(req.floID, quantity * rate, quantity, req.id)
+                    }).catch(error => console.error(error))
+                }).catch(error => {
+                    console.error(error);
+                    if (error[0])
+                        DB.query("UPDATE DirectConvert SET status=? WHERE id=?", ["REJECTED", req.id])
+                            .then(_ => null).catch(error => console.error(error));
+                });
+            }
+        })
+    }).catch(error => console.error(error))
+}
+
+function retryConvert() {
+    DB.query("SELECT id, floID, mode, amount, quantity FROM DirectConvert WHERE status=? AND coin=?", ["PROCESSING", "BTC"]).then(results => {
+        results.forEach(req => {
+            if (mode == _sql.CONVERT_MODE_GET)
+                blockchain.convertToCoin.retry(req.floID, "BTC", req.quantity, req.id);
+            else if (mode == _sql.CONVERT_MODE_PUT)
+                blockchain.convertFromCoin.retry(req.floID, req.amount, req.id)
+        })
+    }).catch(error => console.error(error))
+}
+
+function confirmConvert() {
+    DB.query("SELECT id, floID, mode, amount, quantity, out_txid FROM DirectConvert WHERE status=? AND coin=?", ["WAITING_CONFIRMATION", "BTC"]).then(results => {
+        results.forEach(req => {
+            if (mode == _sql.CONVERT_MODE_GET)
+                btcOperator.getTx(req.out_txid).then(tx => {
+                    if (!tx.blockhash || !tx.confirmations) //Still not confirmed
+                        return;
+                    DB.query("UPDATE DirectConvert SET status=? WHERE id=?", ["SUCCESS", req.id])
+                        .then(result => console.debug(`${req.floID} converted ${amount} to ${req.quantity} BTC`))
+                        .catch(error => console.error(error))
+                }).catch(error => console.error(error));
+            else if (mode == _sql.CONVERT_MODE_PUT)
+                floTokenAPI.getTx(req.out_txid).then(tx => {
+                    DB.query("UPDATE DirectConvert SET status=? WHERE id=?", ["SUCCESS", req.id])
+                        .then(result => console.debug(`${req.floID} converted ${req.quantity} BTC to ${amount}`))
+                        .catch(error => console.error(error));
+                }).catch(error => console.error(error));
+        })
+    }).catch(error => console.error(error));
+}
+
 module.exports = {
     blockchain,
     confirmDepositFLO,
@@ -196,5 +284,11 @@ module.exports = {
     retryWithdrawalToken,
     confirmWithdrawalFLO,
     confirmWithdrawalBTC,
-    confirmWithdrawalToken
+    confirmWithdrawalToken,
+    verifyConvert,
+    retryConvert,
+    confirmConvert,
+    set updateBalance(f) {
+        updateBalance = f;
+    }
 }
\ No newline at end of file
diff --git a/src/blockchain.js b/src/blockchain.js
index 8146250..812258e 100644
--- a/src/blockchain.js
+++ b/src/blockchain.js
@@ -3,13 +3,17 @@
 var collectAndCall; //container for collectAndCall function from backup module
 var chests; //container for blockchain ids (where assets are stored)
 
-const WITHDRAWAL_MESSAGE = "(withdrawal from market)";
+const WITHDRAWAL_MESSAGE = "(withdrawal from market)",
+    TYPE_TOKEN = "TOKEN",
+    TYPE_COIN = "COIN",
+    TYPE_CONVERT = "CONVERT";
 
 const balance_locked = {},
     balance_cache = {},
     callbackCollection = {
-        Coin: {},
-        token: {}
+        [TYPE_COIN]: {},
+        [TYPE_TOKEN]: {},
+        [TYPE_CONVERT]: {}
     };
 
 function getBalance(sinkID, asset) {
@@ -24,11 +28,11 @@ function getBalance(sinkID, asset) {
     }
 }
 
-function getSinkID(amount, asset, sinkList = null) {
+function getSinkID(quantity, asset, sinkList = null) {
     return new Promise((resolve, reject) => {
         if (!sinkList)
             sinkList = chests.list.map(s => [s, s in balance_cache ? balance_cache[s][asset] || 0 : 0]) //TODO: improve sorting
-            .sort((a, b) => b[1] - a[1]).map(x => x[0]);
+                .sort((a, b) => b[1] - a[1]).map(x => x[0]);
         if (!sinkList.length)
             return reject(`Insufficient balance in chests for asset(${asset})`);
         let sinkID = sinkList.shift();
@@ -36,99 +40,121 @@ function getSinkID(amount, asset, sinkList = null) {
             if (!(sinkID in balance_cache))
                 balance_cache[sinkID] = {};
             balance_cache[sinkID][asset] = balance;
-            if (balance > (amount + (sinkID in balance_locked ? balance_locked[sinkID][asset] || 0 : 0)))
+            if (balance > (quantity + (sinkID in balance_locked ? balance_locked[sinkID][asset] || 0 : 0)))
                 return resolve(sinkID);
             else
-                getSinkID(amount, asset, sinkList)
-                .then(result => resolve(result))
-                .catch(error => reject(error))
+                getSinkID(quantity, asset, sinkList)
+                    .then(result => resolve(result))
+                    .catch(error => reject(error))
         }).catch(error => {
             console.error(error);
-            getSinkID(amount, asset, sinkList)
+            getSinkID(quantity, asset, sinkList)
                 .then(result => resolve(result))
                 .catch(error => reject(error))
         });
     })
 }
 
-function sendTx(floID, coin, amount, sinkID, sinkKey) {
-    switch (coin) {
+function sendTx(floID, asset, quantity, sinkID, sinkKey) {
+    switch (asset) {
         case "FLO":
-            return floBlockchainAPI.sendTx(sinkID, floID, amount, sinkKey, WITHDRAWAL_MESSAGE);
+            return floBlockchainAPI.sendTx(sinkID, floID, quantity, sinkKey, WITHDRAWAL_MESSAGE);
         case "BTC":
+            let btc_sinkID = btcOperator.convert.legacy2bech(sinkID),
+                btc_receiver = btcOperator.convert.legacy2bech(floID);
+            return btcOperator.sendTx(btc_sinkID, sinkKey, btc_receiver, quantity, null);
+        default:
+            return floTokenAPI.sendToken(sinkKey, quantity, floID, WITHDRAWAL_MESSAGE, asset);
     }
 }
 
-function sendCoin(floID, coin, amount, id) {
-    getSinkID(amount, coin).then(sinkID => {
+const tableUpdate = {
+    [TYPE_COIN]: (id, txid) => {
+        DB.query("UPDATE WithdrawCoin SET status=?, txid=? WHERE id=?", ["WAITING_CONFIRMATION", txid, id])
+            .then(_ => null).catch(error => console.error(error))
+    },
+    [TYPE_TOKEN]: (id, txid) => {
+        DB.query("UPDATE WithdrawToken SET status=?, txid=? WHERE id=?", ["WAITING_CONFIRMATION", txid, id])
+            .then(_ => null).catch(error => console.error(error))
+    },
+    [TYPE_CONVERT]: (id, txid) => {
+        DB.query("UPDATE DirectConvert SET status=?, out_txid=? WHERE id=?", ["WAITING_CONFIRMATION", txid, id])
+            .then(_ => null).catch(error => console.error(error));
+    }
+};
+
+function sendAsset(floID, asset, quantity, type, id) {
+    getSinkID(quantity, asset).then(sinkID => {
         let callback = (sinkKey) => {
-            //Send Coin to user via blockchain API
-            sendTx(floID, coin, amount, sinkID, sinkKey).then(txid => {
+            //Send asset to user via API
+            sendTx(floID, asset, quantity, sinkID, sinkKey).then(txid => {
                 if (!txid)
-                    throw Error("Transaction not successful");
-                //Transaction was successful, Add in DB
-                DB.query("UPDATE OutputCoin SET status=?, txid=? WHERE id=?", ["WAITING_CONFIRMATION", txid, id])
-                    .then(_ => null).catch(error => console.error(error));
+                    console.error("Transaction not successful");
+                else //Transaction was successful, Add in DB
+                    tableUpdate[type](id, txid);
             }).catch(error => console.error(error)).finally(_ => {
-                delete callbackCollection.Coin[id];
-                balance_locked[sinkID][coin] -= amount;
+                delete callbackCollection[type][id];
+                balance_locked[sinkID][asset] -= quantity;
             });
         }
         collectAndCall(sinkID, callback);
-        callbackCollection.Coin[id] = callback;
+        callbackCollection[type][id] = callback;
         if (!(sinkID in balance_locked))
             balance_locked[sinkID] = {};
-        balance_locked[sinkID][coin] = (balance_locked[sinkID][coin] || 0) + amount;
+        balance_locked[sinkID][asset] = (balance_locked[sinkID][asset] || 0) + quantity;
     }).catch(error => console.error(error))
 }
 
-function sendCoin_init(floID, coin, amount) {
-    DB.query("INSERT INTO OutputCoin (floID, coin, amount, status) VALUES (?, ?, ?, ?)", [floID, coin, amount, "PENDING"])
-        .then(result => sendCoin(floID, coin, amount, result.insertId))
+function sendCoin_init(floID, coin, quantity) {
+    DB.query("INSERT INTO WithdrawCoin (floID, coin, amount, status) VALUES (?, ?, ?, ?)", [floID, coin, quantity, "PENDING"])
+        .then(result => sendAsset(floID, coin, quantity, TYPE_COIN, result.insertId))
         .catch(error => console.error(error))
 }
 
-function sendCoin_retry(floID, coin, amount, id) {
-    if (id in callbackCollection.Coin)
-        console.debug("A callback is already pending for this FLO transfer");
+function sendCoin_retry(floID, coin, quantity, id) {
+    if (id in callbackCollection[TYPE_COIN])
+        console.debug("A callback is already pending for this Coin transfer");
     else
-        sendCoin(floID, coin, amount, id);
+        sendAsset(floID, coin, quantity, TYPE_COIN, id);
 }
 
-function sendToken(floID, token, amount, id) {
-    getSinkID(amount, token).then(sinkID => {
-        let callback = (sinkKey) => {
-            //Send Token to user via token API
-            floTokenAPI.sendToken(sinkKey, amount, floID, WITHDRAWAL_MESSAGE, token).then(txid => {
-                if (!txid)
-                    throw Error("Transaction not successful");
-                //Transaction was successful, Add in DB
-                DB.query("UPDATE OutputToken SET status=?, txid=? WHERE id=?", ["WAITING_CONFIRMATION", txid, id])
-                    .then(_ => null).catch(error => console.error(error));
-            }).catch(error => console.error(error)).finally(_ => {
-                delete callbackCollection.token[id];
-                balance_locked[sinkID][token] -= amount;
-            });
-        }
-        collectAndCall(sinkID, callback);
-        callbackCollection.token[id] = callback;
-        if (!(sinkID in balance_locked))
-            balance_locked[sinkID] = {};
-        balance_locked[sinkID][token] = (balance_locked[sinkID][token] || 0) + amount;
-    }).catch(error => console.error(error))
-}
-
-function sendToken_init(floID, token, amount) {
-    DB.query("INSERT INTO OutputToken (floID, token, amount, status) VALUES (?, ?, ?, ?)", [floID, token, amount, "PENDING"])
-        .then(result => sendToken(floID, amount, result.insertId))
+function sendToken_init(floID, token, quantity) {
+    DB.query("INSERT INTO WithdrawToken (floID, token, amount, status) VALUES (?, ?, ?, ?)", [floID, token, quantity, "PENDING"])
+        .then(result => sendAsset(floID, quantity, TYPE_TOKEN, result.insertId))
         .catch(error => console.error(error))
 }
 
-function sendToken_retry(floID, token, amount, id) {
-    if (id in callbackCollection.token)
-        console.debug("A callback is already pending for this token transfer");
+function sendToken_retry(floID, token, quantity, id) {
+    if (id in callbackCollection[TYPE_TOKEN])
+        console.debug("A callback is already pending for this Token transfer");
     else
-        sendToken(floID, token, amount, id);
+        sendAsset(floID, token, quantity, TYPE_TOKEN, id);
+}
+
+function convertToCoin_init(floID, coin, currency_amount, coin_quantity, id) {
+    DB.query("UPDATE DirectConvert SET amount=?, quantity=?, status=?, locktime=DEFAULT WHERE id=?", [currency_amount, coin_quantity, "PROCESSING", id])
+        .then(result => sendAsset(floID, coin, coin_quantity, TYPE_CONVERT, id))
+        .catch(error => console.error(error))
+}
+
+function convertToCoin_retry(floID, coin, coin_quantity, id) {
+    if (id in callbackCollection[TYPE_CONVERT])
+        console.debug("A callback is already pending for this Coin Convert");
+    else
+        sendAsset(floID, coin, coin_quantity, TYPE_CONVERT, id);
+}
+
+function convertFromCoin_init(floID, currency_amount, coin_quantity, id) {
+    DB.query("UPDATE DirectConvert SET amount=?, quantity=?, status=?, locktime=DEFAULT WHERE id=?", [currency_amount, coin_quantity, "PROCESSING", id])
+        .then(result => sendAsset(floID, floGlobals.currency, currency_amount, TYPE_CONVERT, id))
+        .catch(error => console.error(error))
+}
+
+function convertFromCoin_retry(floID, current_amount, id) {
+    if (id in callbackCollection[TYPE_CONVERT])
+        console.debug("A callback is already pending for this Coin Convert");
+    else
+        sendAsset(floID, floGlobals.currency, current_amount, TYPE_CONVERT, id);
 }
 
 module.exports = {
@@ -148,5 +174,13 @@ module.exports = {
     sendToken: {
         init: sendToken_init,
         retry: sendToken_retry
+    },
+    convertToCoin: {
+        init: convertToCoin_init,
+        retry: convertToCoin_retry
+    },
+    convertFromCoin: {
+        init: convertFromCoin_init,
+        retry: convertFromCoin_retry
     }
 }
\ No newline at end of file
diff --git a/src/conversion.js b/src/conversion.js
new file mode 100644
index 0000000..f8829d7
--- /dev/null
+++ b/src/conversion.js
@@ -0,0 +1,72 @@
+const _sql = require('./_constants').sql;
+const allowedConversion = ["BTC"];
+
+function getRate() {
+    return new Promise((resolve, reject) => {
+        getRate.BTC_USD().then(BTC_rate => {
+            getRate.USD_INR().then(INR_rate => {
+                resolve(BTC_rate * INR_rate);
+            }).catch(error => reject(error))
+        }).catch(error => reject(error))
+    })
+}
+
+getRate.BTC_USD = function () {
+    return new Promise((resolve, reject) => {
+        fetch('https://api.coinlore.net/api/ticker/?id=90').then(response => {
+            if (response.ok) {
+                response.json()
+                    .then(result => resolve(result[0].price_usd))
+                    .catch(error => reject(error));
+            } else
+                reject(response.status);
+        }).catch(error => reject(error));
+    });
+}
+
+getRate.USD_INR = function () {
+    return new Promise((resolve, reject) => {
+        fetch('https://api.exchangerate-api.com/v4/latest/usd').then(response => {
+            if (response.ok) {
+                response.json()
+                    .then(result => resolve(result.rates['INR']))
+                    .catch(error => reject(error));
+            } else
+                reject(response.status);
+        }).catch(error => reject(error));
+    });
+}
+
+function convertToCoin(floID, txid, coin) {
+    return new Promise((resolve, reject) => {
+        if (!allowedConversion.includes(coin))
+            return reject(INVALID(eCode.INVALID_TOKEN_NAME, `Invalid coin (${coin})`));
+        DB.query("SELECT status FROM DirectConvert WHERE in_txid=? AND floID=? mode=?", [txid, floID, _sql.CONVERT_MODE_GET]).then(result => {
+            if (result.length)
+                return reject(INVALID(eCode.DUPLICATE_ENTRY, "Transaction already in process"));
+            else
+                DB.query("INSERT INTO DirectConvert(floID, in_txid, mode, coin, status) VALUES (?, ?, ?, ?, ?)", [floID, txid, _sql.CONVERT_MODE_GET, coin, "PENDING"])
+                    .then(result => resolve("Conversion request in process"))
+                    .catch(error => reject(error));
+        }).catch(error => reject(error))
+    });
+}
+
+function convertFromCoin(floID, txid, coin) {
+    if (!allowedConversion.includes(coin))
+        return reject(INVALID(eCode.INVALID_TOKEN_NAME, `Invalid coin (${coin})`));
+    DB.query("SELECT status FROM DirectConvert WHERE in_txid=? AND floID=? mode=?", [txid, floID, _sql.CONVERT_MODE_PUT]).then(result => {
+        if (result.length)
+            return reject(INVALID(eCode.DUPLICATE_ENTRY, "Transaction already in process"));
+        else
+            DB.query("INSERT INTO DirectConvert(floID, in_txid, mode, coin, status) VALUES (?, ?, ?, ?, ?)", [floID, txid, _sql.CONVERT_MODE_PUT, coin, "PENDING"])
+                .then(result => resolve("Conversion request in process"))
+                .catch(error => reject(error));
+    }).catch(error => reject(error))
+}
+
+module.exports = {
+    getRate,
+    convertToCoin,
+    convertFromCoin
+}
\ No newline at end of file
diff --git a/src/market.js b/src/market.js
index cc9dfa3..8f96f7d 100644
--- a/src/market.js
+++ b/src/market.js
@@ -13,7 +13,7 @@ const {
 
 const eCode = require('../docs/scripts/floExchangeAPI').errorCode;
 
-const updateBalance = coupling.updateBalance;
+const updateBalance = background.updateBalance = coupling.updateBalance;
 
 var DB, assetList; //container for database and allowed assets
 
@@ -256,10 +256,10 @@ function getAccountDetails(floID) {
 
 function getUserTransacts(floID) {
     return new Promise((resolve, reject) => {
-        DB.query("(SELECT 'deposit' as type, txid, token, amount, status FROM InputToken WHERE floID=?)" +
-                "UNION (SELECT 'deposit' as type, txid, coin as token, amount, status FROM InputCoin WHERE floID=?)" +
-                "UNION (SELECT 'withdraw' as type, txid, token, amount, status FROM OutputToken WHERE floID=?)" +
-                "UNION (SELECT 'withdraw' as type, txid, coin as token, amount, status FROM OutputCoin WHERE floID=?)",
+        DB.query("(SELECT 'deposit' as type, txid, token, amount, status FROM DepositToken WHERE floID=?)" +
+                "UNION (SELECT 'deposit' as type, txid, coin as token, amount, status FROM DepositCoin WHERE floID=?)" +
+                "UNION (SELECT 'withdraw' as type, txid, token, amount, status FROM WithdrawToken WHERE floID=?)" +
+                "UNION (SELECT 'withdraw' as type, txid, coin as token, amount, status FROM WithdrawCoin WHERE floID=?)",
                 [floID, floID, floID, floID])
             .then(result => resolve(result))
             .catch(error => reject(error))
@@ -338,7 +338,7 @@ function transferToken(sender, receivers, token) {
 
 function depositFLO(floID, txid) {
     return new Promise((resolve, reject) => {
-        DB.query("SELECT status FROM InputCoin WHERE txid=? AND floID=? AND coin=?", [txid, floID, "FLO"]).then(result => {
+        DB.query("SELECT status FROM DepositCoin WHERE txid=? AND floID=? AND coin=?", [txid, floID, "FLO"]).then(result => {
             if (result.length) {
                 switch (result[0].status) {
                     case "PENDING":
@@ -349,7 +349,7 @@ function depositFLO(floID, txid) {
                         return reject(INVALID(eCode.DUPLICATE_ENTRY, "Transaction already used to add coins"));
                 }
             } else
-                DB.query("INSERT INTO InputCoin(txid, floID, coin, status) VALUES (?, ?, ?, ?)", [txid, floID, "FLO", "PENDING"])
+                DB.query("INSERT INTO DepositCoin(txid, floID, coin, status) VALUES (?, ?, ?, ?)", [txid, floID, "FLO", "PENDING"])
                 .then(result => resolve("Deposit request in process"))
                 .catch(error => reject(error));
         }).catch(error => reject(error))
@@ -375,7 +375,7 @@ function withdrawFLO(floID, amount) {
 
 function depositToken(floID, txid) {
     return new Promise((resolve, reject) => {
-        DB.query("SELECT status FROM InputToken WHERE txid=? AND floID=?", [txid, floID]).then(result => {
+        DB.query("SELECT status FROM DepositToken WHERE txid=? AND floID=?", [txid, floID]).then(result => {
             if (result.length) {
                 switch (result[0].status) {
                     case "PENDING":
@@ -386,7 +386,7 @@ function depositToken(floID, txid) {
                         return reject(INVALID(eCode.DUPLICATE_ENTRY, "Transaction already used to add tokens"));
                 }
             } else
-                DB.query("INSERT INTO InputToken(txid, floID, status) VALUES (?, ?, ?)", [txid, floID, "PENDING"])
+                DB.query("INSERT INTO DepositToken(txid, floID, status) VALUES (?, ?, ?)", [txid, floID, "PENDING"])
                 .then(result => resolve("Deposit request in process"))
                 .catch(error => reject(error));
         }).catch(error => reject(error))
@@ -472,19 +472,17 @@ function checkDistributor(floID, asset) {
     })
 }
 
-function periodicProcess() {
-    blockchainReCheck();
-}
+//Periodic Process
 
-periodicProcess.start = function() {
-    periodicProcess.stop();
+function periodicProcess_start() {
+    periodicProcess_stop();
     periodicProcess();
     assetList.forEach(asset => coupling.initiate(asset, true));
     coupling.price.storeHistory.start();
     periodicProcess.instance = setInterval(periodicProcess, PERIOD_INTERVAL);
-};
+}
 
-periodicProcess.stop = function() {
+function periodicProcess_stop() {
     if (periodicProcess.instance !== undefined) {
         clearInterval(periodicProcess.instance);
         delete periodicProcess.instance;
@@ -495,13 +493,13 @@ periodicProcess.stop = function() {
 
 var lastSyncBlockHeight = 0;
 
-function blockchainReCheck() {
-    if (blockchainReCheck.timeout !== undefined) {
-        clearTimeout(blockchainReCheck.timeout);
-        delete blockchainReCheck.timeout;
+function periodicProcess() {
+    if (periodicProcess.timeout !== undefined) {
+        clearTimeout(periodicProcess.timeout);
+        delete periodicProcess.timeout;
     }
     if (!blockchain.chests.list.length)
-        return blockchainReCheck.timeout = setTimeout(blockchainReCheck, WAIT_TIME);
+        return periodicProcess.timeout = setTimeout(periodicProcess, WAIT_TIME);
 
     floBlockchainAPI.promisedAPI('api/blocks?limit=1').then(result => {
         if (lastSyncBlockHeight < result.blocks[0].height) {
@@ -513,6 +511,9 @@ function blockchainReCheck() {
             background.confirmWithdrawalFLO();
             background.confirmWithdrawalBTC();
             background.confirmWithdrawalToken();
+            background.verifyConvert();
+            background.retryConvert();
+            background.confirmConvert();
             console.debug("Last Block :", lastSyncBlockHeight);
         }
     }).catch(error => console.error(error));
@@ -550,7 +551,10 @@ module.exports = {
     removeTag,
     addDistributor,
     removeDistributor,
-    periodicProcess,
+    periodicProcess: {
+        start: periodicProcess_start,
+        stop: periodicProcess_stop
+    },
     set DB(db) {
         DB = db;
         coupling.DB = db;

From 87e6bc01de762f483dbdafdbd042222b08dbb0cc Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Fri, 7 Oct 2022 23:01:09 +0530
Subject: [PATCH 127/168] Update floExchangeAPI.js

---
 docs/scripts/floExchangeAPI.js | 468 +++++++++++++++++----------------
 1 file changed, 246 insertions(+), 222 deletions(-)

diff --git a/docs/scripts/floExchangeAPI.js b/docs/scripts/floExchangeAPI.js
index 92b63a3..de31f3a 100644
--- a/docs/scripts/floExchangeAPI.js
+++ b/docs/scripts/floExchangeAPI.js
@@ -1,6 +1,6 @@
 'use strict';
 
-(function(EXPORTS) { //floExchangeAPI v1.1.2
+(function (EXPORTS) { //floExchangeAPI v1.1.2
     const exchangeAPI = EXPORTS;
 
     /*Kademlia DHT K-bucket implementation as a binary tree.*/
@@ -46,7 +46,7 @@
         this.arbiter = options.arbiter || this.arbiter
         this.metadata = Object.assign({}, options.metadata)
 
-        this.createNode = function() {
+        this.createNode = function () {
             return {
                 contacts: [],
                 dontSplit: false,
@@ -55,7 +55,7 @@
             }
         }
 
-        this.ensureInt8 = function(name, val) {
+        this.ensureInt8 = function (name, val) {
             if (!(val instanceof Uint8Array)) {
                 throw new TypeError(name + ' is not a Uint8Array')
             }
@@ -66,7 +66,7 @@
          * @param  {Uint8Array} array2
          * @return {Boolean}
          */
-        this.arrayEquals = function(array1, array2) {
+        this.arrayEquals = function (array1, array2) {
             if (array1 === array2) {
                 return true
             }
@@ -94,7 +94,7 @@
          * @param  {Object} candidate Contact being added to the k-bucket.
          * @return {Object}           Contact to updated the k-bucket with.
          */
-        this.arbiter = function(incumbent, candidate) {
+        this.arbiter = function (incumbent, candidate) {
             return incumbent.vectorClock > candidate.vectorClock ? incumbent : candidate
         }
 
@@ -107,7 +107,7 @@
          * @return {Number}              Integer The XOR distance between firstId
          *                               and secondId.
          */
-        this.distance = function(firstId, secondId) {
+        this.distance = function (firstId, secondId) {
             let distance = 0
             let i = 0
             const min = Math.min(firstId.length, secondId.length)
@@ -124,7 +124,7 @@
          *
          * @param {Object} contact the contact object to add
          */
-        this.add = function(contact) {
+        this.add = function (contact) {
             this.ensureInt8('contact.id', (contact || {}).id)
 
             let bitIndex = 0
@@ -172,7 +172,7 @@
          *                          closest contacts to return
          * @return {Array}          Array Maximum of n closest contacts to the node id
          */
-        this.closest = function(id, n = Infinity) {
+        this.closest = function (id, n = Infinity) {
             this.ensureInt8('id', id)
 
             if ((!Number.isInteger(n) && n !== Infinity) || n <= 0) {
@@ -204,7 +204,7 @@
          *
          * @return {Number} The number of contacts held in the tree
          */
-        this.count = function() {
+        this.count = function () {
             // return this.toArray().length
             let count = 0
             for (const nodes = [this.root]; nodes.length > 0;) {
@@ -225,7 +225,7 @@
          *                           to check in the id Uint8Array.
          * @return {Object}          left leaf if id at bitIndex is 0, right leaf otherwise.
          */
-        this._determineNode = function(node, id, bitIndex) {
+        this._determineNode = function (node, id, bitIndex) {
             // *NOTE* remember that id is a Uint8Array and has granularity of
             // bytes (8 bits), whereas the bitIndex is the bit index (not byte)
 
@@ -267,7 +267,7 @@
          * @param  {Uint8Array} id The ID of the contact to fetch.
          * @return {Object|Null}   The contact if available, otherwise null
          */
-        this.get = function(id) {
+        this.get = function (id) {
             this.ensureInt8('id', id)
 
             let bitIndex = 0
@@ -291,7 +291,7 @@
          * @return {Number}         Integer Index of contact with provided id if it
          *                          exists, -1 otherwise.
          */
-        this._indexOf = function(node, id) {
+        this._indexOf = function (node, id) {
             for (let i = 0; i < node.contacts.length; ++i) {
                 if (this.arrayEquals(node.contacts[i].id, id)) return i
             }
@@ -305,7 +305,7 @@
          * @param  {Uint8Array} id The ID of the contact to remove.
          * @return {Object}        The k-bucket itself.
          */
-        this.remove = function(id) {
+        this.remove = function (id) {
             this.ensureInt8('the id as parameter 1', id)
 
             let bitIndex = 0
@@ -332,7 +332,7 @@
          * @param  {Number} bitIndex the bitIndex to which byte to check in the
          *                           Uint8Array for navigating the binary tree
          */
-        this._split = function(node, bitIndex) {
+        this._split = function (node, bitIndex) {
             node.left = this.createNode()
             node.right = this.createNode()
 
@@ -360,7 +360,7 @@
          *
          * @return {Array} All of the contacts in the tree, as an array
          */
-        this.toArray = function() {
+        this.toArray = function () {
             let result = []
             for (const nodes = [this.root]; nodes.length > 0;) {
                 const node = nodes.pop()
@@ -386,7 +386,7 @@
          *                          calculation)
          * @param  {Object} contact The contact object to update.
          */
-        this._update = function(node, index, contact) {
+        this._update = function (node, index, contact) {
             // sanity check
             if (!this.arrayEquals(node.contacts[index].id, contact.id)) {
                 throw new Error('wrong index for _update')
@@ -405,7 +405,7 @@
     }
 
     const K_Bucket = exchangeAPI.K_Bucket = function K_Bucket(masterID, backupList) {
-        const decodeID = function(floID) {
+        const decodeID = function (floID) {
             let k = bitjs.Base58.decode(floID);
             k.shift();
             k.splice(-4, 4);
@@ -431,7 +431,7 @@
             get: () => Array.from(orderedList)
         });
 
-        self.closestNode = function(id, N = 1) {
+        self.closestNode = function (id, N = 1) {
             let decodedId = decodeID(id);
             let n = N || orderedList.length;
             let cNodes = _KB.closest(decodedId, n)
@@ -444,7 +444,7 @@
         self.isPrev = (source, target) => orderedList.indexOf(target) === orderedList.indexOf(source) - 1;
         self.isNext = (source, target) => orderedList.indexOf(target) === orderedList.indexOf(source) + 1;
 
-        self.prevNode = function(id, N = 1) {
+        self.prevNode = function (id, N = 1) {
             let n = N || orderedList.length;
             if (!orderedList.includes(id))
                 throw Error(`${id} is not in KB list`);
@@ -452,7 +452,7 @@
             return (N == 1 ? pNodes[0] : pNodes);
         };
 
-        self.nextNode = function(id, N = 1) {
+        self.nextNode = function (id, N = 1) {
             let n = N || orderedList.length;
             if (!orderedList.includes(id))
                 throw Error(`${id} is not in KB list`);
@@ -471,14 +471,14 @@
                 return reject(ExchangeError(ExchangeError.NODES_OFFLINE_CODE, 'No Node online! Refresh the page or try again later', errorCode.NODES_OFFLINE));
             let url = "https://" + nodeURL[nodeList[curPos]];
             (options ? fetch(url + api, options) : fetch(url + api))
-            .then(result => resolve(result)).catch(error => {
-                console.warn(nodeList[curPos], 'is offline');
-                //try next node
-                fetch_api.curPos = curPos + 1;
-                fetch_api(api, options)
-                    .then(result => resolve(result))
-                    .catch(error => reject(error))
-            });
+                .then(result => resolve(result)).catch(error => {
+                    console.warn(nodeList[curPos], 'is offline');
+                    //try next node
+                    fetch_api.curPos = curPos + 1;
+                    fetch_api(api, options)
+                        .then(result => resolve(result))
+                        .catch(error => reject(error))
+                });
         })
     }
 
@@ -519,7 +519,7 @@
         INTERNAL_ERROR: '500'
     };
 
-    const parseErrorCode = exchangeAPI.parseErrorCode = function(message) {
+    const parseErrorCode = exchangeAPI.parseErrorCode = function (message) {
         let code = message.match(/^E\d{3}:/g);
         if (!code || !code.length)
             return null;
@@ -546,20 +546,20 @@
         return new Promise((resolve, reject) => {
             if (!response.ok)
                 response.text()
-                .then(result => reject(ExchangeError(response.status, result)))
-                .catch(error => reject(ExchangeError(response.status, error)));
+                    .then(result => reject(ExchangeError(response.status, result)))
+                    .catch(error => reject(ExchangeError(response.status, error)));
             else if (json_)
                 response.json()
-                .then(result => resolve(result))
-                .catch(error => reject(ExchangeError(ExchangeError.BAD_RESPONSE_CODE, error)));
+                    .then(result => resolve(result))
+                    .catch(error => reject(ExchangeError(ExchangeError.BAD_RESPONSE_CODE, error)));
             else
                 response.text()
-                .then(result => resolve(result))
-                .catch(error => reject(ExchangeError(ExchangeError.BAD_RESPONSE_CODE, error)));
+                    .then(result => resolve(result))
+                    .catch(error => reject(ExchangeError(ExchangeError.BAD_RESPONSE_CODE, error)));
         });
     }
 
-    exchangeAPI.getAccount = function(floID, proxySecret) {
+    exchangeAPI.getAccount = function (floID, proxySecret) {
         return new Promise((resolve, reject) => {
             let request = {
                 floID: floID,
@@ -574,69 +574,75 @@
             console.debug(request);
 
             fetch_api('/account', {
-                    method: "POST",
-                    headers: {
-                        'Content-Type': 'application/json'
-                    },
-                    body: JSON.stringify(request)
-                }).then(result => responseParse(result)
+                method: "POST",
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify(request)
+            }).then(result => {
+                responseParse(result)
                     .then(result => resolve(result))
-                    .catch(error => reject(error)))
-                .catch(error => reject(error));
+                    .catch(error => reject(error))
+            }).catch(error => reject(error));
         });
     }
 
-    exchangeAPI.getBuyList = function(asset = null) {
+    exchangeAPI.getBuyList = function (asset = null) {
         return new Promise((resolve, reject) => {
             fetch_api('/list-buyorders' + (asset ? "?asset=" + asset : ""))
-                .then(result => responseParse(result)
-                    .then(result => resolve(result))
-                    .catch(error => reject(error)))
-                .catch(error => reject(error));
+                .then(result => {
+                    responseParse(result)
+                        .then(result => resolve(result))
+                        .catch(error => reject(error))
+                }).catch(error => reject(error));
         });
     }
 
-    exchangeAPI.getSellList = function(asset = null) {
+    exchangeAPI.getSellList = function (asset = null) {
         return new Promise((resolve, reject) => {
             fetch_api('/list-sellorders' + (asset ? "?asset=" + asset : ""))
-                .then(result => responseParse(result)
-                    .then(result => resolve(result))
-                    .catch(error => reject(error)))
-                .catch(error => reject(error));
+                .then(result => {
+                    responseParse(result)
+                        .then(result => resolve(result))
+                        .catch(error => reject(error))
+                }).catch(error => reject(error));
         });
     }
 
-    exchangeAPI.getTradeList = function(asset = null) {
+    exchangeAPI.getTradeList = function (asset = null) {
         return new Promise((resolve, reject) => {
             fetch_api('/list-trades' + (asset ? "?asset=" + asset : ""))
-                .then(result => responseParse(result)
-                    .then(result => resolve(result))
-                    .catch(error => reject(error)))
-                .catch(error => reject(error));
+                .then(result => {
+                    responseParse(result)
+                        .then(result => resolve(result))
+                        .catch(error => reject(error))
+                }).catch(error => reject(error));
         });
     }
 
-    exchangeAPI.getRates = function(asset = null) {
+    exchangeAPI.getRates = function (asset = null) {
         return new Promise((resolve, reject) => {
             fetch_api('/get-rates' + (asset ? "?asset=" + asset : ""))
-                .then(result => responseParse(result)
-                    .then(result => resolve(result))
-                    .catch(error => reject(error)))
-                .catch(error => reject(error));
+                .then(result => {
+                    responseParse(result)
+                        .then(result => resolve(result))
+                        .catch(error => reject(error))
+                }).catch(error => reject(error));
         });
     }
 
-    exchangeAPI.getRateHistory = function(asset, duration = null) {
+    exchangeAPI.getRateHistory = function (asset, duration = null) {
         return new Promise((resolve, reject) => {
             fetch_api('/rate-history?asset=' + asset + (duration ? '&duration=' + duration : ""))
-                .then(result => responseParse(result)
-                    .then(result => resolve(result))
-                    .catch(error => reject(error)))
-                .catch(error => reject(error));
+                .then(result => {
+                    responseParse(result)
+                        .then(result => resolve(result))
+                        .catch(error => reject(error))
+                }).catch(error => reject(error));
         });
     }
 
-    exchangeAPI.getBalance = function(floID = null, token = null) {
+    exchangeAPI.getBalance = function (floID = null, token = null) {
         return new Promise((resolve, reject) => {
             if (!floID && !token)
                 return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Need atleast one argument", errorCode.MISSING_PARAMETER));
@@ -644,22 +650,24 @@
                 (floID && token ? "&" : "") +
                 (token ? "token=" + token : "");
             fetch_api('/get-balance?' + queryStr)
-                .then(result => responseParse(result)
-                    .then(result => resolve(result))
-                    .catch(error => reject(error)))
-                .catch(error => reject(error));
+                .then(result => {
+                    responseParse(result)
+                        .then(result => resolve(result))
+                        .catch(error => reject(error))
+                }).catch(error => reject(error));
         })
     }
 
-    exchangeAPI.getTx = function(txid) {
+    exchangeAPI.getTx = function (txid) {
         return new Promise((resolve, reject) => {
             if (!txid)
                 return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, 'txid required', errorCode.MISSING_PARAMETER));
             fetch_api('/get-transaction?txid=' + txid)
-                .then(result => responseParse(result)
-                    .then(result => resolve(result))
-                    .catch(error => reject(error)))
-                .catch(error => reject(error));
+                .then(result => {
+                    responseParse(result)
+                        .then(result => resolve(result))
+                        .catch(error => reject(error))
+                }).catch(error => reject(error));
         })
     }
 
@@ -670,13 +678,14 @@
         return floCrypto.signData(req_str, signKey);
     }
 
-    exchangeAPI.getLoginCode = function() {
+    exchangeAPI.getLoginCode = function () {
         return new Promise((resolve, reject) => {
             fetch_api('/get-login-code')
-                .then(result => responseParse(result)
-                    .then(result => resolve(result))
-                    .catch(error => reject(error)))
-                .catch(error => reject(error));
+                .then(result => {
+                    responseParse(result)
+                        .then(result => resolve(result))
+                        .catch(error => reject(error))
+                }).catch(error => reject(error));
         })
     }
 
@@ -705,15 +714,15 @@
                         'Content-Type': 'application/json'
                     },
                     body: JSON.stringify(request)
-                }).then(result => responseParse(result, false)
+                }).then(result => {responseParse(result, false)
                     .then(result => resolve(result))
-                    .catch(error => reject(error)))
+                    .catch(error => reject(error))})
                 .catch(error => reject(error));
         });
     }
     */
 
-    exchangeAPI.login = function(privKey, proxyKey, code, hash) {
+    exchangeAPI.login = function (privKey, proxyKey, code, hash) {
         return new Promise((resolve, reject) => {
             if (!code || !hash)
                 return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Login Code missing", errorCode.MISSING_PARAMETER));
@@ -736,19 +745,20 @@
             console.debug(request);
 
             fetch_api("/login", {
-                    method: "POST",
-                    headers: {
-                        'Content-Type': 'application/json'
-                    },
-                    body: JSON.stringify(request)
-                }).then(result => responseParse(result, false)
+                method: "POST",
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify(request)
+            }).then(result => {
+                responseParse(result, false)
                     .then(result => resolve(result))
-                    .catch(error => reject(error)))
-                .catch(error => reject(error));
+                    .catch(error => reject(error))
+            }).catch(error => reject(error));
         })
     }
 
-    exchangeAPI.logout = function(floID, proxySecret) {
+    exchangeAPI.logout = function (floID, proxySecret) {
         return new Promise((resolve, reject) => {
             let request = {
                 floID: floID,
@@ -763,19 +773,20 @@
             console.debug(request);
 
             fetch_api("/logout", {
-                    method: "POST",
-                    headers: {
-                        'Content-Type': 'application/json'
-                    },
-                    body: JSON.stringify(request)
-                }).then(result => responseParse(result, false)
+                method: "POST",
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify(request)
+            }).then(result => {
+                responseParse(result, false)
                     .then(result => resolve(result))
-                    .catch(error => reject(error)))
-                .catch(error => reject(error))
+                    .catch(error => reject(error))
+            }).catch(error => reject(error))
         })
     }
 
-    exchangeAPI.buy = function(asset, quantity, max_price, floID, proxySecret) {
+    exchangeAPI.buy = function (asset, quantity, max_price, floID, proxySecret) {
         return new Promise((resolve, reject) => {
             if (typeof quantity !== "number" || quantity <= 0)
                 return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, `Invalid quantity (${quantity})`, errorCode.INVALID_NUMBER));
@@ -800,20 +811,21 @@
             console.debug(request);
 
             fetch_api('/buy', {
-                    method: "POST",
-                    headers: {
-                        'Content-Type': 'application/json'
-                    },
-                    body: JSON.stringify(request)
-                }).then(result => responseParse(result, false)
+                method: "POST",
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify(request)
+            }).then(result => {
+                responseParse(result, false)
                     .then(result => resolve(result))
-                    .catch(error => reject(error)))
-                .catch(error => reject(error))
+                    .catch(error => reject(error))
+            }).catch(error => reject(error))
         })
 
     }
 
-    exchangeAPI.sell = function(asset, quantity, min_price, floID, proxySecret) {
+    exchangeAPI.sell = function (asset, quantity, min_price, floID, proxySecret) {
         return new Promise((resolve, reject) => {
             if (typeof quantity !== "number" || quantity <= 0)
                 return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, `Invalid quantity (${quantity})`, errorCode.INVALID_NUMBER));
@@ -838,20 +850,21 @@
             console.debug(request);
 
             fetch_api('/sell', {
-                    method: "POST",
-                    headers: {
-                        'Content-Type': 'application/json'
-                    },
-                    body: JSON.stringify(request)
-                }).then(result => responseParse(result, false)
+                method: "POST",
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify(request)
+            }).then(result => {
+                responseParse(result, false)
                     .then(result => resolve(result))
-                    .catch(error => reject(error)))
-                .catch(error => reject(error))
+                    .catch(error => reject(error))
+            }).catch(error => reject(error))
         })
 
     }
 
-    exchangeAPI.cancelOrder = function(type, id, floID, proxySecret) {
+    exchangeAPI.cancelOrder = function (type, id, floID, proxySecret) {
         return new Promise((resolve, reject) => {
             if (type !== "buy" && type !== "sell")
                 return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, `Invalid type (${type}): type should be sell (or) buy`, errorCode.INVALID_TYPE));
@@ -872,20 +885,21 @@
             console.debug(request);
 
             fetch_api('/cancel', {
-                    method: "POST",
-                    headers: {
-                        'Content-Type': 'application/json'
-                    },
-                    body: JSON.stringify(request)
-                }).then(result => responseParse(result, false)
+                method: "POST",
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify(request)
+            }).then(result => {
+                responseParse(result, false)
                     .then(result => resolve(result))
-                    .catch(error => reject(error)))
-                .catch(error => reject(error))
+                    .catch(error => reject(error))
+            }).catch(error => reject(error))
         })
     }
 
     //receiver should be object eg {floID1: amount1, floID2: amount2 ...}
-    exchangeAPI.transferToken = function(receiver, token, floID, proxySecret) {
+    exchangeAPI.transferToken = function (receiver, token, floID, proxySecret) {
         return new Promise((resolve, reject) => {
             if (typeof receiver !== 'object' || receiver === null)
                 return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Invalid receiver: parameter is not an object", errorCode.INVALID_FLO_ID));
@@ -918,19 +932,20 @@
             console.debug(request);
 
             fetch_api('/transfer-token', {
-                    method: "POST",
-                    headers: {
-                        'Content-Type': 'application/json'
-                    },
-                    body: JSON.stringify(request)
-                }).then(result => responseParse(result, false)
+                method: "POST",
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify(request)
+            }).then(result => {
+                responseParse(result, false)
                     .then(result => resolve(result))
-                    .catch(error => reject(error)))
-                .catch(error => reject(error))
+                    .catch(error => reject(error))
+            }).catch(error => reject(error))
         })
     }
 
-    exchangeAPI.depositFLO = function(quantity, floID, sinkID, privKey, proxySecret = null) {
+    exchangeAPI.depositFLO = function (quantity, floID, sinkID, privKey, proxySecret = null) {
         return new Promise((resolve, reject) => {
             if (typeof quantity !== "number" || quantity <= floGlobals.fee)
                 return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, `Invalid quantity (${quantity})`, errorCode.INVALID_NUMBER));
@@ -952,20 +967,21 @@
                 console.debug(request);
 
                 fetch_api('/deposit-flo', {
-                        method: "POST",
-                        headers: {
-                            'Content-Type': 'application/json'
-                        },
-                        body: JSON.stringify(request)
-                    }).then(result => responseParse(result, false)
+                    method: "POST",
+                    headers: {
+                        'Content-Type': 'application/json'
+                    },
+                    body: JSON.stringify(request)
+                }).then(result => {
+                    responseParse(result, false)
                         .then(result => resolve(result))
-                        .catch(error => reject(error)))
-                    .catch(error => reject(error))
+                        .catch(error => reject(error))
+                }).catch(error => reject(error))
             }).catch(error => reject(error))
         })
     }
 
-    exchangeAPI.withdrawFLO = function(quantity, floID, proxySecret) {
+    exchangeAPI.withdrawFLO = function (quantity, floID, proxySecret) {
         return new Promise((resolve, reject) => {
             let request = {
                 floID: floID,
@@ -982,19 +998,20 @@
             console.debug(request);
 
             fetch_api('/withdraw-flo', {
-                    method: "POST",
-                    headers: {
-                        'Content-Type': 'application/json'
-                    },
-                    body: JSON.stringify(request)
-                }).then(result => responseParse(result, false)
+                method: "POST",
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify(request)
+            }).then(result => {
+                responseParse(result, false)
                     .then(result => resolve(result))
-                    .catch(error => reject(error)))
-                .catch(error => reject(error))
+                    .catch(error => reject(error))
+            }).catch(error => reject(error))
         })
     }
 
-    exchangeAPI.depositToken = function(token, quantity, floID, sinkID, privKey, proxySecret = null) {
+    exchangeAPI.depositToken = function (token, quantity, floID, sinkID, privKey, proxySecret = null) {
         return new Promise((resolve, reject) => {
             if (!floCrypto.verifyPrivKey(privKey, floID))
                 return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Invalid Private Key", errorCode.INVALID_PRIVATE_KEY));
@@ -1014,20 +1031,21 @@
                 console.debug(request);
 
                 fetch_api('/deposit-token', {
-                        method: "POST",
-                        headers: {
-                            'Content-Type': 'application/json'
-                        },
-                        body: JSON.stringify(request)
-                    }).then(result => responseParse(result, false)
+                    method: "POST",
+                    headers: {
+                        'Content-Type': 'application/json'
+                    },
+                    body: JSON.stringify(request)
+                }).then(result => {
+                    responseParse(result, false)
                         .then(result => resolve(result))
-                        .catch(error => reject(error)))
-                    .catch(error => reject(error))
+                        .catch(error => reject(error))
+                }).catch(error => reject(error))
             }).catch(error => reject(error))
         })
     }
 
-    exchangeAPI.withdrawToken = function(token, quantity, floID, proxySecret) {
+    exchangeAPI.withdrawToken = function (token, quantity, floID, proxySecret) {
         return new Promise((resolve, reject) => {
             let request = {
                 floID: floID,
@@ -1046,19 +1064,20 @@
             console.debug(request);
 
             fetch_api('/withdraw-token', {
-                    method: "POST",
-                    headers: {
-                        'Content-Type': 'application/json'
-                    },
-                    body: JSON.stringify(request)
-                }).then(result => responseParse(result, false)
+                method: "POST",
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify(request)
+            }).then(result => {
+                responseParse(result, false)
                     .then(result => resolve(result))
-                    .catch(error => reject(error)))
-                .catch(error => reject(error))
+                    .catch(error => reject(error))
+            }).catch(error => reject(error))
         })
     }
 
-    exchangeAPI.getUserTransacts = function(floID, proxySecret) {
+    exchangeAPI.getUserTransacts = function (floID, proxySecret) {
         return new Promise((resolve, reject) => {
             let request = {
                 floID: floID,
@@ -1073,19 +1092,20 @@
             console.debug(request);
 
             fetch_api('/get-transact', {
-                    method: "POST",
-                    headers: {
-                        'Content-Type': 'application/json'
-                    },
-                    body: JSON.stringify(request)
-                }).then(result => responseParse(result)
+                method: "POST",
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify(request)
+            }).then(result => {
+                responseParse(result)
                     .then(result => resolve(result))
-                    .catch(error => reject(error)))
-                .catch(error => reject(error))
+                    .catch(error => reject(error))
+            }).catch(error => reject(error))
         })
     }
 
-    exchangeAPI.addUserTag = function(tag_user, tag, floID, proxySecret) {
+    exchangeAPI.addUserTag = function (tag_user, tag, floID, proxySecret) {
         return new Promise((resolve, reject) => {
             let request = {
                 floID: floID,
@@ -1104,19 +1124,20 @@
             console.debug(request);
 
             fetch_api('/add-tag', {
-                    method: "POST",
-                    headers: {
-                        'Content-Type': 'application/json'
-                    },
-                    body: JSON.stringify(request)
-                }).then(result => responseParse(result, false)
+                method: "POST",
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify(request)
+            }).then(result => {
+                responseParse(result, false)
                     .then(result => resolve(result))
-                    .catch(error => reject(error)))
-                .catch(error => reject(error))
+                    .catch(error => reject(error))
+            }).catch(error => reject(error))
         })
     }
 
-    exchangeAPI.removeUserTag = function(tag_user, tag, floID, proxySecret) {
+    exchangeAPI.removeUserTag = function (tag_user, tag, floID, proxySecret) {
         return new Promise((resolve, reject) => {
             let request = {
                 floID: floID,
@@ -1135,19 +1156,20 @@
             console.debug(request);
 
             fetch_api('/remove-tag', {
-                    method: "POST",
-                    headers: {
-                        'Content-Type': 'application/json'
-                    },
-                    body: JSON.stringify(request)
-                }).then(result => responseParse(result, false)
+                method: "POST",
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify(request)
+            }).then(result => {
+                responseParse(result, false)
                     .then(result => resolve(result))
-                    .catch(error => reject(error)))
-                .catch(error => reject(error))
+                    .catch(error => reject(error))
+            }).catch(error => reject(error))
         })
     }
 
-    exchangeAPI.addDistributor = function(distributor, asset, floID, proxySecret) {
+    exchangeAPI.addDistributor = function (distributor, asset, floID, proxySecret) {
         return new Promise((resolve, reject) => {
             let request = {
                 floID: floID,
@@ -1166,19 +1188,20 @@
             console.debug(request);
 
             fetch_api('/add-distributor', {
-                    method: "POST",
-                    headers: {
-                        'Content-Type': 'application/json'
-                    },
-                    body: JSON.stringify(request)
-                }).then(result => responseParse(result, false)
+                method: "POST",
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify(request)
+            }).then(result => {
+                responseParse(result, false)
                     .then(result => resolve(result))
-                    .catch(error => reject(error)))
-                .catch(error => reject(error))
+                    .catch(error => reject(error))
+            }).catch(error => reject(error))
         })
     }
 
-    exchangeAPI.removeDistributor = function(distributor, asset, floID, proxySecret) {
+    exchangeAPI.removeDistributor = function (distributor, asset, floID, proxySecret) {
         return new Promise((resolve, reject) => {
             let request = {
                 floID: floID,
@@ -1197,15 +1220,16 @@
             console.debug(request);
 
             fetch_api('/remove-distributor', {
-                    method: "POST",
-                    headers: {
-                        'Content-Type': 'application/json'
-                    },
-                    body: JSON.stringify(request)
-                }).then(result => responseParse(result, false)
+                method: "POST",
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify(request)
+            }).then(result => {
+                responseParse(result, false)
                     .then(result => resolve(result))
-                    .catch(error => reject(error)))
-                .catch(error => reject(error))
+                    .catch(error => reject(error))
+            }).catch(error => reject(error))
         })
     }
 
@@ -1269,7 +1293,7 @@
         })
     }
 
-    exchangeAPI.clearAllLocalData = function() {
+    exchangeAPI.clearAllLocalData = function () {
         localStorage.removeItem('exchange-nodes');
         localStorage.removeItem('exchange-assets');
         localStorage.removeItem('exchange-tags');

From a193291bd73ef613afc766b1754119d897ed438c Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Fri, 7 Oct 2022 23:02:59 +0530
Subject: [PATCH 128/168] APIs for coin-convert feature

---
 docs/scripts/floExchangeAPI.js |  74 ++++++++++
 src/app.js                     |   4 +
 src/price.js                   |  41 ------
 src/request.js                 | 261 ++++++++++++++++-----------------
 4 files changed, 205 insertions(+), 175 deletions(-)

diff --git a/docs/scripts/floExchangeAPI.js b/docs/scripts/floExchangeAPI.js
index de31f3a..959b455 100644
--- a/docs/scripts/floExchangeAPI.js
+++ b/docs/scripts/floExchangeAPI.js
@@ -1233,6 +1233,80 @@
         })
     }
 
+    exchangeAPI.convertToBTC = function (amount, floID, sinkID, privKey, proxySecret = null) {
+        return new Promise((resolve, reject) => {
+            if (!floCrypto.verifyPrivKey(privKey, floID))
+                return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Invalid Private Key", errorCode.INVALID_PRIVATE_KEY));
+            floTokenAPI.sendToken(privKey, amount, sinkID, '(convert to BTC)', floGlobals.currency).then(txid => {
+                let request = {
+                    floID: floID,
+                    txid: txid,
+                    coin: "BTC",
+                    timestamp: Date.now()
+                };
+                if (!proxySecret) //Direct signing (without proxy)
+                    request.pubKey = floCrypto.getPubKeyHex(privKey);
+                request.sign = signRequest({
+                    type: "convert_to",
+                    coin: request.coin,
+                    txid: txid,
+                    timestamp: request.timestamp
+                }, proxySecret || privKey);
+                console.debug(request);
+
+                fetch_api('/convert-to', {
+                    method: "POST",
+                    headers: {
+                        'Content-Type': 'application/json'
+                    },
+                    body: JSON.stringify(request)
+                }).then(result => {
+                    responseParse(result, false)
+                        .then(result => resolve(result))
+                        .catch(error => reject(error))
+                }).catch(error => reject(error))
+            }).catch(error => reject(error))
+        })
+    }
+
+    exchangeAPI.convertFromBTC = function (quantity, floID, sinkID, privKey, proxySecret = null) {
+        return new Promise((resolve, reject) => {
+            if (!floCrypto.verifyPrivKey(privKey, floID))
+                return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Invalid Private Key", errorCode.INVALID_PRIVATE_KEY));
+            let btc_id = btcOperator.convert.legacy2bech(floID),
+                btc_sink = btcOperator.convert.legacy2bech(sinkID);
+            btcOperator.sendTx(btc_id, privKey, btc_sink, quantity, null).then(txid => {
+                let request = {
+                    floID: floID,
+                    txid: txid,
+                    coin: "BTC",
+                    timestamp: Date.now()
+                };
+                if (!proxySecret) //Direct signing (without proxy)
+                    request.pubKey = floCrypto.getPubKeyHex(privKey);
+                request.sign = signRequest({
+                    type: "convert_from",
+                    coin: request.coin,
+                    txid: txid,
+                    timestamp: request.timestamp
+                }, proxySecret || privKey);
+                console.debug(request);
+
+                fetch_api('/convert-from', {
+                    method: "POST",
+                    headers: {
+                        'Content-Type': 'application/json'
+                    },
+                    body: JSON.stringify(request)
+                }).then(result => {
+                    responseParse(result, false)
+                        .then(result => resolve(result))
+                        .catch(error => reject(error))
+                }).catch(error => reject(error))
+            }).catch(error => reject(error))
+        })
+    }
+
     exchangeAPI.init = function refreshDataFromBlockchain(adminID = floGlobals.adminID, appName = floGlobals.application) {
         return new Promise((resolve, reject) => {
             let nodes, assets, tags, lastTx;
diff --git a/src/app.js b/src/app.js
index f70cba0..cb63e7e 100644
--- a/src/app.js
+++ b/src/app.js
@@ -85,6 +85,10 @@ module.exports = function App(secret, DB) {
     app.post('/withdraw-token', Request.WithdrawToken);
     app.post('/get-transact', Request.GetUserTransacts);
 
+    //convert from or to coin
+    app.post('/convert-to', Request.ConvertTo);
+    app.post('/convert-from', Request.ConvertFrom);
+
     //Manage user tags (Access to trusted IDs only)
     app.post('/add-tag', Request.AddUserTag);
     app.post('/remove-tag', Request.RemoveUserTag);
diff --git a/src/price.js b/src/price.js
index 2101394..974ba96 100644
--- a/src/price.js
+++ b/src/price.js
@@ -106,47 +106,6 @@ function loadRate(asset) {
     })
 }
 
-/*
-function fetchRates() {
-    return new Promise((resolve, reject) => {
-        fetchRates.FLO_USD().then(FLO_rate => {
-            fetchRates.USD_INR().then(INR_rate => {
-                let FLO_INR_rate = FLO_rate * INR_rate;
-                console.debug('Rates:', FLO_rate, INR_rate, FLO_INR_rate);
-                storeHistory(FLO_INR_rate);
-                resolve(FLO_INR_rate);
-            }).catch(error => reject(error))
-        }).catch(error => reject(error))
-    });
-}
-
-fetchRates.FLO_USD = function() {
-    return new Promise((resolve, reject) => {
-        fetch('https://api.coinlore.net/api/ticker/?id=67').then(response => {
-            if (response.ok) {
-                response.json()
-                    .then(result => resolve(result[0].price_usd))
-                    .catch(error => reject(error));
-            } else
-                reject(response.status);
-        }).catch(error => reject(error));
-    });
-}
-
-fetchRates.USD_INR = function() {
-    return new Promise((resolve, reject) => {
-        fetch('https://api.exchangerate-api.com/v4/latest/usd').then(response => {
-            if (response.ok) {
-                response.json()
-                    .then(result => resolve(result.rates['INR']))
-                    .catch(error => reject(error));
-            } else
-                reject(response.status);
-        }).catch(error => reject(error));
-    });
-}
-*/
-
 function getRates(asset, updatePrice = false) {
     return new Promise((resolve, reject) => {
         loadRate(asset).then(_ => {
diff --git a/src/request.js b/src/request.js
index 10da684..96197ba 100644
--- a/src/request.js
+++ b/src/request.js
@@ -1,6 +1,7 @@
 'use strict';
 
 const market = require("./market");
+const conversion = require('./conversion');
 
 const {
     SIGN_EXPIRE_TIME,
@@ -11,14 +12,14 @@ const eCode = require('../docs/scripts/floExchangeAPI').errorCode;
 
 var DB, trustedIDs, secret; //container for database
 
-global.INVALID = function(ecode, message) {
+global.INVALID = function (ecode, message) {
     if (!(this instanceof INVALID))
         return new INVALID(ecode, message);
     this.message = message;
     this.ecode = ecode;
 }
 INVALID.e_code = 400;
-INVALID.prototype.toString = function() {
+INVALID.prototype.toString = function () {
     return "E" + this.ecode + ": " + this.message;
 }
 INVALID.str = (ecode, message) => INVALID(ecode, message).toString();
@@ -29,7 +30,7 @@ global.INTERNAL = function INTERNAL(message) {
     this.message = message;
 }
 INTERNAL.e_code = 500;
-INTERNAL.prototype.toString = function() {
+INTERNAL.prototype.toString = function () {
     return "E" + eCode.INTERNAL_ERROR + ": " + this.message;
 }
 INTERNAL.str = (ecode, message) => INTERNAL(ecode, message).toString();
@@ -96,7 +97,7 @@ function logRequest(floID, req_str, sign, proxy = false) {
         .then(_ => null).catch(error => console.error(error));
 }
 
-function processRequest(res, rText, validateObj, sign, floID, pubKey, marketFn) {
+function processRequest(res, floID, pubKey, sign, rText, validateObj, marketFn) {
     validateRequest(validateObj, sign, floID, pubKey).then(req_str => {
         marketFn().then(result => {
             logRequest(floID, req_str, sign, !pubKey);
@@ -150,185 +151,175 @@ function Login(req, res) {
     else if (!data.pubKey)
         res.status(INVALID.e_code).send(INVALID.str(eCode.MISSING_PARAMETER, "Public key missing"));
     else
-        processRequest(res, "Login", {
-                type: "login",
-                random: data.code,
-                proxyKey: data.proxyKey,
-                timestamp: data.timestamp
-            }, data.sign, data.floID, data.pubKey,
-            () => market.login(data.floID, data.proxyKey)
-        );
+        processRequest(res, data.floID, data.pubKey, data.sign, "Login", {
+            type: "login",
+            random: data.code,
+            proxyKey: data.proxyKey,
+            timestamp: data.timestamp
+        }, () => market.login(data.floID, data.proxyKey));
 }
 
 function Logout(req, res) {
     let data = req.body;
-    processRequest(res, "Logout", {
-            type: "logout",
-            timestamp: data.timestamp
-        }, data.sign, data.floID, data.pubKey,
-        () => market.logout(data.floID)
-    );
+    processRequest(res, data.floID, data.pubKey, data.sign, "Logout", {
+        type: "logout",
+        timestamp: data.timestamp
+    }, () => market.logout(data.floID));
 }
 
 function PlaceSellOrder(req, res) {
     let data = req.body;
-    processRequest(res, "Sell order placement", {
-            type: "sell_order",
-            asset: data.asset,
-            quantity: data.quantity,
-            min_price: data.min_price,
-            timestamp: data.timestamp
-        }, data.sign, data.floID, data.pubKey,
-        () => market.addSellOrder(data.floID, data.asset, data.quantity, data.min_price)
-    );
+    processRequest(res, data.floID, data.pubKey, data.sign, "Sell order placement", {
+        type: "sell_order",
+        asset: data.asset,
+        quantity: data.quantity,
+        min_price: data.min_price,
+        timestamp: data.timestamp
+    }, () => market.addSellOrder(data.floID, data.asset, data.quantity, data.min_price));
 }
 
 function PlaceBuyOrder(req, res) {
     let data = req.body;
-    processRequest(res, "Buy order placement", {
-            type: "buy_order",
-            asset: data.asset,
-            quantity: data.quantity,
-            max_price: data.max_price,
-            timestamp: data.timestamp
-        }, data.sign, data.floID, data.pubKey,
-        () => market.addBuyOrder(data.floID, data.asset, data.quantity, data.max_price)
-    );
+    processRequest(res, data.floID, data.pubKey, data.sign, "Buy order placement", {
+        type: "buy_order",
+        asset: data.asset,
+        quantity: data.quantity,
+        max_price: data.max_price,
+        timestamp: data.timestamp
+    }, () => market.addBuyOrder(data.floID, data.asset, data.quantity, data.max_price));
 }
 
 function CancelOrder(req, res) {
     let data = req.body;
-    processRequest(res, "Order cancellation", {
-            type: "cancel_order",
-            order: data.orderType,
-            id: data.orderID,
-            timestamp: data.timestamp
-        }, data.sign, data.floID, data.pubKey,
-        () => market.cancelOrder(data.orderType, data.orderID, data.floID)
-    );
+    processRequest(res, data.floID, data.pubKey, data.sign, "Order cancellation", {
+        type: "cancel_order",
+        order: data.orderType,
+        id: data.orderID,
+        timestamp: data.timestamp
+    }, () => market.cancelOrder(data.orderType, data.orderID, data.floID));
 }
 
 function TransferToken(req, res) {
     let data = req.body;
-    processRequest(res, "Token Transfer", {
-            type: "transfer_token",
-            receiver: JSON.stringify(data.receiver),
-            token: data.token,
-            timestamp: data.timestamp
-        }, data.sign, data.floID, data.pubKey,
-        () => market.transferToken(data.floID, data.receiver, data.token)
-    );
+    processRequest(res, data.floID, data.pubKey, data.sign, "Token Transfer", {
+        type: "transfer_token",
+        receiver: JSON.stringify(data.receiver),
+        token: data.token,
+        timestamp: data.timestamp
+    }, () => market.transferToken(data.floID, data.receiver, data.token));
 }
 
 function DepositFLO(req, res) {
     let data = req.body;
-    processRequest(res, "Deposit FLO", {
-            type: "deposit_flo",
-            txid: data.txid,
-            timestamp: data.timestamp
-        }, data.sign, data.floID, data.pubKey,
-        () => market.depositFLO(data.floID, data.txid)
-    );
+    processRequest(res, data.floID, data.pubKey, data.sign, "Deposit FLO", {
+        type: "deposit_flo",
+        txid: data.txid,
+        timestamp: data.timestamp
+    }, () => market.depositFLO(data.floID, data.txid));
 }
 
 function WithdrawFLO(req, res) {
     let data = req.body;
-    processRequest(res, "Withdraw FLO", {
-            type: "withdraw_flo",
-            amount: data.amount,
-            timestamp: data.timestamp
-        }, data.sign, data.floID, data.pubKey,
-        () => market.withdrawFLO(data.floID, data.amount)
-    );
+    processRequest(res, data.floID, data.pubKey, data.sign, "Withdraw FLO", {
+        type: "withdraw_flo",
+        amount: data.amount,
+        timestamp: data.timestamp
+    }, () => market.withdrawFLO(data.floID, data.amount));
 }
 
 function DepositToken(req, res) {
     let data = req.body;
-    processRequest(res, "Deposit Token", {
-            type: "deposit_token",
-            txid: data.txid,
-            timestamp: data.timestamp
-        }, data.sign, data.floID, data.pubKey,
-        () => market.depositToken(data.floID, data.txid)
-    );
+    processRequest(res, data.floID, data.pubKey, data.sign, "Deposit Token", {
+        type: "deposit_token",
+        txid: data.txid,
+        timestamp: data.timestamp
+    }, () => market.depositToken(data.floID, data.txid));
 }
 
 function WithdrawToken(req, res) {
     let data = req.body;
-    processRequest(res, "Withdraw Token", {
-            type: "withdraw_token",
-            token: data.token,
-            amount: data.amount,
-            timestamp: data.timestamp
-        }, data.sign, data.floID, data.pubKey,
-        () => market.withdrawToken(data.floID, data.token, data.amount)
-    );
+    processRequest(res, data.floID, data.pubKey, data.sign, "Withdraw Token", {
+        type: "withdraw_token",
+        token: data.token,
+        amount: data.amount,
+        timestamp: data.timestamp
+    }, () => market.withdrawToken(data.floID, data.token, data.amount));
 }
 
 function GetUserTransacts(req, res) {
     let data = req.body;
-    processRequest(res, "User Transacts", {
-            type: "get_transact",
-            timestamp: data.timestamp
-        }, data.sign, data.floID, data.pubKey,
-        () => market.getUserTransacts(data.floID)
-    );
+    processRequest(res, data.floID, data.pubKey, data.sign, "User Transacts", {
+        type: "get_transact",
+        timestamp: data.timestamp
+    }, () => market.getUserTransacts(data.floID));
 }
 
 function AddUserTag(req, res) {
     let data = req.body;
     if (!trustedIDs.includes(data.floID))
         res.status(INVALID.e_code).send(INVALID.str(eCode.ACCESS_DENIED, "Access Denied"));
-    else processRequest(res, "Add user-tag", {
-            type: "add_tag",
-            user: data.user,
-            tag: data.tag,
-            timestamp: data.timestamp
-        }, data.sign, data.floID, data.pubKey,
-        () => market.addTag(data.user, data.tag)
-    );
+    else processRequest(res, data.floID, data.pubKey, data.sign, "Add user-tag", {
+        type: "add_tag",
+        user: data.user,
+        tag: data.tag,
+        timestamp: data.timestamp
+    }, () => market.addTag(data.user, data.tag));
 }
 
 function RemoveUserTag(req, res) {
     let data = req.body;
     if (!trustedIDs.includes(data.floID))
         res.status(INVALID.e_code).send(INVALID.str(eCode.ACCESS_DENIED, "Access Denied"));
-    else processRequest(res, "Remove user-tag", {
-            type: "remove_tag",
-            user: data.user,
-            tag: data.tag,
-            timestamp: data.timestamp
-        }, data.sign, data.floID, data.pubKey,
-        () => market.removeTag(data.user, data.tag)
-    );
+    else processRequest(res, data.floID, data.pubKey, data.sign, "Remove user-tag", {
+        type: "remove_tag",
+        user: data.user,
+        tag: data.tag,
+        timestamp: data.timestamp
+    }, () => market.removeTag(data.user, data.tag));
 }
 
 function AddDistributor(req, res) {
     let data = req.body;
     if (!trustedIDs.includes(data.floID))
         res.status(INVALID.e_code).send(INVALID.str(eCode.ACCESS_DENIED, "Access Denied"));
-    else processRequest(res, "Add distributor", {
-            type: "add_distributor",
-            distributor: data.distributor,
-            asset: data.asset,
-            timestamp: data.timestamp
-        }, data.sign, data.floID, data.pubKey,
-        () => market.addDistributor(data.distributor, data.asset)
-    );
+    else processRequest(res, data.floID, data.pubKey, data.sign, "Add distributor", {
+        type: "add_distributor",
+        distributor: data.distributor,
+        asset: data.asset,
+        timestamp: data.timestamp
+    }, () => market.addDistributor(data.distributor, data.asset));
 }
 
 function RemoveDistributor(req, res) {
     let data = req.body;
     if (!trustedIDs.includes(data.floID))
         res.status(INVALID.e_code).send(INVALID.str(eCode.ACCESS_DENIED, "Access Denied"));
-    else processRequest(res, "Remove distributor", {
-            type: "remove_distributor",
-            distributor: data.distributor,
-            asset: data.asset,
-            timestamp: data.timestamp
-        }, data.sign, data.floID, data.pubKey,
-        () => market.removeDistributor(data.distributor, data.asset)
-    );
+    else processRequest(res, data.floID, data.pubKey, data.sign, "Remove distributor", {
+        type: "remove_distributor",
+        distributor: data.distributor,
+        asset: data.asset,
+        timestamp: data.timestamp
+    }, () => market.removeDistributor(data.distributor, data.asset));
+}
+
+function ConvertTo(req, res) {
+    let data = req.body;
+    processRequest(res, data.floID, data.pubKey, data.sign, "Conversion", {
+        type: "convert_to",
+        coin: data.coin,
+        txid: data.txid,
+        timestamp: data.timestamp
+    }, () => conversion.convertToCoin(data.floID, data.txid, data.coin));
+}
+
+function ConvertFrom(req, res) {
+    let data = req.body;
+    processRequest(res, data.floID, data.pubKey, data.sign, "Conversion", {
+        type: "convert_from",
+        coin: data.coin,
+        txid: data.txid,
+        timestamp: data.timestamp
+    }, () => conversion.convertFromCoin(data.floID, data.txid, data.coin));
 }
 
 /* Public Requests */
@@ -364,11 +355,11 @@ function ListSellOrders(req, res) {
                 " GROUP BY SellOrder.id" +
                 " ORDER BY MAX(TagList.sellPriority) DESC, MIN(SellChips.locktime) ASC, SellOrder.time_placed ASC" +
                 " LIMIT 100", [asset || null])
-            .then(result => res.send(result))
-            .catch(error => {
-                console.error(error);
-                res.status(INTERNAL.e_code).send(INTERNAL.str("Try again later!"));
-            });
+                .then(result => res.send(result))
+                .catch(error => {
+                    console.error(error);
+                    res.status(INTERNAL.e_code).send(INTERNAL.str("Try again later!"));
+                });
     }
 
 }
@@ -390,11 +381,11 @@ function ListBuyOrders(req, res) {
                 " GROUP BY BuyOrder.id" +
                 " ORDER BY MAX(TagList.buyPriority) DESC, BuyOrder.time_placed ASC" +
                 " LIMIT 100", [floGlobals.currency, asset || null])
-            .then(result => res.send(result))
-            .catch(error => {
-                console.error(error);
-                res.status(INTERNAL.e_code).send(INTERNAL.str("Try again later!"));
-            });
+                .then(result => res.send(result))
+                .catch(error => {
+                    console.error(error);
+                    res.status(INTERNAL.e_code).send(INTERNAL.str("Try again later!"));
+                });
     }
 }
 
@@ -409,11 +400,11 @@ function ListTradeTransactions(req, res) {
             DB.query("SELECT * FROM TradeTransactions" +
                 (asset ? " WHERE asset = ?" : "") +
                 " ORDER BY tx_time DESC LIMIT 1000", [asset || null])
-            .then(result => res.send(result))
-            .catch(error => {
-                console.error(error);
-                res.status(INTERNAL.e_code).send(INTERNAL.str("Try again later!"));
-            });
+                .then(result => res.send(result))
+                .catch(error => {
+                    console.error(error);
+                    res.status(INTERNAL.e_code).send(INTERNAL.str("Try again later!"));
+                });
     }
 }
 
@@ -524,6 +515,8 @@ module.exports = {
     RemoveUserTag,
     AddDistributor,
     RemoveDistributor,
+    ConvertTo,
+    ConvertFrom,
     set trustedIDs(ids) {
         trustedIDs = ids;
     },

From 5344b79cdb73c17c53e290c3d3a217e090679934 Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Sat, 8 Oct 2022 19:13:50 +0530
Subject: [PATCH 129/168] Minor Syntax improvements

- Replaced convertDateToString() to new Date() as SQL queries accepts js-object Date
- Pass nested array for bulk insert in backup-restore
---
 .gitignore          |  1 +
 src/backup/slave.js | 23 +++++++++++------------
 src/coupling.js     |  2 +-
 src/market.js       |  2 +-
 src/set_globals.js  | 10 ----------
 5 files changed, 14 insertions(+), 24 deletions(-)

diff --git a/.gitignore b/.gitignore
index 6446ac4..e067b5b 100644
--- a/.gitignore
+++ b/.gitignore
@@ -4,3 +4,4 @@
 /args/param.json
 /args/keys*.json
 *test*
+*.tmp*
diff --git a/src/backup/slave.js b/src/backup/slave.js
index 3bb1621..00df6e5 100644
--- a/src/backup/slave.js
+++ b/src/backup/slave.js
@@ -83,7 +83,7 @@ const requestInstance = {
     checksum_count_down: 0
 };
 
-requestInstance.open = function(ws = null) {
+requestInstance.open = function (ws = null) {
     const self = this;
     //Check if there is an active request 
     if (self.request) {
@@ -109,7 +109,7 @@ requestInstance.open = function(ws = null) {
     }).catch(error => console.error(error))
 }
 
-requestInstance.close = function() {
+requestInstance.close = function () {
     const self = this;
     if (self.onetime)
         self.ws.close();
@@ -252,8 +252,8 @@ function storeBackupData(cache_promises, checksum_ref) {
                                                     resolve(true);
                                                 else
                                                     verifyChecksum(checksum_ref)
-                                                    .then(result => resolve(result))
-                                                    .catch(error => reject(error))
+                                                        .then(result => resolve(result))
+                                                        .catch(error => reject(error))
                                             });
                                         })
                                     })
@@ -276,7 +276,7 @@ function storeBackupData(cache_promises, checksum_ref) {
 
 }
 
-storeBackupData.commit = function(data, result) {
+storeBackupData.commit = function (data, result) {
     let promises = [];
     for (let i = 0; i < data.length; i++)
         switch (result[i].status) {
@@ -319,16 +319,15 @@ function updateTableData(table, data) {
     return new Promise((resolve, reject) => {
         if (!data.length)
             return resolve(null);
-        let cols = Object.keys(data[0]),
-            _mark = "(" + Array(cols.length).fill('?') + ")";
-        let values = data.map(r => cols.map(c => validateValue(r[c]))).flat();
-        let statement = `INSERT INTO ${table} (${cols}) VALUES ${Array(data.length).fill(_mark)}` +
+        let cols = Object.keys(data[0]);
+        let values = data.map(r => cols.map(c => validateValue(r[c])));
+        let statement = `INSERT INTO ${table} (${cols}) VALUES ?` +
             " ON DUPLICATE KEY UPDATE " + cols.map(c => `${c}=VALUES(${c})`).join();
-        DB.query(statement, values).then(_ => resolve(true)).catch(error => reject(error));
+        DB.query(statement, [values]).then(_ => resolve(true)).catch(error => reject(error));
     })
 }
 
-const validateValue = val => (typeof val === "string" && /\.\d{3}Z$/.test(val)) ? global.convertDateToString(val) : val;
+const validateValue = val => (typeof val === "string" && /\.\d{3}Z$/.test(val)) ? new Date(val) : val;
 
 function verifyChecksum(checksum_ref) {
     return new Promise((resolve, reject) => {
@@ -399,7 +398,7 @@ function verifyHash(hashes) {
                     //Data to be deleted (incorrect data will be added by resync)
                     let id_end = result[t].value[1].map(i => i * HASH_N_ROW); //eg if i=2 AND H_R_C = 5 then id_end = 2 * 5 = 10 (ie, range 6-10)
                     Promise.allSettled(id_end.map(i =>
-                            DB.query(`DELETE FROM ${tables[t]} WHERE id BETWEEN ${i - HASH_N_ROW + 1} AND ${i}`))) //eg, i - HASH_N_ROW + 1 = 10 - 5 + 1 = 6
+                        DB.query(`DELETE FROM ${tables[t]} WHERE id BETWEEN ${i - HASH_N_ROW + 1} AND ${i}`))) //eg, i - HASH_N_ROW + 1 = 10 - 5 + 1 = 6
                         .then(_ => null);
                 } else
                     console.error(result[t].reason);
diff --git a/src/coupling.js b/src/coupling.js
index 0cfdc05..994c3df 100644
--- a/src/coupling.js
+++ b/src/coupling.js
@@ -195,7 +195,7 @@ function processOrders(seller_best, buyer_best, asset, cur_rate, quantity) {
     }));
     txQueries.push([
         "INSERT INTO TradeTransactions (seller, buyer, asset, quantity, unitValue, tx_time, txid) VALUES (?, ?, ?, ?, ?, ?, ?)",
-        [seller_best.floID, buyer_best.floID, asset, quantity, cur_rate, global.convertDateToString(time), hash]
+        [seller_best.floID, buyer_best.floID, asset, quantity, cur_rate, new Date(time), hash]
     ]);
 
     return txQueries;
diff --git a/src/market.js b/src/market.js
index 8f96f7d..05a231d 100644
--- a/src/market.js
+++ b/src/market.js
@@ -325,7 +325,7 @@ function transferToken(sender, receivers, token) {
                     }));
                     txQueries.push([
                         "INSERT INTO TransferTransactions (sender, receiver, token, totalAmount, tx_time, txid) VALUE (?, ?, ?, ?, ?, ?)",
-                        [sender, JSON.stringify(receivers), token, totalAmount, global.convertDateToString(time), hash]
+                        [sender, JSON.stringify(receivers), token, totalAmount, new Date(time), hash]
                     ]);
                     DB.transaction(txQueries)
                         .then(result => resolve(hash))
diff --git a/src/set_globals.js b/src/set_globals.js
index ae8f846..f402c37 100644
--- a/src/set_globals.js
+++ b/src/set_globals.js
@@ -2,16 +2,6 @@
 //fetch for node js (used in floBlockchainAPI.js)
 global.fetch = require("node-fetch");
 
-global.convertDateToString = function(timestamp) {
-    let date = new Date(timestamp);
-    return date.getFullYear() + '-' +
-        ('00' + (date.getMonth() + 1)).slice(-2) + '-' +
-        ('00' + date.getDate()).slice(-2) + ' ' +
-        ('00' + date.getHours()).slice(-2) + ':' +
-        ('00' + date.getMinutes()).slice(-2) + ':' +
-        ('00' + date.getSeconds()).slice(-2);
-}
-
 //Set browser paramaters from param.json (or param-default.json)
 var param;
 try {

From fef11b4712a2973965eb984837890fe9d781f574 Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Sun, 9 Oct 2022 23:08:48 +0530
Subject: [PATCH 130/168] moving conversion.js into service folder

---
 src/background.js                |  6 ++--
 src/request.js                   |  2 +-
 src/{ => services}/conversion.js | 51 ++++++++++++++++++++------------
 3 files changed, 36 insertions(+), 23 deletions(-)
 rename src/{ => services}/conversion.js (60%)

diff --git a/src/background.js b/src/background.js
index 101bfda..8a11f92 100644
--- a/src/background.js
+++ b/src/background.js
@@ -1,6 +1,6 @@
 'use strict';
 const blockchain = require('./blockchain');
-const conversion = require('./conversion');
+const conversion_rates = require('./services/conversion').getRate;
 
 const {
     LAUNCH_SELLER_TAG,
@@ -219,7 +219,7 @@ function verifyConvert() {
         results.forEach(req => {
             if (mode == _sql.CONVERT_MODE_GET) {
                 verifyTx.token(req.floID, req.in_txid, true).then(({ amount }) => {
-                    conversion.getRate().then(rate => {
+                    conversion_rates.BTC_INR().then(rate => {
                         blockchain.convertToCoin.init(req.floID, "BTC", amount, amount / rate, req.id)
                     }).catch(error => console.error(error))
                 }).catch(error => {
@@ -230,7 +230,7 @@ function verifyConvert() {
                 });
             } else if (mode == _sql.CONVERT_MODE_PUT) {
                 verifyTx.BTC(req.floID, req.in_txid).then(quantity => {
-                    conversion.getRate().then(rate => {
+                    conversion_rates.BTC_INR().then(rate => {
                         blockchain.convertFromCoin.init(req.floID, quantity * rate, quantity, req.id)
                     }).catch(error => console.error(error))
                 }).catch(error => {
diff --git a/src/request.js b/src/request.js
index 96197ba..67a4710 100644
--- a/src/request.js
+++ b/src/request.js
@@ -1,7 +1,7 @@
 'use strict';
 
 const market = require("./market");
-const conversion = require('./conversion');
+const conversion = require('./services/conversion');
 
 const {
     SIGN_EXPIRE_TIME,
diff --git a/src/conversion.js b/src/services/conversion.js
similarity index 60%
rename from src/conversion.js
rename to src/services/conversion.js
index f8829d7..11ea830 100644
--- a/src/conversion.js
+++ b/src/services/conversion.js
@@ -1,17 +1,21 @@
-const _sql = require('./_constants').sql;
+const _sql = require('../_constants').sql;
+const eCode = require('../../docs/scripts/floExchangeAPI').errorCode;
+
 const allowedConversion = ["BTC"];
 
-function getRate() {
+var DB; //container for database
+
+function BTC_INR() {
     return new Promise((resolve, reject) => {
-        getRate.BTC_USD().then(BTC_rate => {
-            getRate.USD_INR().then(INR_rate => {
-                resolve(BTC_rate * INR_rate);
+        BTC_USD().then(btc_usd => {
+            USD_INR().then(usd_inr => {
+                resolve(btc_usd * usd_inr);
             }).catch(error => reject(error))
         }).catch(error => reject(error))
     })
 }
 
-getRate.BTC_USD = function () {
+function BTC_USD() {
     return new Promise((resolve, reject) => {
         fetch('https://api.coinlore.net/api/ticker/?id=90').then(response => {
             if (response.ok) {
@@ -24,7 +28,7 @@ getRate.BTC_USD = function () {
     });
 }
 
-getRate.USD_INR = function () {
+function USD_INR() {
     return new Promise((resolve, reject) => {
         fetch('https://api.exchangerate-api.com/v4/latest/usd').then(response => {
             if (response.ok) {
@@ -53,20 +57,29 @@ function convertToCoin(floID, txid, coin) {
 }
 
 function convertFromCoin(floID, txid, coin) {
-    if (!allowedConversion.includes(coin))
-        return reject(INVALID(eCode.INVALID_TOKEN_NAME, `Invalid coin (${coin})`));
-    DB.query("SELECT status FROM DirectConvert WHERE in_txid=? AND floID=? mode=?", [txid, floID, _sql.CONVERT_MODE_PUT]).then(result => {
-        if (result.length)
-            return reject(INVALID(eCode.DUPLICATE_ENTRY, "Transaction already in process"));
-        else
-            DB.query("INSERT INTO DirectConvert(floID, in_txid, mode, coin, status) VALUES (?, ?, ?, ?, ?)", [floID, txid, _sql.CONVERT_MODE_PUT, coin, "PENDING"])
-                .then(result => resolve("Conversion request in process"))
-                .catch(error => reject(error));
-    }).catch(error => reject(error))
+    return new Promise((resolve, reject) => {
+        if (!allowedConversion.includes(coin))
+            return reject(INVALID(eCode.INVALID_TOKEN_NAME, `Invalid coin (${coin})`));
+        DB.query("SELECT status FROM DirectConvert WHERE in_txid=? AND floID=? mode=?", [txid, floID, _sql.CONVERT_MODE_PUT]).then(result => {
+            if (result.length)
+                return reject(INVALID(eCode.DUPLICATE_ENTRY, "Transaction already in process"));
+            else
+                DB.query("INSERT INTO DirectConvert(floID, in_txid, mode, coin, status) VALUES (?, ?, ?, ?, ?)", [floID, txid, _sql.CONVERT_MODE_PUT, coin, "PENDING"])
+                    .then(result => resolve("Conversion request in process"))
+                    .catch(error => reject(error));
+        }).catch(error => reject(error))
+    })
 }
 
 module.exports = {
-    getRate,
+    getRate: {
+        BTC_USD,
+        USD_INR,
+        BTC_INR
+    },
     convertToCoin,
-    convertFromCoin
+    convertFromCoin,
+    set DB(db) {
+        DB = db;
+    }
 }
\ No newline at end of file

From 90d2a4764e6c6babef8e6575a4bdb0b63aff553f Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Mon, 10 Oct 2022 19:19:18 +0530
Subject: [PATCH 131/168] Close-Blockchain-bond support

- Adding feature to close blockchain bonds upon user requests (when lock-in period is over)
- Improved some syntax and structure of coding
---
 args/schema.sql       |  34 ++++++
 src/background.js     | 147 ++++++++++++++----------
 src/blockchain.js     |  72 +++++++-----
 src/market.js         |  13 +--
 src/services/bonds.js | 255 ++++++++++++++++++++++++++++++++++++++++++
 5 files changed, 423 insertions(+), 98 deletions(-)
 create mode 100644 src/services/bonds.js

diff --git a/args/schema.sql b/args/schema.sql
index 0e15a73..c8a52e6 100644
--- a/args/schema.sql
+++ b/args/schema.sql
@@ -214,6 +214,39 @@ CREATE TABLE AuditTrade(
 
 /* External Service */
 
+CREATE TABLE BlockchainBonds(
+    bond_id VARCHAR(128) NOT NULL,
+    floID CHAR(34) NOT NULL,
+    amount_in DECIMAL(16, 2) NOT NULL,
+    begin_date DATE NOT NULL,
+    btc_base DECIMAL(16, 2) NOT NULL,
+    usd_base DECIMAL(16, 2) NOT NULL,
+    gain_cut DECIMAL(6, 5) NOT NULL,
+    min_ipa DECIMAL(6, 5) NOT NULL,
+    max_period VARCHAR(10) NOT NULL,
+    lockin_period VARCHAR(10) NOT NULL,
+    close_id VARCHAR(128),
+    amount_out DECIMAL(16, 2),
+    PRIMARY KEY(bond_id)
+);
+
+CREATE TABLE CloseBondTransact(
+    id INT NOT NULL AUTO_INCREMENT,
+    bond_id VARCHAR(128) NOT NULL,
+    floID CHAR(34) NOT NULL,
+    amount DECIMAL(16, 2) NOT NULL,
+    end_date DATE NOT NULL,
+    ref_sign VARCHAR(180) NOT NULL,
+    btc_net DECIMAL(16, 2) NOT NULL,
+    usd_net DECIMAL(16, 2) NOT NULL,
+    txid VARCHAR(128),
+    close_id VARCHAR(128),
+    status VARCHAR(50) NOT NULL,
+    KEY(id),
+    PRIMARY KEY(bond_id),
+    FOREIGN KEY (bond_id) REFERENCES BlockchainBonds(bond_id)
+);
+
 CREATE TABLE DirectConvert(
     id INT NOT NULL AUTO_INCREMENT,
     floID CHAR(34) NOT NULL,
@@ -225,6 +258,7 @@ CREATE TABLE DirectConvert(
     out_txid VARCHAR(128),
     locktime TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
     status VARCHAR(50) NOT NULL,
+    PRIMARY KEY(id)
 );
 
 /* Backup Feature (Tables & Triggers) */
diff --git a/src/background.js b/src/background.js
index 8a11f92..2f3b431 100644
--- a/src/background.js
+++ b/src/background.js
@@ -1,12 +1,14 @@
 'use strict';
 const blockchain = require('./blockchain');
 const conversion_rates = require('./services/conversion').getRate;
+const bond_util = require('./services/bonds').util;
 
 const {
     LAUNCH_SELLER_TAG,
     MAXIMUM_LAUNCH_SELL_CHIPS,
 } = require('./_constants')["market"];
 
+var DB; //container for database
 const _sql = require('./_constants').sql;
 
 var updateBalance; // container for updateBalance function
@@ -15,19 +17,19 @@ const verifyTx = {};
 
 function confirmDepositFLO() {
     DB.query("SELECT id, floID, txid FROM DepositCoin WHERE coin=? AND status=?", ["FLO", "PENDING"]).then(results => {
-        results.forEach(req => {
-            verifyTx.FLO(req.floID, req.txid).then(amount => {
-                addSellChipsIfLaunchSeller(req.floID, amount).then(txQueries => {
-                    txQueries.push(updateBalance.add(req.floID, "FLO", amount));
-                    txQueries.push(["UPDATE DepositCoin SET status=?, amount=? WHERE id=?", ["SUCCESS", amount, req.id]]);
+        results.forEach(r => {
+            verifyTx.FLO(r.floID, r.txid).then(amount => {
+                addSellChipsIfLaunchSeller(r.floID, amount).then(txQueries => {
+                    txQueries.push(updateBalance.add(r.floID, "FLO", amount));
+                    txQueries.push(["UPDATE DepositCoin SET status=?, amount=? WHERE id=?", ["SUCCESS", amount, r.id]]);
                     DB.transaction(txQueries)
-                        .then(result => console.debug("FLO deposited:", req.floID, amount))
+                        .then(result => console.debug("FLO deposited:", r.floID, amount))
                         .catch(error => console.error(error))
                 }).catch(error => console.error(error))
             }).catch(error => {
                 console.error(error);
                 if (error[0])
-                    DB.query("UPDATE DepositCoin SET status=? WHERE id=?", ["REJECTED", req.id])
+                    DB.query("UPDATE DepositCoin SET status=? WHERE id=?", ["REJECTED", r.id])
                         .then(_ => null).catch(error => console.error(error));
             });
         })
@@ -90,25 +92,25 @@ function addSellChipsIfLaunchSeller(floID, quantity) {
 
 function confirmDepositToken() {
     DB.query("SELECT id, floID, txid FROM DepositToken WHERE status=?", ["PENDING"]).then(results => {
-        results.forEach(req => {
-            verifyTx.token(req.floID, req.txid).then(({ token, amount, flo_amount }) => {
-                DB.query("SELECT id FROM DepositCoin where floID=? AND coin=? AND txid=?", [req.floID, "FLO", req.txid]).then(result => {
+        results.forEach(r => {
+            verifyTx.token(r.floID, r.txid).then(({ token, amount, flo_amount }) => {
+                DB.query("SELECT id FROM DepositCoin where floID=? AND coin=? AND txid=?", [r.floID, "FLO", r.txid]).then(result => {
                     let txQueries = [];
                     //Add the FLO balance if necessary
                     if (!result.length) {
-                        txQueries.push(updateBalance.add(req.floID, "FLO", flo_amount));
-                        txQueries.push(["INSERT INTO DepositCoin(txid, floID, coin, amount, status) VALUES (?, ?, ?, ?, ?)", [req.txid, req.floID, "FLO", flo_amount, "SUCCESS"]]);
+                        txQueries.push(updateBalance.add(r.floID, "FLO", flo_amount));
+                        txQueries.push(["INSERT INTO DepositCoin(txid, floID, coin, amount, status) VALUES (?, ?, ?, ?, ?)", [r.txid, r.floID, "FLO", flo_amount, "SUCCESS"]]);
                     }
-                    txQueries.push(["UPDATE DepositToken SET status=?, token=?, amount=? WHERE id=?", ["SUCCESS", token, amount, req.id]]);
-                    txQueries.push(updateBalance.add(req.floID, token, amount));
+                    txQueries.push(["UPDATE DepositToken SET status=?, token=?, amount=? WHERE id=?", ["SUCCESS", token, amount, r.id]]);
+                    txQueries.push(updateBalance.add(r.floID, token, amount));
                     DB.transaction(txQueries)
-                        .then(result => console.debug("Token deposited:", req.floID, token, amount))
+                        .then(result => console.debug("Token deposited:", r.floID, token, amount))
                         .catch(error => console.error(error));
                 }).catch(error => console.error(error));
             }).catch(error => {
                 console.error(error);
                 if (error[0])
-                    DB.query("UPDATE DepositToken SET status=? WHERE id=?", ["REJECTED", req.id])
+                    DB.query("UPDATE DepositToken SET status=? WHERE id=?", ["REJECTED", r.id])
                         .then(_ => null).catch(error => console.error(error));
             });
         })
@@ -142,24 +144,24 @@ verifyTx.token = function (sender, txid, currencyOnly = false) {
 
 function retryWithdrawalCoin() {
     DB.query("SELECT id, floID, coin, amount FROM WithdrawCoin WHERE status=?", ["PENDING"]).then(results => {
-        results.forEach(req => blockchain.sendCoin.retry(req.floID, req.coin, req.amount, req.id));
+        results.forEach(r => blockchain.sendCoin.retry(r.floID, r.coin, r.amount, r.id));
     }).catch(error => console.error(error));
 }
 
 function retryWithdrawalToken() {
     DB.query("SELECT id, floID, token, amount FROM WithdrawToken WHERE status=?", ["PENDING"]).then(results => {
-        results.forEach(req => blockchain.sendToken.retry(req.floID, req.token, req.amount, req.id));
+        results.forEach(r => blockchain.sendToken.retry(r.floID, r.token, r.amount, r.id));
     }).catch(error => console.error(error));
 }
 
 function confirmWithdrawalFLO() {
     DB.query("SELECT id, floID, amount, txid FROM WithdrawCoin WHERE coin=? AND status=?", ["FLO", "WAITING_CONFIRMATION"]).then(results => {
-        results.forEach(req => {
-            floBlockchainAPI.getTx(req.txid).then(tx => {
+        results.forEach(r => {
+            floBlockchainAPI.getTx(r.txid).then(tx => {
                 if (!tx.blockheight || !tx.confirmations) //Still not confirmed
                     return;
-                DB.query("UPDATE WithdrawCoin SET status=? WHERE id=?", ["SUCCESS", req.id])
-                    .then(result => console.debug("FLO withdrawed:", req.floID, req.amount))
+                DB.query("UPDATE WithdrawCoin SET status=? WHERE id=?", ["SUCCESS", r.id])
+                    .then(result => console.debug("FLO withdrawed:", r.floID, r.amount))
                     .catch(error => console.error(error))
             }).catch(error => console.error(error));
         })
@@ -168,12 +170,12 @@ function confirmWithdrawalFLO() {
 
 function confirmWithdrawalBTC() {
     DB.query("SELECT id, floID, amount, txid FROM WithdrawCoin WHERE coin=? AND status=?", ["BTC", "WAITING_CONFIRMATION"]).then(results => {
-        results.forEach(req => {
-            btcOperator.getTx(req.txid).then(tx => {
+        results.forEach(r => {
+            btcOperator.getTx(r.txid).then(tx => {
                 if (!tx.blockhash || !tx.confirmations) //Still not confirmed
                     return;
-                DB.query("UPDATE WithdrawCoin SET status=? WHERE id=?", ["SUCCESS", req.id])
-                    .then(result => console.debug("BTC withdrawed:", req.floID, req.amount))
+                DB.query("UPDATE WithdrawCoin SET status=? WHERE id=?", ["SUCCESS", r.id])
+                    .then(result => console.debug("BTC withdrawed:", r.floID, r.amount))
                     .catch(error => console.error(error))
             }).catch(error => console.error(error));
         })
@@ -182,10 +184,10 @@ function confirmWithdrawalBTC() {
 
 function confirmWithdrawalToken() {
     DB.query("SELECT id, floID, token, amount, txid FROM WithdrawToken WHERE status=?", ["WAITING_CONFIRMATION"]).then(results => {
-        results.forEach(req => {
-            floTokenAPI.getTx(req.txid).then(tx => {
-                DB.query("UPDATE WithdrawToken SET status=? WHERE id=?", ["SUCCESS", req.id])
-                    .then(result => console.debug("Token withdrawed:", req.floID, req.token, req.amount))
+        results.forEach(r => {
+            floTokenAPI.getTx(r.txid).then(tx => {
+                DB.query("UPDATE WithdrawToken SET status=? WHERE id=?", ["SUCCESS", r.id])
+                    .then(result => console.debug("Token withdrawed:", r.floID, r.token, r.amount))
                     .catch(error => console.error(error));
             }).catch(error => console.error(error));
         })
@@ -216,27 +218,27 @@ verifyTx.BTC = function (sender, txid) {
 
 function verifyConvert() {
     DB.query("SELECT id, floID, mode, in_txid FROM DirectConvert WHERE status=? AND coin=?", ["PENDING", "BTC"]).then(results => {
-        results.forEach(req => {
+        results.forEach(r => {
             if (mode == _sql.CONVERT_MODE_GET) {
-                verifyTx.token(req.floID, req.in_txid, true).then(({ amount }) => {
+                verifyTx.token(r.floID, r.in_txid, true).then(({ amount }) => {
                     conversion_rates.BTC_INR().then(rate => {
-                        blockchain.convertToCoin.init(req.floID, "BTC", amount, amount / rate, req.id)
+                        blockchain.convertToCoin.init(r.floID, "BTC", amount, amount / rate, r.id)
                     }).catch(error => console.error(error))
                 }).catch(error => {
                     console.error(error);
                     if (error[0])
-                        DB.query("UPDATE DirectConvert SET status=? WHERE id=?", ["REJECTED", req.id])
+                        DB.query("UPDATE DirectConvert SET status=? WHERE id=?", ["REJECTED", r.id])
                             .then(_ => null).catch(error => console.error(error));
                 });
             } else if (mode == _sql.CONVERT_MODE_PUT) {
-                verifyTx.BTC(req.floID, req.in_txid).then(quantity => {
+                verifyTx.BTC(r.floID, r.in_txid).then(quantity => {
                     conversion_rates.BTC_INR().then(rate => {
-                        blockchain.convertFromCoin.init(req.floID, quantity * rate, quantity, req.id)
+                        blockchain.convertFromCoin.init(r.floID, quantity * rate, quantity, r.id)
                     }).catch(error => console.error(error))
                 }).catch(error => {
                     console.error(error);
                     if (error[0])
-                        DB.query("UPDATE DirectConvert SET status=? WHERE id=?", ["REJECTED", req.id])
+                        DB.query("UPDATE DirectConvert SET status=? WHERE id=?", ["REJECTED", r.id])
                             .then(_ => null).catch(error => console.error(error));
                 });
             }
@@ -246,48 +248,79 @@ function verifyConvert() {
 
 function retryConvert() {
     DB.query("SELECT id, floID, mode, amount, quantity FROM DirectConvert WHERE status=? AND coin=?", ["PROCESSING", "BTC"]).then(results => {
-        results.forEach(req => {
+        results.forEach(r => {
             if (mode == _sql.CONVERT_MODE_GET)
-                blockchain.convertToCoin.retry(req.floID, "BTC", req.quantity, req.id);
+                blockchain.convertToCoin.retry(r.floID, "BTC", r.quantity, r.id);
             else if (mode == _sql.CONVERT_MODE_PUT)
-                blockchain.convertFromCoin.retry(req.floID, req.amount, req.id)
+                blockchain.convertFromCoin.retry(r.floID, r.amount, r.id)
         })
     }).catch(error => console.error(error))
 }
 
 function confirmConvert() {
     DB.query("SELECT id, floID, mode, amount, quantity, out_txid FROM DirectConvert WHERE status=? AND coin=?", ["WAITING_CONFIRMATION", "BTC"]).then(results => {
-        results.forEach(req => {
+        results.forEach(r => {
             if (mode == _sql.CONVERT_MODE_GET)
-                btcOperator.getTx(req.out_txid).then(tx => {
+                btcOperator.getTx(r.out_txid).then(tx => {
                     if (!tx.blockhash || !tx.confirmations) //Still not confirmed
                         return;
-                    DB.query("UPDATE DirectConvert SET status=? WHERE id=?", ["SUCCESS", req.id])
-                        .then(result => console.debug(`${req.floID} converted ${amount} to ${req.quantity} BTC`))
+                    DB.query("UPDATE DirectConvert SET status=? WHERE id=?", ["SUCCESS", r.id])
+                        .then(result => console.debug(`${r.floID} converted ${amount} to ${r.quantity} BTC`))
                         .catch(error => console.error(error))
                 }).catch(error => console.error(error));
             else if (mode == _sql.CONVERT_MODE_PUT)
-                floTokenAPI.getTx(req.out_txid).then(tx => {
-                    DB.query("UPDATE DirectConvert SET status=? WHERE id=?", ["SUCCESS", req.id])
-                        .then(result => console.debug(`${req.floID} converted ${req.quantity} BTC to ${amount}`))
+                floTokenAPI.getTx(r.out_txid).then(tx => {
+                    DB.query("UPDATE DirectConvert SET status=? WHERE id=?", ["SUCCESS", r.id])
+                        .then(result => console.debug(`${r.floID} converted ${r.quantity} BTC to ${amount}`))
                         .catch(error => console.error(error));
                 }).catch(error => console.error(error));
         })
     }).catch(error => console.error(error));
 }
 
+function retryBondClosing() {
+    DB.query("SELECT id, floID, amount FROM CloseBondTransact WHERE status=?", ["PENDING"]).then(results => {
+        results.forEach(r => blockchain.bondTransact.retry(r.floID, r.amount, r.id))
+    }).catch(error => console.error(error))
+}
+
+function confirmBondClosing() {
+    DB.query("SELECT * FROM CloseBondTransact WHERE status=?", ["WAITING_CONFIRMATION"]).then(result => {
+        results.forEach(r => {
+            floTokenAPI.getTx(r.txid).then(tx => {
+                let closeBondString = bond_util.stringify.end(r.bond_id, r.end_date, r.btc_net, r.usd_net, r.amount, r.ref_sign, r.txid);
+                floBlockchainAPI.writeData(global.myFloID, closeBondString, global.myPrivKey, bond_util.config.adminID).then(txid => {
+                    DB.query("UPDATE CloseBondTransact SET status=?, close_id=? WHERE id=?", ["SUCCESS", txid, r.id])
+                        .then(result => console.debug("Bond closed:", r.bond_id))
+                        .catch(error => console.error(error));
+                }).catch(error => console.error(error))
+            }).catch(error => console.error(error));
+        })
+    }).catch(error => reject(error))
+}
+
+function processAll() {
+    confirmDepositFLO();
+    confirmDepositToken();
+    retryWithdrawalCoin();
+    retryWithdrawalToken();
+    confirmWithdrawalFLO();
+    confirmWithdrawalBTC();
+    confirmWithdrawalToken();
+    verifyConvert();
+    retryConvert();
+    confirmConvert();
+    retryBondClosing();
+    confirmBondClosing();
+}
+
 module.exports = {
     blockchain,
-    confirmDepositFLO,
-    confirmDepositToken,
-    retryWithdrawalCoin,
-    retryWithdrawalToken,
-    confirmWithdrawalFLO,
-    confirmWithdrawalBTC,
-    confirmWithdrawalToken,
-    verifyConvert,
-    retryConvert,
-    confirmConvert,
+    process: processAll,
+    set DB(db) {
+        DB = db;
+        blockchain.DB = db;
+    },
     set updateBalance(f) {
         updateBalance = f;
     }
diff --git a/src/blockchain.js b/src/blockchain.js
index 812258e..7a475cd 100644
--- a/src/blockchain.js
+++ b/src/blockchain.js
@@ -2,18 +2,20 @@
 
 var collectAndCall; //container for collectAndCall function from backup module
 var chests; //container for blockchain ids (where assets are stored)
+var DB; //container for database
 
-const WITHDRAWAL_MESSAGE = "(withdrawal from market)",
-    TYPE_TOKEN = "TOKEN",
+const TYPE_TOKEN = "TOKEN",
     TYPE_COIN = "COIN",
-    TYPE_CONVERT = "CONVERT";
+    TYPE_CONVERT = "CONVERT",
+    TYPE_BOND = "BOND";
 
 const balance_locked = {},
     balance_cache = {},
     callbackCollection = {
         [TYPE_COIN]: {},
         [TYPE_TOKEN]: {},
-        [TYPE_CONVERT]: {}
+        [TYPE_CONVERT]: {},
+        [TYPE_BOND]: {}
     };
 
 function getBalance(sinkID, asset) {
@@ -55,43 +57,43 @@ function getSinkID(quantity, asset, sinkList = null) {
     })
 }
 
-function sendTx(floID, asset, quantity, sinkID, sinkKey) {
+const WITHDRAWAL_MESSAGE = {
+    [TYPE_COIN]: "(withdrawal from market)",
+    [TYPE_TOKEN]: "(withdrawal from market)",
+    [TYPE_CONVERT]: "(convert coin)",
+    [TYPE_BOND]: "(bond closing)"
+}
+
+function sendTx(floID, asset, quantity, sinkID, sinkKey, message) {
     switch (asset) {
         case "FLO":
-            return floBlockchainAPI.sendTx(sinkID, floID, quantity, sinkKey, WITHDRAWAL_MESSAGE);
+            return floBlockchainAPI.sendTx(sinkID, floID, quantity, sinkKey, message);
         case "BTC":
             let btc_sinkID = btcOperator.convert.legacy2bech(sinkID),
                 btc_receiver = btcOperator.convert.legacy2bech(floID);
             return btcOperator.sendTx(btc_sinkID, sinkKey, btc_receiver, quantity, null);
         default:
-            return floTokenAPI.sendToken(sinkKey, quantity, floID, WITHDRAWAL_MESSAGE, asset);
+            return floTokenAPI.sendToken(sinkKey, quantity, floID, message, asset);
     }
 }
 
-const tableUpdate = {
-    [TYPE_COIN]: (id, txid) => {
-        DB.query("UPDATE WithdrawCoin SET status=?, txid=? WHERE id=?", ["WAITING_CONFIRMATION", txid, id])
-            .then(_ => null).catch(error => console.error(error))
-    },
-    [TYPE_TOKEN]: (id, txid) => {
-        DB.query("UPDATE WithdrawToken SET status=?, txid=? WHERE id=?", ["WAITING_CONFIRMATION", txid, id])
-            .then(_ => null).catch(error => console.error(error))
-    },
-    [TYPE_CONVERT]: (id, txid) => {
-        DB.query("UPDATE DirectConvert SET status=?, out_txid=? WHERE id=?", ["WAITING_CONFIRMATION", txid, id])
-            .then(_ => null).catch(error => console.error(error));
-    }
+const updateSyntax = {
+    [TYPE_COIN]: "UPDATE WithdrawCoin SET status=?, txid=? WHERE id=?",
+    [TYPE_TOKEN]: "UPDATE WithdrawToken SET status=?, txid=? WHERE id=?",
+    [TYPE_CONVERT]: "UPDATE DirectConvert SET status=?, out_txid=? WHERE id=?",
+    [TYPE_BOND]: "UPDATE CloseBondTransact SET status=?, txid=? WHERE id=?"
 };
 
 function sendAsset(floID, asset, quantity, type, id) {
     getSinkID(quantity, asset).then(sinkID => {
         let callback = (sinkKey) => {
             //Send asset to user via API
-            sendTx(floID, asset, quantity, sinkID, sinkKey).then(txid => {
+            sendTx(floID, asset, quantity, sinkID, sinkKey, WITHDRAWAL_MESSAGE[type]).then(txid => {
                 if (!txid)
                     console.error("Transaction not successful");
                 else //Transaction was successful, Add in DB
-                    tableUpdate[type](id, txid);
+                    DB.query(updateSyntax[type], ["WAITING_CONFIRMATION", txid, id])
+                        .then(_ => null).catch(error => console.error(error));
             }).catch(error => console.error(error)).finally(_ => {
                 delete callbackCollection[type][id];
                 balance_locked[sinkID][asset] -= quantity;
@@ -114,8 +116,7 @@ function sendCoin_init(floID, coin, quantity) {
 function sendCoin_retry(floID, coin, quantity, id) {
     if (id in callbackCollection[TYPE_COIN])
         console.debug("A callback is already pending for this Coin transfer");
-    else
-        sendAsset(floID, coin, quantity, TYPE_COIN, id);
+    else sendAsset(floID, coin, quantity, TYPE_COIN, id);
 }
 
 function sendToken_init(floID, token, quantity) {
@@ -127,8 +128,7 @@ function sendToken_init(floID, token, quantity) {
 function sendToken_retry(floID, token, quantity, id) {
     if (id in callbackCollection[TYPE_TOKEN])
         console.debug("A callback is already pending for this Token transfer");
-    else
-        sendAsset(floID, token, quantity, TYPE_TOKEN, id);
+    else sendAsset(floID, token, quantity, TYPE_TOKEN, id);
 }
 
 function convertToCoin_init(floID, coin, currency_amount, coin_quantity, id) {
@@ -139,9 +139,8 @@ function convertToCoin_init(floID, coin, currency_amount, coin_quantity, id) {
 
 function convertToCoin_retry(floID, coin, coin_quantity, id) {
     if (id in callbackCollection[TYPE_CONVERT])
-        console.debug("A callback is already pending for this Coin Convert");
-    else
-        sendAsset(floID, coin, coin_quantity, TYPE_CONVERT, id);
+        console.debug("A callback is already pending for this Coin convert");
+    else sendAsset(floID, coin, coin_quantity, TYPE_CONVERT, id);
 }
 
 function convertFromCoin_init(floID, currency_amount, coin_quantity, id) {
@@ -153,8 +152,13 @@ function convertFromCoin_init(floID, currency_amount, coin_quantity, id) {
 function convertFromCoin_retry(floID, current_amount, id) {
     if (id in callbackCollection[TYPE_CONVERT])
         console.debug("A callback is already pending for this Coin Convert");
-    else
-        sendAsset(floID, floGlobals.currency, current_amount, TYPE_CONVERT, id);
+    else sendAsset(floID, floGlobals.currency, current_amount, TYPE_CONVERT, id);
+}
+
+function bondTransact_retry(floID, amount, id) {
+    if (id in callbackCollection[TYPE_BOND])
+        console.debug("A callback is already pending for this Bond closing");
+    else sendAsset(floID, floGlobals.currency, amount, TYPE_BOND, id);
 }
 
 module.exports = {
@@ -182,5 +186,11 @@ module.exports = {
     convertFromCoin: {
         init: convertFromCoin_init,
         retry: convertFromCoin_retry
+    },
+    bondTransact: {
+        retry: bondTransact_retry
+    },
+    set DB(db) {
+        DB = db;
     }
 }
\ No newline at end of file
diff --git a/src/market.js b/src/market.js
index 05a231d..5d03dc4 100644
--- a/src/market.js
+++ b/src/market.js
@@ -2,6 +2,7 @@
 
 const coupling = require('./coupling');
 const background = require('./background');
+
 const blockchain = background.blockchain;
 
 const {
@@ -504,16 +505,7 @@ function periodicProcess() {
     floBlockchainAPI.promisedAPI('api/blocks?limit=1').then(result => {
         if (lastSyncBlockHeight < result.blocks[0].height) {
             lastSyncBlockHeight = result.blocks[0].height;
-            background.confirmDepositFLO();
-            background.confirmDepositToken();
-            background.retryWithdrawalCoin();
-            background.retryWithdrawalToken();
-            background.confirmWithdrawalFLO();
-            background.confirmWithdrawalBTC();
-            background.confirmWithdrawalToken();
-            background.verifyConvert();
-            background.retryConvert();
-            background.confirmConvert();
+            background.process();
             console.debug("Last Block :", lastSyncBlockHeight);
         }
     }).catch(error => console.error(error));
@@ -558,6 +550,7 @@ module.exports = {
     set DB(db) {
         DB = db;
         coupling.DB = db;
+        blockchain.DB = db;
     },
     set assetList(assets) {
         assetList = assets;
diff --git a/src/services/bonds.js b/src/services/bonds.js
new file mode 100644
index 0000000..6dba81b
--- /dev/null
+++ b/src/services/bonds.js
@@ -0,0 +1,255 @@
+'use strict';
+
+const eCode = require('../eCode_test')// require('../../docs/scripts/floExchangeAPI').errorCode;
+const getRate = require('./conversion').getRate;
+
+var DB; //container for database
+
+const blockchainBond = (function () {
+    const magnitude = m => {
+        switch (m) {
+            case "thousand": return 1000;
+            case "lakh": case "lakhs": return 100000;
+            case "million": return 1000000;
+            case "crore": case "crores": return 10000000;
+            default: return null;
+        }
+    }
+    const parseNumber = (str) => {
+        let n = 0,
+            g = 0;
+        str.toLowerCase().replace(/,/g, '').split(" ").forEach(s => {
+            if (!isNaN(s))
+                g = parseFloat(s);
+            else {
+                let m = magnitude(s);
+                if (m !== null) {
+                    n += m * g;
+                    g = 0;
+                }
+            }
+        });
+        return n + g;
+    }
+    const parsePeriod = (str) => {
+        let P = '', n = 0;
+        str.toLowerCase().replace(/,/g, '').split(" ").forEach(s => {
+            if (!isNaN(s))
+                n = parseFloat(s);
+            else switch (s) {
+                case "year(s)": case "year": case "years": P += (n + 'Y'); n = 0; break;
+                case "month(s)": case "month": case "months": P += (n + 'M'); n = 0; break;
+                case "day(s)": case "day": case "days": P += (n + 'D'); n = 0; break;
+            }
+        });
+        return P;
+    }
+    const dateFormat = (date = null) => {
+        let d = (date ? new Date(date) : new Date()).toDateString();
+        return [d.substring(8, 10), d.substring(4, 7), d.substring(11, 15)].join(" ");
+    }
+    const yearDiff = (d1 = null, d2 = null) => {
+        d1 = d1 ? new Date(d1) : new Date();
+        d2 = d2 ? new Date(d2) : new Date();
+        let y = d1.getYear() - d2.getYear(),
+            m = d1.getMonth() - d2.getMonth(),
+            d = d1.getDate() - d2.getDate()
+        return y + m / 12 + d / 365;
+    }
+
+    const dateAdder = function (start_date, duration) {
+        let date = new Date(start_date);
+        let y = parseInt(duration.match(/\d+Y/)),
+            m = parseInt(duration.match(/\d+M/)),
+            d = parseInt(duration.match(/\d+D/));
+        if (!isNaN(y))
+            date.setFullYear(date.getFullYear() + y);
+        if (!isNaN(m))
+            date.setMonth(date.getMonth() + m);
+        if (!isNaN(d))
+            date.setDate(date.getDate() + d);
+        return date;
+    }
+
+    function calcNetValue(BTC_base, BTC_net, startDate, minIpa, maxPeriod, cut, amount, USD_base, USD_net) {
+        let gain, duration, interest, net;
+        gain = (BTC_net - BTC_base) / BTC_base;
+        duration = yearDiff(Math.min(Date.now(), dateAdder(startDate, maxPeriod).getTime()), startDate);
+        interest = Math.max(cut * gain, minIpa * duration);
+        net = amount / USD_base;
+        net += net * interest;
+        return net * USD_net;
+    }
+
+    function stringify_main(BTC_base, start_date, guaranteed_interest, guarantee_period, gain_cut, amount, USD_base, lockin_period, floID) {
+        return [
+            `Product: RanchiMall Bitcoin Bond`,
+            `Base value: ${BTC_base} USD`,
+            `Date of bond start: ${start_date}`,
+            `Guaranteed interest: ${guaranteed_interest}% per annum simple for ${guarantee_period}`,
+            `Bond value: guaranteed interest or ${gain_cut}% of the gains whichever is higher`,
+            `Amount invested: Rs ${amount}`,
+            `USD INR rate at start: ${USD_base}`,
+            `Lockin period: ${lockin_period}`,
+            `FLO ID of Bond Holder: ${floID}`
+        ].join("|");
+    }
+
+    function parse_main(data) {
+        //Data (add bond) sent by admin 
+        let details = {};
+        data.split("|").forEach(d => {
+            d = d.split(': ');
+            switch (d[0].toLowerCase()) {
+                case "base value":
+                    details["BTC_base"] = parseNumber(d[1].slice(0, -4)); break;
+                case "date of bond start":
+                    details["startDate"] = new Date(d[1]); break;
+                case "guaranteed interest":
+                    details["minIpa"] = parseFloat(d[1].match(/\d+%/)) / 100;
+                    details["maxPeriod"] = parsePeriod(d[1].match(/for .+/).toString()); break;
+                case "bond value":
+                    details["cut"] = parseFloat(d[1].match(/\d+%/)) / 100; break;
+                case "amount invested":
+                    details["amount"] = parseNumber(d[1].substring(3)); break;
+                case "usd inr rate at start":
+                    details["USD_base"] = parseFloat(d[1]); break;
+                case "lockin period":
+                    details["lockinPeriod"] = parsePeriod(d[1]); break;
+                case "flo id of bond holder":
+                    details["floID"] = d[1]; break;
+            }
+        })
+        return details;
+    }
+
+
+    function stringify_end(bond_id, end_date, BTC_net, USD_net, amount, ref_sign, payment_ref) {
+        return [
+            `Product: RanchiMall Bitcoin Bond`,
+            `Bond: ${bond_id}`,
+            `End value: ${BTC_net} USD`,
+            `Date of bond end: ${end_date}`,
+            `USD INR rate at end: ${USD_net}`,
+            `Amount withdrawn: Rs ${amount} via ${payment_ref}`,
+            `Reference: ${ref_sign}`
+        ].join("|");
+    }
+
+    function parse_end(data) {
+        //Data (end bond) send by market nodes
+        let details = {};
+        data.split("|").forEach(d => {
+            d = d.split(': ');
+            switch (d[0].toLowerCase()) {
+                case "bond":
+                    details["bondID"] = d[1];
+                case "end value":
+                    details["BTC_net"] = parseNumber(d[1].slice(0, -4)); break;
+                case "date of bond end":
+                    details["endDate"] = new Date(d[1]); break;
+                case "amount withdrawn":
+                    details["amountFinal"] = parseNumber(d[1].match(/\d.+ via/).toString());
+                    details["payment_refRef"] = d[1].match(/via .+/).toString().substring(4); break;
+                case "usd inr rate at end":
+                    details["USD_net"] = parseFloat(d[1]); break;
+                case "reference":
+                    details["refSign"] = d[1]; break;
+            }
+        })
+    }
+
+    return {
+        dateAdder,
+        dateFormat,
+        calcNetValue,
+        parse: {
+            main: parse_main,
+            end: parse_end
+        },
+        stringify: {
+            main: stringify_main,
+            end: stringify_end
+        }
+    }
+
+})();
+
+blockchainBond.config = {
+    adminID: "FBBstZ2GretgQqDP55yt8iVd4KNZkdvEzH",
+    application: "BlockchainBonds",
+    productStr: "Product: RanchiMall Bitcoin Bond",
+}
+
+function refreshBlockchainData(nodeList = []) {
+    return new Promise((resolve, reject) => {
+        DB.query("SELECT num FROM LastTx WHERE floID=?", [blockchainBond.config.adminID]).then(result => {
+            let lastTx = result.length ? result[0].num : 0;
+            floBlockchainAPI.readData(blockchainBond.config.adminID, {
+                ignoreOld: lastTx,
+                senders: [nodeList].concat(blockchainBond.config.adminID), //sentOnly: true,
+                tx: true,
+                filter: d => d.startsWith(blockchainBond.config.productStr)
+            }).then(result => {
+                let promises = [];
+                result.data.forEach(d => {
+                    let bond = d.senders.has(blockchainBond.config.adminID) ? blockchainBond.parse.main(d.data) : null;
+                    if (bond && bond.amount)
+                        promises.push(DB.query("INSERT INTO BlockchainBonds(bond_id, floID, amount_in, begin_date, btc_base, usd_base, gain_cut, min_ipa, max_period, lockin_period) VALUES ? ON DUPLICATE KEY UPDATE bond_id=bond_id",
+                            [[[d.txid, bond.floID, bond.amount, bond.startDate, bond.BTC_base, bond.USD_base, bond.cut, bond.minIpa, bond.maxPeriod, bond.lockinPeriod]]]));
+                    else {
+                        let details = blockchainBond.parse.end(d.data);
+                        if (details.bondID && details.amountFinal)
+                            promises.push(DB.query("UPDATE BlockchainBonds SET close_id=? amount_out=? WHERE bond_id=?", [d.txid, details.amountFinal, details.bondID]));
+
+                    }
+                });
+                promises.push(DB.query("INSERT INTO LastTx (floID, num) VALUE (?, ?) ON DUPLICATE KEY UPDATE num=?", [blockchainBond.config.adminID, result.totalTxs, result.totalTxs]));
+                Promise.allSettled(promises).then(results => {
+                    //console.debug(results.filter(r => r.status === "rejected"));
+                    if (results.reduce((a, r) => r.status === "rejected" ? ++a : a, 0))
+                        console.warn("Some bond data might not have been saved in database correctly");
+                    resolve(result.totalTxs);
+                })
+            }).catch(error => reject(error))
+        }).catch(error => reject(error))
+    })
+}
+
+function closeBond(bond_id, floID, ref) {
+    return new Promise((resolve, reject) => {
+        DB.query("SELECT status FROM CloseBondTransact WHERE bond_id=?", [bond_id]).then(result => {
+            if (result.length)
+                return reject(INVALID(eCode.DUPLICATE_ENTRY, `Bond closing already in process`));
+            DB.query("SELECT * FROM BlockchainBonds WHERE bond_id=?", [bond_id]).then(result => {
+                if (!result.length)
+                    return reject(INVALID(eCode.NOT_FOUND, 'Bond not found'));
+                let bond = result[0];
+                if (bond.floID !== floID)
+                    return reject(INVALID(eCode.NOT_OWNER, 'Bond doesnot belong to the user'));
+                if (bond.close_id)
+                    return reject(INVALID(eCode.DUPLICATE_ENTRY, `Bond already closed (${bond.close_id})`));
+                if (Date.now() < blockchainBond.dateAdder(bond.begin_date, bond.lockin_period).getTime())
+                    return reject(INVALID(eCode.INSUFFICIENT_PERIOD, 'Bond still in lock-in period'));
+                getRate.BTC_USD().then(btc_rate => {
+                    getRate.USD_INR().then(usd_rate => {
+                        let end_date = new Date(),
+                            net_value = blockchainBond.calcNetValue(bond.btc_base, btc_rate, bond.begin_date, bond.min_ipa, bond.max_period, bond.gain_cut, bond.amount_in, bond.usd_base, usd_rate);
+                        DB.query("INSERT INTO CloseBondTransact(bond_id, amount, end_date, btc_net, usd_net, ref_sign, status) VALUE ?", [[bond_id, net_value, end_date, btc_rate, usd_rate, ref, "PENDING"]])
+                            .then(result => resolve({ "USD_net": usd_rate, "BTC_net": btc_rate, "amount_out": net_value, "end_date": end_date }))
+                            .catch(error => reject(error))
+                    }).catch(error => reject(error))
+                }).catch(error => reject(error))
+            }).catch(error => reject(error))
+        }).catch(error => reject(error))
+    })
+}
+
+module.exports = {
+    refresh: refreshBlockchainData,
+    set DB(db) {
+        DB = db;
+    },
+    util: blockchainBond,
+    closeBond
+}
\ No newline at end of file

From 7c99f41e48420b4e3f40acd914ad83c7895843f0 Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Mon, 10 Oct 2022 19:23:20 +0530
Subject: [PATCH 132/168] API for close-blockchain-bonds

---
 docs/scripts/floExchangeAPI.js | 31 +++++++++++++++++++++++++++++++
 src/app.js                     |  3 +++
 src/request.js                 | 16 ++++++++++++++++
 3 files changed, 50 insertions(+)

diff --git a/docs/scripts/floExchangeAPI.js b/docs/scripts/floExchangeAPI.js
index 959b455..b49a75d 100644
--- a/docs/scripts/floExchangeAPI.js
+++ b/docs/scripts/floExchangeAPI.js
@@ -1307,6 +1307,37 @@
         })
     }
 
+    exchangeAPI.closeBlockchainBond = function (bond_id, floID, privKey) {
+        return new Promise((resolve, reject) => {
+            if (!floCrypto.verifyPrivKey(privKey, floID))
+                return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Invalid Private Key", errorCode.INVALID_PRIVATE_KEY));
+            let request = {
+                floID: floID,
+                bond_id: bond_id,
+                timestamp: Date.now()
+            };
+            request.pubKey = floCrypto.getPubKeyHex(privKey);
+            request.sign = signRequest({
+                type: "close_blockchain_bond",
+                bond_id: data.bond_id,
+                timestamp: data.timestamp
+            }, privKey);
+            console.debug(request);
+
+            fetch_api('/close-blockchain-bonds', {
+                method: "POST",
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify(request)
+            }).then(result => {
+                responseParse(result)
+                    .then(result => resolve(result))
+                    .catch(error => reject(error))
+            }).catch(error => reject(error))
+        })
+    }
+
     exchangeAPI.init = function refreshDataFromBlockchain(adminID = floGlobals.adminID, appName = floGlobals.application) {
         return new Promise((resolve, reject) => {
             let nodes, assets, tags, lastTx;
diff --git a/src/app.js b/src/app.js
index cb63e7e..4892120 100644
--- a/src/app.js
+++ b/src/app.js
@@ -89,6 +89,9 @@ module.exports = function App(secret, DB) {
     app.post('/convert-to', Request.ConvertTo);
     app.post('/convert-from', Request.ConvertFrom);
 
+    //close blockchain-bond
+    app.post('/close-blockchain-bonds', Request.CloseBlockchainBond);
+
     //Manage user tags (Access to trusted IDs only)
     app.post('/add-tag', Request.AddUserTag);
     app.post('/remove-tag', Request.RemoveUserTag);
diff --git a/src/request.js b/src/request.js
index 67a4710..ed9a932 100644
--- a/src/request.js
+++ b/src/request.js
@@ -2,6 +2,7 @@
 
 const market = require("./market");
 const conversion = require('./services/conversion');
+const blokchain_bonds = require("./services/bonds");
 
 const {
     SIGN_EXPIRE_TIME,
@@ -322,6 +323,18 @@ function ConvertFrom(req, res) {
     }, () => conversion.convertFromCoin(data.floID, data.txid, data.coin));
 }
 
+function CloseBlockchainBond(req, res) {
+    let data = req.body;
+    if (!data.pubKey)
+        res.status(INVALID.e_code).send(INVALID.str(eCode.MISSING_PARAMETER, "Public key missing"));
+    else
+        processRequest(res, data.floID, data.pubKey, data.sign, "Conversion", {
+            type: "close_blockchain_bond",
+            bond_id: data.bond_id,
+            timestamp: data.timestamp
+        }, () => blokchain_bonds.closeBond(data.bond_id, data.floID, `${data.timestamp}.${data.sign}`));
+}
+
 /* Public Requests */
 
 function GetLoginCode(req, res) {
@@ -517,6 +530,7 @@ module.exports = {
     RemoveDistributor,
     ConvertTo,
     ConvertFrom,
+    CloseBlockchainBond,
     set trustedIDs(ids) {
         trustedIDs = ids;
     },
@@ -532,6 +546,8 @@ module.exports = {
     set DB(db) {
         DB = db;
         market.DB = db;
+        conversion.DB;
+        blokchain_bonds.DB;
     },
     set secret(s) {
         secret = s;

From 80879a250ba512439ad29c4f5ff1e95406c21595 Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Tue, 11 Oct 2022 02:26:34 +0530
Subject: [PATCH 133/168] Bug fix

- Fixed: incorrect eCode file mapped
- moved productStr inside IIF
- Fixed: some minor syntax bugs
---
 docs/scripts/floExchangeAPI.js |  1 +
 src/services/bonds.js          | 20 ++++++++++----------
 2 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/docs/scripts/floExchangeAPI.js b/docs/scripts/floExchangeAPI.js
index b49a75d..91a4418 100644
--- a/docs/scripts/floExchangeAPI.js
+++ b/docs/scripts/floExchangeAPI.js
@@ -513,6 +513,7 @@
         INSUFFICIENT_BALANCE: '201',
         INSUFFICIENT_SELLCHIP: '203',
         GREATER_SELLCHIP_BASE: '204',
+        INSUFFICIENT_PERIOD: '206',
 
         //OTHERS
         NODES_OFFLINE: '404',
diff --git a/src/services/bonds.js b/src/services/bonds.js
index 6dba81b..4111031 100644
--- a/src/services/bonds.js
+++ b/src/services/bonds.js
@@ -1,11 +1,13 @@
 'use strict';
 
-const eCode = require('../eCode_test')// require('../../docs/scripts/floExchangeAPI').errorCode;
+const eCode = require('../../docs/scripts/floExchangeAPI').errorCode;
 const getRate = require('./conversion').getRate;
 
 var DB; //container for database
 
 const blockchainBond = (function () {
+    const productStr = "Product: RanchiMall Bitcoin Bond";
+
     const magnitude = m => {
         switch (m) {
             case "thousand": return 1000;
@@ -83,7 +85,7 @@ const blockchainBond = (function () {
 
     function stringify_main(BTC_base, start_date, guaranteed_interest, guarantee_period, gain_cut, amount, USD_base, lockin_period, floID) {
         return [
-            `Product: RanchiMall Bitcoin Bond`,
+            `${productStr}`,
             `Base value: ${BTC_base} USD`,
             `Date of bond start: ${start_date}`,
             `Guaranteed interest: ${guaranteed_interest}% per annum simple for ${guarantee_period}`,
@@ -123,10 +125,9 @@ const blockchainBond = (function () {
         return details;
     }
 
-
     function stringify_end(bond_id, end_date, BTC_net, USD_net, amount, ref_sign, payment_ref) {
         return [
-            `Product: RanchiMall Bitcoin Bond`,
+            `${productStr}`,
             `Bond: ${bond_id}`,
             `End value: ${BTC_net} USD`,
             `Date of bond end: ${end_date}`,
@@ -143,7 +144,7 @@ const blockchainBond = (function () {
             d = d.split(': ');
             switch (d[0].toLowerCase()) {
                 case "bond":
-                    details["bondID"] = d[1];
+                    details["bondID"] = d[1]; break;
                 case "end value":
                     details["BTC_net"] = parseNumber(d[1].slice(0, -4)); break;
                 case "date of bond end":
@@ -160,6 +161,7 @@ const blockchainBond = (function () {
     }
 
     return {
+        productStr,
         dateAdder,
         dateFormat,
         calcNetValue,
@@ -177,8 +179,7 @@ const blockchainBond = (function () {
 
 blockchainBond.config = {
     adminID: "FBBstZ2GretgQqDP55yt8iVd4KNZkdvEzH",
-    application: "BlockchainBonds",
-    productStr: "Product: RanchiMall Bitcoin Bond",
+    application: "BlockchainBonds"
 }
 
 function refreshBlockchainData(nodeList = []) {
@@ -189,7 +190,7 @@ function refreshBlockchainData(nodeList = []) {
                 ignoreOld: lastTx,
                 senders: [nodeList].concat(blockchainBond.config.adminID), //sentOnly: true,
                 tx: true,
-                filter: d => d.startsWith(blockchainBond.config.productStr)
+                filter: d => d.startsWith(blockchainBond.productStr)
             }).then(result => {
                 let promises = [];
                 result.data.forEach(d => {
@@ -201,7 +202,6 @@ function refreshBlockchainData(nodeList = []) {
                         let details = blockchainBond.parse.end(d.data);
                         if (details.bondID && details.amountFinal)
                             promises.push(DB.query("UPDATE BlockchainBonds SET close_id=? amount_out=? WHERE bond_id=?", [d.txid, details.amountFinal, details.bondID]));
-
                     }
                 });
                 promises.push(DB.query("INSERT INTO LastTx (floID, num) VALUE (?, ?) ON DUPLICATE KEY UPDATE num=?", [blockchainBond.config.adminID, result.totalTxs, result.totalTxs]));
@@ -235,7 +235,7 @@ function closeBond(bond_id, floID, ref) {
                     getRate.USD_INR().then(usd_rate => {
                         let end_date = new Date(),
                             net_value = blockchainBond.calcNetValue(bond.btc_base, btc_rate, bond.begin_date, bond.min_ipa, bond.max_period, bond.gain_cut, bond.amount_in, bond.usd_base, usd_rate);
-                        DB.query("INSERT INTO CloseBondTransact(bond_id, amount, end_date, btc_net, usd_net, ref_sign, status) VALUE ?", [[bond_id, net_value, end_date, btc_rate, usd_rate, ref, "PENDING"]])
+                        DB.query("INSERT INTO CloseBondTransact(bond_id, floID, amount, end_date, btc_net, usd_net, ref_sign, status) VALUE ?", [[bond_id, floID, net_value, end_date, btc_rate, usd_rate, ref, "PENDING"]])
                             .then(result => resolve({ "USD_net": usd_rate, "BTC_net": btc_rate, "amount_out": net_value, "end_date": end_date }))
                             .catch(error => reject(error))
                     }).catch(error => reject(error))

From 8a82a0b675ffee509a45b12f03e4031620fb968e Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Tue, 11 Oct 2022 03:15:34 +0530
Subject: [PATCH 134/168] Close Bobs-Fund feature

- Adding feature to close bobs' fund investment upon user requests
- Added: API for the same
---
 args/schema.sql                |  39 +++++
 docs/scripts/floExchangeAPI.js |  31 ++++
 src/app.js                     |   3 +-
 src/request.js                 |  14 ++
 src/services/bobs-fund.js      | 286 +++++++++++++++++++++++++++++++++
 5 files changed, 372 insertions(+), 1 deletion(-)
 create mode 100644 src/services/bobs-fund.js

diff --git a/args/schema.sql b/args/schema.sql
index c8a52e6..54edc52 100644
--- a/args/schema.sql
+++ b/args/schema.sql
@@ -247,6 +247,45 @@ CREATE TABLE CloseBondTransact(
     FOREIGN KEY (bond_id) REFERENCES BlockchainBonds(bond_id)
 );
 
+CREATE TABLE BobsFund(
+    fund_id VARCHAR(128) NOT NULL,
+    begin_date DATE NOT NULL,
+    btc_base DECIMAL(16, 2) NOT NULL,
+    usd_base DECIMAL(16, 2) NOT NULL,
+    fee DECIMAL(6, 5) NOT NULL,
+    duration VARCHAR(10) NOT NULL,
+    tapout_window VARCHAR(10),
+    tapout_interval VARCHAR(40),
+    PRIMARY KEY(fund_id)
+);
+
+CREATE TABLE BobsFundInvestments(
+    fund_id VARCHAR(128) NOT NULL,
+    floID CHAR(34) NOT NULL,
+    amount_in DECIMAL(16, 2) NOT NULL,
+    close_id VARCHAR(128),
+    amount_out DECIMAL(16, 2),
+    PRIMARY KEY(fund_id, floID),
+    FOREIGN KEY (fund_id) REFERENCES BobsFund(fund_id)
+);
+
+CREATE TABLE CloseFundTransact(
+    id INT NOT NULL AUTO_INCREMENT,
+    fund_id VARCHAR(128) NOT NULL,
+    floID CHAR(34) NOT NULL,
+    amount DECIMAL(16, 2) NOT NULL,
+    end_date DATE NOT NULL,
+    ref_sign VARCHAR(180) NOT NULL,
+    btc_net DECIMAL(16, 2) NOT NULL,
+    usd_net DECIMAL(16, 2) NOT NULL,
+    txid VARCHAR(128),
+    close_id VARCHAR(128),
+    status VARCHAR(50) NOT NULL,
+    KEY(id),
+    PRIMARY KEY(fund_id, floID),
+    FOREIGN KEY (fund_id) REFERENCES BobsFund(fund_id)
+);
+
 CREATE TABLE DirectConvert(
     id INT NOT NULL AUTO_INCREMENT,
     floID CHAR(34) NOT NULL,
diff --git a/docs/scripts/floExchangeAPI.js b/docs/scripts/floExchangeAPI.js
index 91a4418..984d1b0 100644
--- a/docs/scripts/floExchangeAPI.js
+++ b/docs/scripts/floExchangeAPI.js
@@ -1339,6 +1339,37 @@
         })
     }
 
+    exchangeAPI.closeBobsFundInvestment = function (fund_id, floID, privKey) {
+        return new Promise((resolve, reject) => {
+            if (!floCrypto.verifyPrivKey(privKey, floID))
+                return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Invalid Private Key", errorCode.INVALID_PRIVATE_KEY));
+            let request = {
+                floID: floID,
+                fund_id: fund_id,
+                timestamp: Date.now()
+            };
+            request.pubKey = floCrypto.getPubKeyHex(privKey);
+            request.sign = signRequest({
+                type: "close_bobs_fund",
+                fund_id: data.fund_id,
+                timestamp: data.timestamp
+            }, privKey);
+            console.debug(request);
+
+            fetch_api('/close-bobs-fund-investment', {
+                method: "POST",
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify(request)
+            }).then(result => {
+                responseParse(result)
+                    .then(result => resolve(result))
+                    .catch(error => reject(error))
+            }).catch(error => reject(error))
+        })
+    }
+
     exchangeAPI.init = function refreshDataFromBlockchain(adminID = floGlobals.adminID, appName = floGlobals.application) {
         return new Promise((resolve, reject) => {
             let nodes, assets, tags, lastTx;
diff --git a/src/app.js b/src/app.js
index 4892120..d1ff2f6 100644
--- a/src/app.js
+++ b/src/app.js
@@ -35,7 +35,7 @@ module.exports = function App(secret, DB) {
     }));
     */
 
-    app.use(function(req, res, next) {
+    app.use(function (req, res, next) {
         res.setHeader('Access-Control-Allow-Origin', "*");
         // Request methods you wish to allow
         res.setHeader('Access-Control-Allow-Methods', 'GET, POST');
@@ -91,6 +91,7 @@ module.exports = function App(secret, DB) {
 
     //close blockchain-bond
     app.post('/close-blockchain-bonds', Request.CloseBlockchainBond);
+    app.post('/close-bobs-fund-investment', Request.CloseBobsFund);
 
     //Manage user tags (Access to trusted IDs only)
     app.post('/add-tag', Request.AddUserTag);
diff --git a/src/request.js b/src/request.js
index ed9a932..c6216a0 100644
--- a/src/request.js
+++ b/src/request.js
@@ -3,6 +3,7 @@
 const market = require("./market");
 const conversion = require('./services/conversion');
 const blokchain_bonds = require("./services/bonds");
+const bobs_fund = require("./services/bobs-fund");
 
 const {
     SIGN_EXPIRE_TIME,
@@ -335,6 +336,18 @@ function CloseBlockchainBond(req, res) {
         }, () => blokchain_bonds.closeBond(data.bond_id, data.floID, `${data.timestamp}.${data.sign}`));
 }
 
+function CloseBobsFund(req, res) {
+    let data = req.body;
+    if (!data.pubKey)
+        res.status(INVALID.e_code).send(INVALID.str(eCode.MISSING_PARAMETER, "Public key missing"));
+    else
+        processRequest(res, data.floID, data.pubKey, data.sign, "Conversion", {
+            type: "close_bobs_fund",
+            fund_id: data.fund_id,
+            timestamp: data.timestamp
+        }, () => bobs_fund.closeFund(data.fund_id, data.floID, `${data.timestamp}.${data.sign}`));
+}
+
 /* Public Requests */
 
 function GetLoginCode(req, res) {
@@ -531,6 +544,7 @@ module.exports = {
     ConvertTo,
     ConvertFrom,
     CloseBlockchainBond,
+    CloseBobsFund,
     set trustedIDs(ids) {
         trustedIDs = ids;
     },
diff --git a/src/services/bobs-fund.js b/src/services/bobs-fund.js
new file mode 100644
index 0000000..75fbf77
--- /dev/null
+++ b/src/services/bobs-fund.js
@@ -0,0 +1,286 @@
+'use strict';
+
+const eCode = require('../../docs/scripts/floExchangeAPI').errorCode;
+const getRate = require('./conversion').getRate;
+
+var DB; //container for database
+
+const bobsFund = (function () {
+    const productStr = "Bobs Fund";
+
+    const magnitude = m => {
+        switch (m) {
+            case "thousand": return 1000;
+            case "lakh": case "lakhs": return 100000;
+            case "million": return 1000000;
+            case "crore": case "crores": return 10000000;
+            default: return null;
+        }
+    }
+    const parseNumber = (str) => {
+        let n = 0,
+            g = 0;
+        str.toLowerCase().replace(/,/g, '').split(" ").forEach(s => {
+            if (!isNaN(s))
+                g = parseFloat(s);
+            else {
+                let m = magnitude(s);
+                if (m !== null) {
+                    n += m * g;
+                    g = 0;
+                }
+            }
+        });
+        return n + g;
+    }
+    const parsePeriod = (str) => {
+        let P = '', n = 0;
+        str.toLowerCase().replace(/,/g, '').split(" ").forEach(s => {
+            if (!isNaN(s))
+                n = parseFloat(s);
+            else switch (s) {
+                case "year(s)": case "year": case "years": P += (n + 'Y'); n = 0; break;
+                case "month(s)": case "month": case "months": P += (n + 'M'); n = 0; break;
+                case "day(s)": case "day": case "days": P += (n + 'D'); n = 0; break;
+            }
+        });
+        return P;
+    }
+    const dateFormat = (date = null) => {
+        let d = (date ? new Date(date) : new Date()).toDateString();
+        return [d.substring(8, 10), d.substring(4, 7), d.substring(11, 15)].join(" ");
+    }
+
+    const dateAdder = function (start_date, duration) {
+        let date = new Date(start_date);
+        let y = parseInt(duration.match(/\d+Y/)),
+            m = parseInt(duration.match(/\d+M/)),
+            d = parseInt(duration.match(/\d+D/));
+        if (!isNaN(y))
+            date.setFullYear(date.getFullYear() + y);
+        if (!isNaN(m))
+            date.setMonth(date.getMonth() + m);
+        if (!isNaN(d))
+            date.setDate(date.getDate() + d);
+        return date;
+    }
+
+    function calcNetValue(BTC_base, BTC_net, USD_base, USD_net, amount, fee) {
+        let gain, interest, net;
+        gain = (BTC_net - BTC_base) / BTC_base;
+        interest = gain * (1 - fee)
+        net = amount / USD_base;
+        net += net * interest;
+        return net * USD_net;
+    }
+
+    function stringify_main(BTC_base, USD_base, start_date, duration, investments, fee = 0, tapoutWindow = null, tapoutInterval = null) {
+        let result = [
+            `${productStr}`,
+            `Base Value: ${BTC_base} USD`,
+            `USD INR rate at start: ${USD_base}`,
+            `Start date: ${dateFormat(start_date)}`,
+            `Duration: ${duration}`,
+            `Management Fee: ${fee != 0 ? fee + "%" : "0 (Zero)"}`
+        ];
+        if (tapoutInterval) {
+            if (Array.isArray(tapoutInterval)) {
+                let x = tapoutInterval.pop(),
+                    y = tapoutInterval.join(", ")
+                tapoutInterval = `${y} and ${x}`
+            }
+            result.push(`Tapout availability: ${tapoutWindow} after ${tapoutInterval}`);
+        }
+        result.push(`Investment(s) (INR): ${investments.map(f => `${f[0].trim()}-${f[1].trim()}`).join("; ")}`);
+        return result.join("|");
+    }
+
+    function stringify_continue(fundID, investments) {
+        return [
+            `${productStr}`,
+            `continue: ${fundID}`,
+            `Investment(s) (INR): ${investments.map(f => `${f[0].trim()}-${f[1].trim()}`).join("; ")}`
+        ].join("|");
+    }
+
+    function parse_main(data) {
+        let funds = {};
+        if (!Array.isArray(data))
+            data = [data];
+        data.forEach(fd => {
+            let cont = /continue: [a-z0-9]{64}\|/.test(fd);
+            fd.data.split("|").forEach(d => {
+                d = d.split(': ');
+                switch (d[0].toLowerCase()) {
+                    case "start date":
+                        cont ? null : funds["start_date"] = d[1]; break;
+                    case "base value":
+                        cont ? null : funds["BTC_base"] = parseNumber(d[1].slice(0, -4)); break;
+                    case "usd inr rate at start":
+                        cont ? null : funds["USD_base"] = parseFloat(d[1]); break;
+                    case "duration":
+                        cont ? null : funds["duration"] = parsePeriod(d[1]); break;
+                    case "management fee":
+                        cont ? null : funds["fee"] = parseFloat(d[1]); break;
+                    case "tapout availability":
+                        let x = d[1].toLowerCase().split("after")
+                        funds["tapoutInterval"] = x[1].match(/\d+ [a-z]+/gi).map(y => parsePeriod(y))
+                        funds["topoutWindow"] = parsePeriod(x[0]); break;
+                    case "invesment(s) (inr)":
+                    case "investment(s) (inr)":
+                        funds["amounts"] = funds["amounts"] || [];
+                        funds["amounts"].push(d[1].split("; ").map(a => {
+                            a = a.split("-");
+                            return [a[0], parseNumber(a[1])]
+                        })); break;
+                }
+            });
+        })
+        return funds;
+    }
+
+    function stringify_end(fund_id, floID, end_date, BTC_net, USD_net, amount, ref_sign, payment_ref) {
+        return [
+            `${productStr}`,
+            `Fund: ${fund_id}`,
+            `Investor: ${floID}`,
+            `End value: ${BTC_net} USD`,
+            `Date of withdrawal: ${end_date}`,
+            `USD INR rate at end: ${USD_net}`,
+            `Amount withdrawn: Rs ${amount} via ${payment_ref}`,
+            `Reference: ${ref_sign}`
+        ].join("|");
+    }
+
+    function parse_end(data) {
+        //Data (end fund) send by market nodes
+        let details = {};
+        data.split("|").forEach(d => {
+            d = d.split(': ');
+            switch (d[0].toLowerCase()) {
+                case "fund":
+                    details["fundID"] = d[1]; break;
+                case "investor":
+                    details["floID"] = d[1]; break;
+                case "end value":
+                    details["BTC_net"] = parseNumber(d[1].slice(0, -4)); break;
+                case "date of withdrawal":
+                    details["endDate"] = new Date(d[1]); break;
+                case "amount withdrawn":
+                    details["amountFinal"] = parseNumber(d[1].match(/\d.+ via/).toString());
+                    details["payment_refRef"] = d[1].match(/via .+/).toString().substring(4); break;
+                case "usd inr rate at end":
+                    details["USD_net"] = parseFloat(d[1]); break;
+                case "reference":
+                    details["refSign"] = d[1]; break;
+            }
+        })
+    }
+
+
+    return {
+        dateAdder,
+        dateFormat,
+        calcNetValue,
+        parse: {
+            main: parse_main,
+            end: parse_end
+        },
+        stringify: {
+            main: stringify_main,
+            continue: stringify_continue,
+            end: stringify_end
+        }
+    }
+
+})();
+
+bobsFund.config = {
+    adminID: "FFXy5pJnfzu2fCDLhpUremyXQjGtFpgCDN",
+    application: "BobsFund"
+}
+
+function refreshBlockchainData(nodeList = []) {
+    return new Promise((resolve, reject) => {
+        DB.query("SELECT num FROM LastTx WHERE floID=?", [bobsFund.config.adminID]).then(result => {
+            let lastTx = result.length ? result[0].num : 0;
+            floBlockchainAPI.readData(bobsFund.config.adminID, {
+                ignoreOld: lastTx,
+                senders: [nodeList].concat(bobsFund.config.adminID), //sentOnly: true,
+                tx: true,
+                filter: d => d.startsWith(bobsFund.config.productStr)
+            }).then(result => {
+                let promises = [];
+                result.data.forEach(d => {
+                    let fund = d.senders.has(bobsFund.config.adminID) ? bobsFund.parse.main(d.data) : null;
+                    if (fund && fund.amount) {
+                        let fund_id = d.data.match(/continue: [a-z0-9]{64}\|/);
+                        if (!fund_id) {
+                            fund_id = d.txid;
+                            promises.push(DB.query("INSERT INTO BobsFund(fund_id, begin_date, btc_base, usd_base, fee, duration, tapout_window, tapout_interval) VALUES ? ON DUPLICATE KEY UPDATE fund_id=fund_id",
+                                [[[fund_id, fund.start_date, fund.BTC_base, fund.USD_base, fund.fee, fund.duration, fund.topoutWindow, fund.tapoutInterval]]]));
+                        } else
+                            fund_id = fund_id.pop().match(/[a-z0-9]{64}/).pop();
+                        let investments = fund.amounts.map(i => [fund_id, i[0], i[1]]);
+                        promises.push(DB.query("INSERT INTO BobsFundInvestments(fund_id, floID, amount_in) VALUES ?", [investments]));
+                    }
+                    else {
+                        let details = bobsFund.parse.end(d.data);
+                        if (details.fundID && details.floID && details.amountFinal)
+                            promises.push(DB.query("UPDATE BobsFundInvestments SET close_id=? amount_out=? WHERE fund_id=? AND floID=?", [d.txid, details.amountFinal, details.fundID, details.floID]));
+                    }
+                });
+                promises.push(DB.query("INSERT INTO LastTx (floID, num) VALUE (?, ?) ON DUPLICATE KEY UPDATE num=?", [bobsFund.config.adminID, result.totalTxs, result.totalTxs]));
+                Promise.allSettled(promises).then(results => {
+                    //console.debug(results.filter(r => r.status === "rejected"));
+                    if (results.reduce((a, r) => r.status === "rejected" ? ++a : a, 0))
+                        console.warn("Some fund data might not have been saved in database correctly");
+                    resolve(result.totalTxs);
+                })
+            }).catch(error => reject(error))
+        }).catch(error => reject(error))
+    })
+}
+
+function closeFund(fund_id, floID, ref) {
+    return new Promise((resolve, reject) => {
+        DB.query("SELECT status FROM CloseFundTransact WHERE fund_id=?", [fund_id]).then(result => {
+            if (result.length)
+                return reject(INVALID(eCode.DUPLICATE_ENTRY, `Fund closing already in process`));
+            DB.query("SELECT * FROM BobsFund WHERE fund_id=?", [fund_id]).then(result => {
+                if (!result.length)
+                    return reject(INVALID(eCode.NOT_FOUND, 'Fund not found'));
+                let fund = result[0];
+                DB.query("SELECT * FROM BobsFundInvestments WHERE fund_id=? AND floID=?", [fund_id, floID]).then(result => {
+                    if (!result.length)
+                        return reject(INVALID(eCode.NOT_OWNER, 'User is not an investor of this fund'));
+                    let investment = result[0];
+                    if (investment.close_id)
+                        return reject(INVALID(eCode.DUPLICATE_ENTRY, `Fund investment already closed (${investment.close_id})`));
+                    /*  TODO: tapout and lockin period check
+                        if (Date.now() < bobsFund.dateAdder(fund.begin_date, fund.duration).getTime())
+                        return reject(INVALID(eCode.INSUFFICIENT_PERIOD, 'Fund still in lock-in period'));
+                    */
+                    getRate.BTC_USD().then(btc_rate => {
+                        getRate.USD_INR().then(usd_rate => {
+                            let end_date = new Date(),
+                                net_value = bobsFund.calcNetValue(fund.btc_base, btc_rate, fund.usd_base, usd_rate, investment.amount_in, fund.fee)
+                            DB.query("INSERT INTO CloseFundTransact(fund_id, floID, amount, end_date, btc_net, usd_net, ref_sign, status) VALUE ?", [[fund_id, floID, net_value, end_date, btc_rate, usd_rate, ref, "PENDING"]])
+                                .then(result => resolve({ "USD_net": usd_rate, "BTC_net": btc_rate, "amount_out": net_value, "end_date": end_date }))
+                                .catch(error => reject(error))
+                        }).catch(error => reject(error))
+                    }).catch(error => reject(error))
+                }).catch(error => reject(error))
+            }).catch(error => reject(error))
+        }).catch(error => reject(error))
+    })
+}
+
+module.exports = {
+    refresh: refreshBlockchainData,
+    set DB(db) {
+        DB = db;
+    },
+    util: bobsFund,
+    closeFund
+}
\ No newline at end of file

From d3f08dd921e982c602d3ae51956215ac9f6f444e Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Tue, 11 Oct 2022 16:56:42 +0530
Subject: [PATCH 135/168] Background process for close-fund

---
 src/background.js | 34 +++++++++++++++++++++++++++++++++-
 src/blockchain.js | 21 +++++++++++++++++----
 2 files changed, 50 insertions(+), 5 deletions(-)

diff --git a/src/background.js b/src/background.js
index 2f3b431..f31ce2c 100644
--- a/src/background.js
+++ b/src/background.js
@@ -2,6 +2,7 @@
 const blockchain = require('./blockchain');
 const conversion_rates = require('./services/conversion').getRate;
 const bond_util = require('./services/bonds').util;
+const fund_util = require('./services/bobs-fund').util;
 
 const {
     LAUNCH_SELLER_TAG,
@@ -186,6 +187,8 @@ function confirmWithdrawalToken() {
     DB.query("SELECT id, floID, token, amount, txid FROM WithdrawToken WHERE status=?", ["WAITING_CONFIRMATION"]).then(results => {
         results.forEach(r => {
             floTokenAPI.getTx(r.txid).then(tx => {
+                if (!tx.transactionDetails.blockheight || !tx.transactionDetails.confirmations) //Still not confirmed
+                    return;
                 DB.query("UPDATE WithdrawToken SET status=? WHERE id=?", ["SUCCESS", r.id])
                     .then(result => console.debug("Token withdrawed:", r.floID, r.token, r.amount))
                     .catch(error => console.error(error));
@@ -270,6 +273,8 @@ function confirmConvert() {
                 }).catch(error => console.error(error));
             else if (mode == _sql.CONVERT_MODE_PUT)
                 floTokenAPI.getTx(r.out_txid).then(tx => {
+                    if (!tx.transactionDetails.blockheight || !tx.transactionDetails.confirmations) //Still not confirmed
+                        return;
                     DB.query("UPDATE DirectConvert SET status=? WHERE id=?", ["SUCCESS", r.id])
                         .then(result => console.debug(`${r.floID} converted ${r.quantity} BTC to ${amount}`))
                         .catch(error => console.error(error));
@@ -288,6 +293,8 @@ function confirmBondClosing() {
     DB.query("SELECT * FROM CloseBondTransact WHERE status=?", ["WAITING_CONFIRMATION"]).then(result => {
         results.forEach(r => {
             floTokenAPI.getTx(r.txid).then(tx => {
+                if (!tx.transactionDetails.blockheight || !tx.transactionDetails.confirmations) //Still not confirmed
+                    return;
                 let closeBondString = bond_util.stringify.end(r.bond_id, r.end_date, r.btc_net, r.usd_net, r.amount, r.ref_sign, r.txid);
                 floBlockchainAPI.writeData(global.myFloID, closeBondString, global.myPrivKey, bond_util.config.adminID).then(txid => {
                     DB.query("UPDATE CloseBondTransact SET status=?, close_id=? WHERE id=?", ["SUCCESS", txid, r.id])
@@ -296,7 +303,30 @@ function confirmBondClosing() {
                 }).catch(error => console.error(error))
             }).catch(error => console.error(error));
         })
-    }).catch(error => reject(error))
+    }).catch(error => console.error(error))
+}
+
+function retryFundClosing() {
+    DB.query("SELECT id, floID, amount FROM CloseFundTransact WHERE status=?", ["PENDING"]).then(results => {
+        results.forEach(r => blockchain.fundTransact.retry(r.floID, r.amount, r.id))
+    }).catch(error => console.error(error))
+}
+
+function confirmFundClosing() {
+    DB.query("SELECT * FROM CloseFundTransact WHERE status=?", ["WAITING_CONFIRMATION"]).then(result => {
+        results.forEach(r => {
+            floTokenAPI.getTx(r.txid).then(tx => {
+                if (!tx.transactionDetails.blockheight || !tx.transactionDetails.confirmations) //Still not confirmed
+                    return;
+                let closeFundString = fund_util.stringify.end(r.fund_id, r.floID, r.end_date, r.btc_net, r.usd_net, r.amount, r.ref_sign, r.txid);
+                floBlockchainAPI.writeData(global.myFloID, closeFundString, global.myPrivKey, fund_util.config.adminID).then(txid => {
+                    DB.query("UPDATE CloseFundTransact SET status=?, close_id=? WHERE id=?", ["SUCCESS", txid, r.id])
+                        .then(result => console.debug("Fund investment closed:", r.fund_id))
+                        .catch(error => console.error(error));
+                }).catch(error => console.error(error))
+            }).catch(error => console.error(error));
+        })
+    }).catch(error => console.error(error))
 }
 
 function processAll() {
@@ -312,6 +342,8 @@ function processAll() {
     confirmConvert();
     retryBondClosing();
     confirmBondClosing();
+    retryFundClosing();
+    confirmFundClosing();
 }
 
 module.exports = {
diff --git a/src/blockchain.js b/src/blockchain.js
index 7a475cd..8e3c59b 100644
--- a/src/blockchain.js
+++ b/src/blockchain.js
@@ -7,7 +7,8 @@ var DB; //container for database
 const TYPE_TOKEN = "TOKEN",
     TYPE_COIN = "COIN",
     TYPE_CONVERT = "CONVERT",
-    TYPE_BOND = "BOND";
+    TYPE_BOND = "BOND",
+    TYPE_FUND = "BOB-FUND";
 
 const balance_locked = {},
     balance_cache = {},
@@ -15,7 +16,8 @@ const balance_locked = {},
         [TYPE_COIN]: {},
         [TYPE_TOKEN]: {},
         [TYPE_CONVERT]: {},
-        [TYPE_BOND]: {}
+        [TYPE_BOND]: {},
+        [TYPE_FUND]: {}
     };
 
 function getBalance(sinkID, asset) {
@@ -61,7 +63,8 @@ const WITHDRAWAL_MESSAGE = {
     [TYPE_COIN]: "(withdrawal from market)",
     [TYPE_TOKEN]: "(withdrawal from market)",
     [TYPE_CONVERT]: "(convert coin)",
-    [TYPE_BOND]: "(bond closing)"
+    [TYPE_BOND]: "(bond closing)",
+    [TYPE_FUND]: "(fund investment closing)"
 }
 
 function sendTx(floID, asset, quantity, sinkID, sinkKey, message) {
@@ -81,7 +84,8 @@ const updateSyntax = {
     [TYPE_COIN]: "UPDATE WithdrawCoin SET status=?, txid=? WHERE id=?",
     [TYPE_TOKEN]: "UPDATE WithdrawToken SET status=?, txid=? WHERE id=?",
     [TYPE_CONVERT]: "UPDATE DirectConvert SET status=?, out_txid=? WHERE id=?",
-    [TYPE_BOND]: "UPDATE CloseBondTransact SET status=?, txid=? WHERE id=?"
+    [TYPE_BOND]: "UPDATE CloseBondTransact SET status=?, txid=? WHERE id=?",
+    [TYPE_FUND]: "UPDATE CloseFundTransact SET status=?, txid=? WHERE id=?"
 };
 
 function sendAsset(floID, asset, quantity, type, id) {
@@ -161,6 +165,12 @@ function bondTransact_retry(floID, amount, id) {
     else sendAsset(floID, floGlobals.currency, amount, TYPE_BOND, id);
 }
 
+function fundTransact_retry(floID, amount, id) {
+    if (id in callbackCollection[TYPE_FUND])
+        console.debug("A callback is already pending for this Fund investment closing");
+    else sendAsset(floID, floGlobals.currency, amount, TYPE_FUND, id);
+}
+
 module.exports = {
     set collectAndCall(fn) {
         collectAndCall = fn;
@@ -190,6 +200,9 @@ module.exports = {
     bondTransact: {
         retry: bondTransact_retry
     },
+    fundTransact: {
+        retry: fundTransact_retry
+    },
     set DB(db) {
         DB = db;
     }

From 29bedbdcc8af4b5cc7e2e7a592db8a9a4f4e13a6 Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Tue, 11 Oct 2022 17:12:30 +0530
Subject: [PATCH 136/168] Bug fixes

- Fixed: refreshData for bobs-fund and blockchain-bonds not been invoked
- Fixed: DB assignment for conversion, bonds and bobs-fund
---
 src/app.js         |  3 +++
 src/backup/head.js |  3 +++
 src/main.js        | 15 ++++++++-------
 src/request.js     | 13 +++++++++----
 4 files changed, 23 insertions(+), 11 deletions(-)

diff --git a/src/app.js b/src/app.js
index d1ff2f6..b3dfa1d 100644
--- a/src/app.js
+++ b/src/app.js
@@ -130,6 +130,9 @@ module.exports = function App(secret, DB) {
         set: (fn) => Request.collectAndCall = fn
     });
 
+    //Refresh data (from blockchain)
+    self.refreshData = (nodeList) => Request.refreshData(nodeList);
+
     //Start (or) Stop servers
     self.start = (port) => new Promise(resolve => {
         server = app.listen(port, () => {
diff --git a/src/backup/head.js b/src/backup/head.js
index 374c10c..e191284 100644
--- a/src/backup/head.js
+++ b/src/backup/head.js
@@ -373,6 +373,9 @@ module.exports = {
         nodeKBucket = new K_Bucket(floGlobals.adminID, Object.keys(nodeURL));
         nodeList = nodeKBucket.order;
     },
+    get nodeList() {
+        return nodeList;
+    },
     set assetList(assets) {
         tokenList = assets.filter(a => a.toUpperCase() !== "FLO");
     },
diff --git a/src/main.js b/src/main.js
index 6440c21..e94d475 100644
--- a/src/main.js
+++ b/src/main.js
@@ -20,9 +20,10 @@ var DB, app;
 function refreshData(startup = false) {
     return new Promise((resolve, reject) => {
         refreshDataFromBlockchain().then(result => {
-            loadDataFromDB(result, startup)
-                .then(_ => resolve("Data refresh successful"))
-                .catch(error => reject(error))
+            loadDataFromDB(result, startup).then(_ => {
+                app.refreshData(backup.nodeList);
+                resolve("Data refresh successful")
+            }).catch(error => reject(error))
         }).catch(error => reject(error))
     })
 }
@@ -87,7 +88,7 @@ function refreshDataFromBlockchain() {
                 Promise.allSettled(promises).then(results => {
                     //console.debug(results.filter(r => r.status === "rejected"));
                     if (results.reduce((a, r) => r.status === "rejected" ? ++a : a, 0))
-                        console.warn("Some data might not have been saved in database correctly");
+                        console.warn("Some blockchain data might not have been saved in database correctly");
                     resolve({
                         nodes: nodes_change,
                         assets: assets_change,
@@ -114,7 +115,7 @@ function loadDataFromDB(changes, startup) {
     })
 }
 
-loadDataFromDB.nodeList = function() {
+loadDataFromDB.nodeList = function () {
     return new Promise((resolve, reject) => {
         DB.query("SELECT floID, uri FROM NodeList").then(result => {
             let nodes = {}
@@ -127,7 +128,7 @@ loadDataFromDB.nodeList = function() {
     })
 }
 
-loadDataFromDB.assetList = function() {
+loadDataFromDB.assetList = function () {
     return new Promise((resolve, reject) => {
         DB.query("SELECT asset FROM AssetList").then(result => {
             let assets = [];
@@ -141,7 +142,7 @@ loadDataFromDB.assetList = function() {
     })
 }
 
-loadDataFromDB.trustedIDs = function() {
+loadDataFromDB.trustedIDs = function () {
     return new Promise((resolve, reject) => {
         DB.query("SELECT * FROM TrustedList").then(result => {
             let trustedIDs = [];
diff --git a/src/request.js b/src/request.js
index c6216a0..d4719cf 100644
--- a/src/request.js
+++ b/src/request.js
@@ -2,7 +2,7 @@
 
 const market = require("./market");
 const conversion = require('./services/conversion');
-const blokchain_bonds = require("./services/bonds");
+const blockchain_bonds = require("./services/bonds");
 const bobs_fund = require("./services/bobs-fund");
 
 const {
@@ -333,7 +333,7 @@ function CloseBlockchainBond(req, res) {
             type: "close_blockchain_bond",
             bond_id: data.bond_id,
             timestamp: data.timestamp
-        }, () => blokchain_bonds.closeBond(data.bond_id, data.floID, `${data.timestamp}.${data.sign}`));
+        }, () => blockchain_bonds.closeBond(data.bond_id, data.floID, `${data.timestamp}.${data.sign}`));
 }
 
 function CloseBobsFund(req, res) {
@@ -560,12 +560,17 @@ module.exports = {
     set DB(db) {
         DB = db;
         market.DB = db;
-        conversion.DB;
-        blokchain_bonds.DB;
+        conversion.DB = db;
+        blockchain_bonds.DB = db;
+        bobs_fund.DB = db;
     },
     set secret(s) {
         secret = s;
     },
+    refreshData(nodeList) {
+        blockchain_bonds.refresh(nodeList);
+        bobs_fund.refresh(nodeList)
+    },
     pause() {
         serving = false;
         market.periodicProcess.stop();

From d8682a25619dc112dc22b7ae5b60c7d5e4959885 Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Tue, 11 Oct 2022 17:46:49 +0530
Subject: [PATCH 137/168] minor fixes: bobs fund

- Fixed: tapoutWindow and tapoutInterval storing in DB when there is no tapout
- Fixed: lockin-period and tapout check in closeFund
---
 src/services/bobs-fund.js | 33 +++++++++++++++++++++++----------
 1 file changed, 23 insertions(+), 10 deletions(-)

diff --git a/src/services/bobs-fund.js b/src/services/bobs-fund.js
index 75fbf77..9aaeb60 100644
--- a/src/services/bobs-fund.js
+++ b/src/services/bobs-fund.js
@@ -217,8 +217,10 @@ function refreshBlockchainData(nodeList = []) {
                         let fund_id = d.data.match(/continue: [a-z0-9]{64}\|/);
                         if (!fund_id) {
                             fund_id = d.txid;
-                            promises.push(DB.query("INSERT INTO BobsFund(fund_id, begin_date, btc_base, usd_base, fee, duration, tapout_window, tapout_interval) VALUES ? ON DUPLICATE KEY UPDATE fund_id=fund_id",
-                                [[[fund_id, fund.start_date, fund.BTC_base, fund.USD_base, fund.fee, fund.duration, fund.topoutWindow, fund.tapoutInterval]]]));
+                            let values = [fund_id, fund.start_date, fund.BTC_base, fund.USD_base, fund.fee, fund.duration];
+                            if (fund.tapoutInterval)
+                                values.push(fund.topoutWindow, fund.tapoutInterval.join(','));
+                            promises.push(DB.query(`INSERT INTO BobsFund(fund_id, begin_date, btc_base, usd_base, fee, duration ${fund.tapoutInterval ? ", tapout_window, tapout_interval" : ""}) VALUES ? ON DUPLICATE KEY UPDATE fund_id=fund_id`, [[values]]));
                         } else
                             fund_id = fund_id.pop().match(/[a-z0-9]{64}/).pop();
                         let investments = fund.amounts.map(i => [fund_id, i[0], i[1]]);
@@ -257,16 +259,27 @@ function closeFund(fund_id, floID, ref) {
                     let investment = result[0];
                     if (investment.close_id)
                         return reject(INVALID(eCode.DUPLICATE_ENTRY, `Fund investment already closed (${investment.close_id})`));
-                    /*  TODO: tapout and lockin period check
-                        if (Date.now() < bobsFund.dateAdder(fund.begin_date, fund.duration).getTime())
-                        return reject(INVALID(eCode.INSUFFICIENT_PERIOD, 'Fund still in lock-in period'));
-                    */
+                    let cur_date = new Date();
+                    if (cur_date < bobsFund.dateAdder(fund.begin_date, fund.duration)) {
+                        let flag = false;
+                        if (fund.tapout_window && fund.tapout_interval) {
+                            let tapout_intervals = fund.tapout_interval.split(",");
+                            for (let ti of tapout_intervals) {
+                                let t_start = bobsFund.dateAdder(fund.begin_date, ti),
+                                    t_end = bobsFund.dateAdder(t_start, fund.tapout_window);
+                                if (t_start < cur_date && cur_date < t_end) {
+                                    flag = true; break;
+                                }
+                            }
+                        }
+                        if (!flag)
+                            return reject(INVALID(eCode.INSUFFICIENT_PERIOD, 'Fund still in lock-in period'));
+                    }
                     getRate.BTC_USD().then(btc_rate => {
                         getRate.USD_INR().then(usd_rate => {
-                            let end_date = new Date(),
-                                net_value = bobsFund.calcNetValue(fund.btc_base, btc_rate, fund.usd_base, usd_rate, investment.amount_in, fund.fee)
-                            DB.query("INSERT INTO CloseFundTransact(fund_id, floID, amount, end_date, btc_net, usd_net, ref_sign, status) VALUE ?", [[fund_id, floID, net_value, end_date, btc_rate, usd_rate, ref, "PENDING"]])
-                                .then(result => resolve({ "USD_net": usd_rate, "BTC_net": btc_rate, "amount_out": net_value, "end_date": end_date }))
+                            let net_value = bobsFund.calcNetValue(fund.btc_base, btc_rate, fund.usd_base, usd_rate, investment.amount_in, fund.fee)
+                            DB.query("INSERT INTO CloseFundTransact(fund_id, floID, amount, end_date, btc_net, usd_net, ref_sign, status) VALUE ?", [[fund_id, floID, net_value, cur_date, btc_rate, usd_rate, ref, "PENDING"]])
+                                .then(result => resolve({ "USD_net": usd_rate, "BTC_net": btc_rate, "amount_out": net_value, "end_date": cur_date }))
                                 .catch(error => reject(error))
                         }).catch(error => reject(error))
                     }).catch(error => reject(error))

From fde297fb44f466fde8db0724d231edeb09786788 Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Tue, 18 Oct 2022 04:40:16 +0530
Subject: [PATCH 138/168] Convert feature add-ons

- Reject request when not enough fund is available to convert.
- MIN_FUND  is the minimum fund that should be reserved.
- Add funds for conversion via adminID

- Added: Refund feature
- Automate a refund on currency when convertToCoin request is made when fund is insufficient
- ConvertFrom now accepts an non-broadcasted tx_hex from user and broadcast it when convert fund is available. (if convert fund is insufficient, then tx is not broadcasted)
---
 args/schema.sql                |  11 ++++
 docs/scripts/floExchangeAPI.js |  86 +++++++++++++++++++++++-
 src/_constants.js              |   3 +
 src/app.js                     |   2 +
 src/background.js              |  75 ++++++++++++++++++++-
 src/blockchain.js              |  32 +++++++--
 src/request.js                 |  36 ++++++++++-
 src/services/conversion.js     | 115 ++++++++++++++++++++++++++++++---
 8 files changed, 336 insertions(+), 24 deletions(-)

diff --git a/args/schema.sql b/args/schema.sql
index 54edc52..00194e7 100644
--- a/args/schema.sql
+++ b/args/schema.sql
@@ -300,6 +300,17 @@ CREATE TABLE DirectConvert(
     PRIMARY KEY(id)
 );
 
+CREATE TABLE RefundTransact(
+    id INT NOT NULL AUTO_INCREMENT,
+    floID CHAR(34) NOT NULL,
+    amount DECIMAL(16, 8),
+    in_txid VARCHAR(128),
+    out_txid VARCHAR(128),
+    locktime TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+    status VARCHAR(50) NOT NULL,
+    PRIMARY KEY(id)
+)
+
 /* Backup Feature (Tables & Triggers) */
 
 CREATE TABLE _backup (
diff --git a/docs/scripts/floExchangeAPI.js b/docs/scripts/floExchangeAPI.js
index 984d1b0..015fdc6 100644
--- a/docs/scripts/floExchangeAPI.js
+++ b/docs/scripts/floExchangeAPI.js
@@ -514,6 +514,7 @@
         INSUFFICIENT_SELLCHIP: '203',
         GREATER_SELLCHIP_BASE: '204',
         INSUFFICIENT_PERIOD: '206',
+        INSUFFICIENT_FUND: '207',
 
         //OTHERS
         NODES_OFFLINE: '404',
@@ -1243,6 +1244,7 @@
                     floID: floID,
                     txid: txid,
                     coin: "BTC",
+                    amount: amount,
                     timestamp: Date.now()
                 };
                 if (!proxySecret) //Direct signing (without proxy)
@@ -1250,6 +1252,7 @@
                 request.sign = signRequest({
                     type: "convert_to",
                     coin: request.coin,
+                    amount: amount,
                     txid: txid,
                     timestamp: request.timestamp
                 }, proxySecret || privKey);
@@ -1276,11 +1279,13 @@
                 return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Invalid Private Key", errorCode.INVALID_PRIVATE_KEY));
             let btc_id = btcOperator.convert.legacy2bech(floID),
                 btc_sink = btcOperator.convert.legacy2bech(sinkID);
-            btcOperator.sendTx(btc_id, privKey, btc_sink, quantity, null).then(txid => {
+            btcOperator.createSignedTx(btc_id, privKey, btc_sink, quantity, null).then(result => {
                 let request = {
                     floID: floID,
-                    txid: txid,
+                    txid: btcOperator.transactionID(result.transaction),
+                    tx_hex: result.transaction.serialize(),
                     coin: "BTC",
+                    quantity: quantity,
                     timestamp: Date.now()
                 };
                 if (!proxySecret) //Direct signing (without proxy)
@@ -1288,7 +1293,8 @@
                 request.sign = signRequest({
                     type: "convert_from",
                     coin: request.coin,
-                    txid: txid,
+                    quantity: quantity,
+                    txid: data.txid,
                     timestamp: request.timestamp
                 }, proxySecret || privKey);
                 console.debug(request);
@@ -1308,6 +1314,80 @@
         })
     }
 
+    exchangeAPI.addConvertFundCurrency = function (amount, floID, sinkID, privKey) {
+        return new Promise((resolve, reject) => {
+            if (!floCrypto.verifyPrivKey(privKey, floID))
+                return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Invalid Private Key", errorCode.INVALID_PRIVATE_KEY));
+            if (floID !== floGlobals.adminID)
+                return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Access Denied", errorCode.ACCESS_DENIED));
+            floTokenAPI.sendToken(privKey, amount, sinkID, '(add convert fund)', floGlobals.currency).then(txid => {
+                let request = {
+                    floID: floID,
+                    txid: txid,
+                    coin: "BTC",
+                    timestamp: Date.now()
+                };
+                request.sign = signRequest({
+                    type: "add_convert_currency_fund",
+                    coin: request.coin,
+                    txid: txid,
+                    timestamp: request.timestamp
+                }, privKey);
+                console.debug(request);
+
+                fetch_api('/add-convert-currency-fund', {
+                    method: "POST",
+                    headers: {
+                        'Content-Type': 'application/json'
+                    },
+                    body: JSON.stringify(request)
+                }).then(result => {
+                    responseParse(result, false)
+                        .then(result => resolve(result))
+                        .catch(error => reject(error))
+                }).catch(error => reject(error))
+            }).catch(error => reject(error))
+        })
+    }
+
+    exchangeAPI.addConvertFundBTC = function (quantity, floID, sinkID, privKey) {
+        return new Promise((resolve, reject) => {
+            if (!floCrypto.verifyPrivKey(privKey, floID))
+                return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Invalid Private Key", errorCode.INVALID_PRIVATE_KEY));
+            if (floID !== floGlobals.adminID)
+                return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Access Denied", errorCode.ACCESS_DENIED));
+            let btc_id = btcOperator.convert.legacy2bech(floID),
+                btc_sink = btcOperator.convert.legacy2bech(sinkID);
+            btcOperator.sendTx(btc_id, privKey, btc_sink, quantity, null).then(txid => {
+                let request = {
+                    floID: floID,
+                    txid: txid,
+                    coin: "BTC",
+                    timestamp: Date.now()
+                };
+                request.sign = signRequest({
+                    type: "add_convert_coin_fund",
+                    coin: request.coin,
+                    txid: data.txid,
+                    timestamp: request.timestamp
+                }, proxySecret || privKey);
+                console.debug(request);
+
+                fetch_api('/add-convert-coin-fund', {
+                    method: "POST",
+                    headers: {
+                        'Content-Type': 'application/json'
+                    },
+                    body: JSON.stringify(request)
+                }).then(result => {
+                    responseParse(result, false)
+                        .then(result => resolve(result))
+                        .catch(error => reject(error))
+                }).catch(error => reject(error))
+            }).catch(error => reject(error))
+        })
+    }
+
     exchangeAPI.closeBlockchainBond = function (bond_id, floID, privKey) {
         return new Promise((resolve, reject) => {
             if (!floCrypto.verifyPrivKey(privKey, floID))
diff --git a/src/_constants.js b/src/_constants.js
index e6650ad..34e0246 100644
--- a/src/_constants.js
+++ b/src/_constants.js
@@ -24,6 +24,9 @@ module.exports = {
         TOP_RANGE: 10 / 100, //top 10%
         REC_HISTORY_INTERVAL: 1 * 60 * 60 * 1000, //1 hr
     },
+    convert: {
+        MIN_FUND: 0.3 // 30%
+    },
     backup: {
         SHARE_THRESHOLD: 50 / 100, //50%
         HASH_N_ROW: 100,
diff --git a/src/app.js b/src/app.js
index b3dfa1d..ccbc8a4 100644
--- a/src/app.js
+++ b/src/app.js
@@ -88,6 +88,8 @@ module.exports = function App(secret, DB) {
     //convert from or to coin
     app.post('/convert-to', Request.ConvertTo);
     app.post('/convert-from', Request.ConvertFrom);
+    app.post('/add-convert-coin-fund', Request.AddConvertCoinFund);
+    app.post('/add-convert-currency-fund', Request.AddConvertCurrencyFund);
 
     //close blockchain-bond
     app.post('/close-blockchain-bonds', Request.CloseBlockchainBond);
diff --git a/src/background.js b/src/background.js
index f31ce2c..ce079a3 100644
--- a/src/background.js
+++ b/src/background.js
@@ -220,12 +220,14 @@ verifyTx.BTC = function (sender, txid) {
 }
 
 function verifyConvert() {
-    DB.query("SELECT id, floID, mode, in_txid FROM DirectConvert WHERE status=? AND coin=?", ["PENDING", "BTC"]).then(results => {
+    DB.query("SELECT id, floID, mode, in_txid, amount, quantity FROM DirectConvert WHERE status=? AND coin=?", ["PENDING", "BTC"]).then(results => {
         results.forEach(r => {
             if (mode == _sql.CONVERT_MODE_GET) {
                 verifyTx.token(r.floID, r.in_txid, true).then(({ amount }) => {
+                    if (r.amount !== amount)
+                        throw ([true, "Transaction amount mismatched in blockchain"]);
                     conversion_rates.BTC_INR().then(rate => {
-                        blockchain.convertToCoin.init(r.floID, "BTC", amount, amount / rate, r.id)
+                        blockchain.convertToCoin.init(r.floID, "BTC", amount / rate, r.id)
                     }).catch(error => console.error(error))
                 }).catch(error => {
                     console.error(error);
@@ -235,8 +237,10 @@ function verifyConvert() {
                 });
             } else if (mode == _sql.CONVERT_MODE_PUT) {
                 verifyTx.BTC(r.floID, r.in_txid).then(quantity => {
+                    if (r.quantity !== quantity)
+                        throw ([true, "Transaction quantity mismatched in blockchain"]);
                     conversion_rates.BTC_INR().then(rate => {
-                        blockchain.convertFromCoin.init(r.floID, quantity * rate, quantity, r.id)
+                        blockchain.convertFromCoin.init(r.floID, quantity * rate, r.id)
                     }).catch(error => console.error(error))
                 }).catch(error => {
                     console.error(error);
@@ -283,6 +287,67 @@ function confirmConvert() {
     }).catch(error => console.error(error));
 }
 
+function convert_depositFund() {
+    DB.query("SELECT id, floID, mode, in_txid FROM DirectConvert WHERE status=? AND coin=?", ["DEPOSIT_PENDING", "BTC"]).then(results => {
+        results.forEach(r => {
+            if (mode == _sql.CONVERT_MODE_GET) {
+                verifyTx.token(r.floID, r.in_txid, true).then(({ amount }) => {
+                    DB.query("UPDATE DirectConvert SET status=?, amount=? WHERE id=?", ["DEPOSIT_SUCCESS", amount, r.id])
+                        .then(_ => null).catch(error => console.error(error));
+                }).catch(error => {
+                    console.error(error);
+                    if (error[0])
+                        DB.query("UPDATE DirectConvert SET status=? WHERE id=?", ["REJECTED", r.id])
+                            .then(_ => null).catch(error => console.error(error));
+                });
+            } else if (mode == _sql.CONVERT_MODE_PUT) {
+                verifyTx.BTC(r.floID, r.in_txid).then(quantity => {
+                    DB.query("UPDATE DirectConvert SET status=?, quantity=? WHERE id=?", ["DEPOSIT_SUCCESS", quantity, r.id])
+                        .then(_ => null).catch(error => console.error(error));
+                }).catch(error => {
+                    console.error(error);
+                    if (error[0])
+                        DB.query("UPDATE DirectConvert SET status=? WHERE id=?", ["REJECTED", r.id])
+                            .then(_ => null).catch(error => console.error(error));
+                });
+            }
+        })
+    }).catch(error => console.error(error))
+}
+
+function verifyRefund() {
+    DB.query("SELECT id, floID, in_txid FROM RefundTransact WHERE status=?", ["PENDING"]).then(results => {
+        verifyTx.token(r.floID, r.in_txid, true)
+            .then(({ amount }) => blockchain.refundTransact.init(r.floID, amount, r.id))
+            .catch(error => {
+                console.error(error);
+                if (error[0])
+                    DB.query("UPDATE RefundTransact SET status=? WHERE id=?", ["REJECTED", r.id])
+                        .then(_ => null).catch(error => console.error(error));
+            });
+    }).catch(error => console.error(error))
+}
+
+function retryRefund() {
+    DB.query("SELECT id, floID, amount FROM RefundTransact WHERE status=?", ["PROCESSING"]).then(results => {
+        results.forEach(r => blockchain.refundTransact.retry(r.floID, r.amount, r.id))
+    }).catch(error => console.error(error))
+}
+
+function confirmRefund() {
+    DB.query("SELECT * FROM RefundTransact WHERE status=?", ["WAITING_CONFIRMATION"]).then(result => {
+        results.forEach(r => {
+            floTokenAPI.getTx(r.txid).then(tx => {
+                if (!tx.transactionDetails.blockheight || !tx.transactionDetails.confirmations) //Still not confirmed
+                    return;
+                DB.query("UPDATE RefundTransact SET status=? WHERE id=?", ["SUCCESS", r.id])
+                    .then(result => console.debug(`Refunded ${r.amount} to ${r.floID}`))
+                    .catch(error => console.error(error));
+            }).catch(error => console.error(error));
+        })
+    }).catch(error => console.error(error))
+}
+
 function retryBondClosing() {
     DB.query("SELECT id, floID, amount FROM CloseBondTransact WHERE status=?", ["PENDING"]).then(results => {
         results.forEach(r => blockchain.bondTransact.retry(r.floID, r.amount, r.id))
@@ -340,10 +405,14 @@ function processAll() {
     verifyConvert();
     retryConvert();
     confirmConvert();
+    convert_depositFund();
     retryBondClosing();
     confirmBondClosing();
     retryFundClosing();
     confirmFundClosing();
+    verifyRefund();
+    retryRefund();
+    confirmRefund();
 }
 
 module.exports = {
diff --git a/src/blockchain.js b/src/blockchain.js
index 8e3c59b..a33e631 100644
--- a/src/blockchain.js
+++ b/src/blockchain.js
@@ -7,6 +7,7 @@ var DB; //container for database
 const TYPE_TOKEN = "TOKEN",
     TYPE_COIN = "COIN",
     TYPE_CONVERT = "CONVERT",
+    TYPE_REFUND = "REFUND",
     TYPE_BOND = "BOND",
     TYPE_FUND = "BOB-FUND";
 
@@ -16,6 +17,7 @@ const balance_locked = {},
         [TYPE_COIN]: {},
         [TYPE_TOKEN]: {},
         [TYPE_CONVERT]: {},
+        [TYPE_REFUND]: {},
         [TYPE_BOND]: {},
         [TYPE_FUND]: {}
     };
@@ -63,6 +65,7 @@ const WITHDRAWAL_MESSAGE = {
     [TYPE_COIN]: "(withdrawal from market)",
     [TYPE_TOKEN]: "(withdrawal from market)",
     [TYPE_CONVERT]: "(convert coin)",
+    [TYPE_REFUND]: "(refund from market)",
     [TYPE_BOND]: "(bond closing)",
     [TYPE_FUND]: "(fund investment closing)"
 }
@@ -84,6 +87,7 @@ const updateSyntax = {
     [TYPE_COIN]: "UPDATE WithdrawCoin SET status=?, txid=? WHERE id=?",
     [TYPE_TOKEN]: "UPDATE WithdrawToken SET status=?, txid=? WHERE id=?",
     [TYPE_CONVERT]: "UPDATE DirectConvert SET status=?, out_txid=? WHERE id=?",
+    [TYPE_REFUND]: "UPDATE RefundTransact SET status=?, out_txid=? WHERE id=?",
     [TYPE_BOND]: "UPDATE CloseBondTransact SET status=?, txid=? WHERE id=?",
     [TYPE_FUND]: "UPDATE CloseFundTransact SET status=?, txid=? WHERE id=?"
 };
@@ -135,8 +139,8 @@ function sendToken_retry(floID, token, quantity, id) {
     else sendAsset(floID, token, quantity, TYPE_TOKEN, id);
 }
 
-function convertToCoin_init(floID, coin, currency_amount, coin_quantity, id) {
-    DB.query("UPDATE DirectConvert SET amount=?, quantity=?, status=?, locktime=DEFAULT WHERE id=?", [currency_amount, coin_quantity, "PROCESSING", id])
+function convertToCoin_init(floID, coin, coin_quantity, id) {
+    DB.query("UPDATE DirectConvert SET quantity=?, status=?, locktime=DEFAULT WHERE id=?", [coin_quantity, "PROCESSING", id])
         .then(result => sendAsset(floID, coin, coin_quantity, TYPE_CONVERT, id))
         .catch(error => console.error(error))
 }
@@ -147,16 +151,16 @@ function convertToCoin_retry(floID, coin, coin_quantity, id) {
     else sendAsset(floID, coin, coin_quantity, TYPE_CONVERT, id);
 }
 
-function convertFromCoin_init(floID, currency_amount, coin_quantity, id) {
-    DB.query("UPDATE DirectConvert SET amount=?, quantity=?, status=?, locktime=DEFAULT WHERE id=?", [currency_amount, coin_quantity, "PROCESSING", id])
+function convertFromCoin_init(floID, currency_amount, id) {
+    DB.query("UPDATE DirectConvert SET amount=?, status=?, locktime=DEFAULT WHERE id=?", [currency_amount, "PROCESSING", id])
         .then(result => sendAsset(floID, floGlobals.currency, currency_amount, TYPE_CONVERT, id))
         .catch(error => console.error(error))
 }
 
-function convertFromCoin_retry(floID, current_amount, id) {
+function convertFromCoin_retry(floID, currency_amount, id) {
     if (id in callbackCollection[TYPE_CONVERT])
         console.debug("A callback is already pending for this Coin Convert");
-    else sendAsset(floID, floGlobals.currency, current_amount, TYPE_CONVERT, id);
+    else sendAsset(floID, floGlobals.currency, currency_amount, TYPE_CONVERT, id);
 }
 
 function bondTransact_retry(floID, amount, id) {
@@ -171,6 +175,18 @@ function fundTransact_retry(floID, amount, id) {
     else sendAsset(floID, floGlobals.currency, amount, TYPE_FUND, id);
 }
 
+function refundTransact_init(floID, amount, id) {
+    DB.query("UPDATE RefundTransact SET amount=?, status=?, locktime=DEFAULT WHERE id=?", [amount, "PROCESSING", id])
+        .then(result => sendAsset(floID, floGlobals.currency, amount, TYPE_REFUND, id))
+        .catch(error => console.error(error))
+}
+
+function refundTransact_retry(floID, amount, id) {
+    if (id in callbackCollection[TYPE_REFUND])
+        console.debug("A callback is already pending for this Refund");
+    else sendAsset(floID, floGlobals.currency, amount, TYPE_REFUND, id);
+}
+
 module.exports = {
     set collectAndCall(fn) {
         collectAndCall = fn;
@@ -203,6 +219,10 @@ module.exports = {
     fundTransact: {
         retry: fundTransact_retry
     },
+    refundTransact: {
+        init: refundTransact_init,
+        retry: refundTransact_retry
+    },
     set DB(db) {
         DB = db;
     }
diff --git a/src/request.js b/src/request.js
index d4719cf..1c606fa 100644
--- a/src/request.js
+++ b/src/request.js
@@ -309,9 +309,10 @@ function ConvertTo(req, res) {
     processRequest(res, data.floID, data.pubKey, data.sign, "Conversion", {
         type: "convert_to",
         coin: data.coin,
+        amount: data.amount,
         txid: data.txid,
         timestamp: data.timestamp
-    }, () => conversion.convertToCoin(data.floID, data.txid, data.coin));
+    }, () => conversion.convertToCoin(data.floID, data.txid, data.coin, data.amount));
 }
 
 function ConvertFrom(req, res) {
@@ -319,9 +320,38 @@ function ConvertFrom(req, res) {
     processRequest(res, data.floID, data.pubKey, data.sign, "Conversion", {
         type: "convert_from",
         coin: data.coin,
+        quantity: data.quantity,
         txid: data.txid,
         timestamp: data.timestamp
-    }, () => conversion.convertFromCoin(data.floID, data.txid, data.coin));
+    }, () => conversion.convertFromCoin(data.floID, data.txid, data.tx_hex, data.coin, data.quantity));
+}
+
+function AddConvertCoinFund(req, res) {
+    let data = req.body;
+    if (data.floID !== floGlobals.adminID)
+        res.status(INVALID.e_code).send(INVALID.str(eCode.ACCESS_DENIED, "Access Denied"));
+    else if (!data.pubKey)
+        res.status(INVALID.e_code).send(INVALID.str(eCode.MISSING_PARAMETER, "Public key missing"));
+    else processRequest(res, data.floID, data.pubKey, data.sign, "Conversion Fund", {
+        type: "add_convert_coin_fund",
+        coin: data.coin,
+        txid: data.txid,
+        timestamp: data.timestamp
+    }, () => conversion.addFund.coin(data.floID, data.txid, data.coin));
+}
+
+function AddConvertCurrencyFund(req, res) {
+    let data = req.body;
+    if (data.floID !== floGlobals.adminID)
+        res.status(INVALID.e_code).send(INVALID.str(eCode.ACCESS_DENIED, "Access Denied"));
+    else if (!data.pubKey)
+        res.status(INVALID.e_code).send(INVALID.str(eCode.MISSING_PARAMETER, "Public key missing"));
+    else processRequest(res, data.floID, data.pubKey, data.sign, "Conversion Fund", {
+        type: "add_convert_currency_fund",
+        coin: data.coin,
+        txid: data.txid,
+        timestamp: data.timestamp
+    }, () => conversion.addFund.currency(data.floID, data.txid, data.coin));
 }
 
 function CloseBlockchainBond(req, res) {
@@ -543,6 +573,8 @@ module.exports = {
     RemoveDistributor,
     ConvertTo,
     ConvertFrom,
+    AddConvertCoinFund,
+    AddConvertCurrencyFund,
     CloseBlockchainBond,
     CloseBobsFund,
     set trustedIDs(ids) {
diff --git a/src/services/conversion.js b/src/services/conversion.js
index 11ea830..bc58303 100644
--- a/src/services/conversion.js
+++ b/src/services/conversion.js
@@ -1,4 +1,7 @@
+'use strict';
+
 const _sql = require('../_constants').sql;
+const { MIN_FUND } = require('../_constants')['convert'];
 const eCode = require('../../docs/scripts/floExchangeAPI').errorCode;
 
 const allowedConversion = ["BTC"];
@@ -41,32 +44,120 @@ function USD_INR() {
     });
 }
 
-function convertToCoin(floID, txid, coin) {
+function checkPoolBalance(coin, req_value, mode) {
     return new Promise((resolve, reject) => {
         if (!allowedConversion.includes(coin))
             return reject(INVALID(eCode.INVALID_TOKEN_NAME, `Invalid coin (${coin})`));
-        DB.query("SELECT status FROM DirectConvert WHERE in_txid=? AND floID=? mode=?", [txid, floID, _sql.CONVERT_MODE_GET]).then(result => {
+        DB.query("SELECT mode, SUM(quantity) AS coin_val, SUM(amount) AS cash_val FROM DirectConvert WHERE coin=? AND status NOT IN (?) GROUP BY mode", [coin, ["REJECTED", "REFUND"]]).then(result => {
+            let coin_net = 0, cash_net = 0;
+            for (let r of result)
+                if (r.mode == _sql.CONVERT_MODE_GET) {
+                    coin_net -= r.coin_val;
+                    cash_net += r.cash_val;
+                } else if (r.mode == _sql.CONVERT_MODE_PUT) {
+                    coin_net += r.coin_val;
+                    cash_net -= r.cash_val;
+                }
+            BTC_INR().then(rate => {
+                coin_net = coin_net * rate;
+                let availability = -1;
+                if (mode == _sql.CONVERT_MODE_GET)
+                    availability = coin_net - cash_net * MIN_FUND;
+                else if (mode == _sql.CONVERT_MODE_PUT) {
+                    availability = cash_net - coin_net * MIN_FUND;
+                    req_value = req_value * rate; //convert to currency value
+                }
+                if (req_value > availability)
+                    reject(INVALID(eCode.INSUFFICIENT_FUND, `Insufficient convert! Availability: ${availability > 0 ? availability : 0}`));
+                else
+                    resolve(true);
+            }).catch(error => reject(error))
+        }).catch(error => reject(error))
+    })
+}
+
+function convertToCoin(floID, txid, coin, amount) {
+    return new Promise((resolve, reject) => {
+        if (!allowedConversion.includes(coin))
+            return reject(INVALID(eCode.INVALID_TOKEN_NAME, `Invalid coin (${coin})`));
+        else if (typeof amount !== "number" || amount <= 0)
+            return reject(INVALID(eCode.INVALID_NUMBER, `Invalid amount (${amount})`));
+        DB.query("SELECT status FROM DirectConvert WHERE in_txid=? AND floID=? AND mode=?", [txid, floID, _sql.CONVERT_MODE_GET]).then(result => {
             if (result.length)
                 return reject(INVALID(eCode.DUPLICATE_ENTRY, "Transaction already in process"));
-            else
-                DB.query("INSERT INTO DirectConvert(floID, in_txid, mode, coin, status) VALUES (?, ?, ?, ?, ?)", [floID, txid, _sql.CONVERT_MODE_GET, coin, "PENDING"])
+            checkPoolBalance(coin, amount, _sql.CONVERT_MODE_GET).then(result => {
+                DB.query("INSERT INTO DirectConvert(floID, in_txid, mode, coin, amount, status) VALUES (?)", [[floID, txid, _sql.CONVERT_MODE_GET, coin, amount, "PENDING"]])
                     .then(result => resolve("Conversion request in process"))
                     .catch(error => reject(error));
+            }).catch(error => {
+                if (error instanceof INVALID && error.ecode === eCode.INSUFFICIENT_FUND)
+                    DB.query("INSERT INTO DirectConvert(floID, in_txid, mode, coin, amount, status) VALUES (?)", [[floID, txid, _sql.CONVERT_MODE_GET, coin, amount, "REFUND"]]).then(result => {
+                        DB.query("INSERT INTO RefundTransact(floID, in_txid, amount, status) VALUES (?)", [[floID, txid, amount, "PENDING"]])
+                            .then(_ => null).catch(error => console.error(error));
+                    }).catch(error => console.error(error))
+                reject(error);
+            })
         }).catch(error => reject(error))
     });
 }
 
-function convertFromCoin(floID, txid, coin) {
+function convertFromCoin(floID, txid, tx_hex, coin, quantity) {
     return new Promise((resolve, reject) => {
         if (!allowedConversion.includes(coin))
             return reject(INVALID(eCode.INVALID_TOKEN_NAME, `Invalid coin (${coin})`));
-        DB.query("SELECT status FROM DirectConvert WHERE in_txid=? AND floID=? mode=?", [txid, floID, _sql.CONVERT_MODE_PUT]).then(result => {
+        else if (typeof quantity !== "number" || quantity <= 0)
+            return reject(INVALID(eCode.INVALID_NUMBER, `Invalid quantity (${quantity})`));
+        else if (btcOperator.transactionID(tx_hex) !== txid)
+            return reject(INVALID(eCode.INVALID_TX_ID, `txid ${txid} doesnt match the tx-hex`));
+        DB.query("SELECT status FROM DirectConvert WHERE in_txid=? AND floID=? AND mode=?", [txid, floID, _sql.CONVERT_MODE_PUT]).then(result => {
             if (result.length)
                 return reject(INVALID(eCode.DUPLICATE_ENTRY, "Transaction already in process"));
-            else
-                DB.query("INSERT INTO DirectConvert(floID, in_txid, mode, coin, status) VALUES (?, ?, ?, ?, ?)", [floID, txid, _sql.CONVERT_MODE_PUT, coin, "PENDING"])
-                    .then(result => resolve("Conversion request in process"))
-                    .catch(error => reject(error));
+            checkPoolBalance(coin, quantity, _sql.CONVERT_MODE_PUT).then(result => {
+                btcOperator.broadcastTx(tx_hex).then(b_txid => {
+                    if (b_txid !== txid)
+                        console.warn("broadcast TX-ID is not same as calculated TX-ID");
+                    DB.query("INSERT INTO DirectConvert(floID, in_txid, mode, coin, quantity, status) VALUES (?)", [[floID, b_txid, _sql.CONVERT_MODE_PUT, coin, quantity, "PENDING"]])
+                        .then(result => resolve("Conversion request in process"))
+                        .catch(error => reject(error));
+                }).catch(error => {
+                    if (error === null)
+                        reject(INVALID(eCode.INVALID_TX_ID, `Invalid transaction hex`));
+                    else
+                        reject(error);
+                })
+            }).catch(error => reject(error))
+        }).catch(error => reject(error))
+    })
+}
+
+function addCurrencyFund(floID, txid, coin) {
+    return new Promise((resolve, reject) => {
+        if (floID !== floGlobals.adminID)
+            return reject(INVALID(eCode.ACCESS_DENIED, 'Access Denied'));
+        else if (!allowedConversion.includes(coin))
+            return reject(INVALID(eCode.INVALID_TOKEN_NAME, `Invalid coin (${coin})`));
+        DB.query("SELECT status FROM DirectConvert WHERE in_txid=? AND floID=? AND mode=?", [txid, floID, _sql.CONVERT_MODE_GET]).then(result => {
+            if (result.length)
+                return reject(INVALID(eCode.DUPLICATE_ENTRY, "Transaction already in process"));
+            DB.query("INSERT INTO DirectConvert(floID, in_txid, mode, coin, status) VALUES (?)", [[floID, b_txid, _sql.CONVERT_MODE_GET, coin, "DEPOSIT_PENDING"]])
+                .then(result => resolve("Add currency fund in process"))
+                .catch(error => reject(error))
+        }).catch(error => reject(error))
+    })
+}
+
+function addCoinFund(floID, txid, coin) {
+    return new Promise((resolve, reject) => {
+        if (floID !== floGlobals.adminID)
+            return reject(INVALID(eCode.ACCESS_DENIED, 'Access Denied'));
+        else if (!allowedConversion.includes(coin))
+            return reject(INVALID(eCode.INVALID_TOKEN_NAME, `Invalid coin (${coin})`));
+        DB.query("SELECT status FROM DirectConvert WHERE in_txid=? AND floID=? AND mode=?", [txid, floID, _sql.CONVERT_MODE_PUT]).then(result => {
+            if (result.length)
+                return reject(INVALID(eCode.DUPLICATE_ENTRY, "Transaction already in process"));
+            DB.query("INSERT INTO DirectConvert(floID, in_txid, mode, coin, status) VALUES (?)", [[floID, b_txid, _sql.CONVERT_MODE_PUT, coin, "DEPOSIT_PENDING"]])
+                .then(result => resolve("Add coin fund in process"))
+                .catch(error => reject(error))
         }).catch(error => reject(error))
     })
 }
@@ -79,6 +170,10 @@ module.exports = {
     },
     convertToCoin,
     convertFromCoin,
+    addFund: {
+        coin: addCoinFund,
+        currency: addCurrencyFund
+    },
     set DB(db) {
         DB = db;
     }

From 970b4547cb46850be78d729a9b6c8b8d2a7e52ab Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Tue, 18 Oct 2022 04:46:15 +0530
Subject: [PATCH 139/168] Update Std_op

---
 docs/scripts/btcOperator.js      | 73 ++++++++++++++++++++------------
 docs/scripts/floBlockchainAPI.js | 33 ++++++++-------
 docs/scripts/floCrypto.js        | 62 +++++++++++++++------------
 3 files changed, 97 insertions(+), 71 deletions(-)

diff --git a/docs/scripts/btcOperator.js b/docs/scripts/btcOperator.js
index 7406ba2..ce8b09d 100644
--- a/docs/scripts/btcOperator.js
+++ b/docs/scripts/btcOperator.js
@@ -1,11 +1,11 @@
-(function(EXPORTS) { //btcOperator v1.0.10a
+(function (EXPORTS) { //btcOperator v1.0.11
     /* BTC Crypto and API Operator */
     const btcOperator = EXPORTS;
 
     //This library uses API provided by chain.so (https://chain.so/)
     const URL = "https://chain.so/api/v2/";
 
-    const fetch_api = btcOperator.fetch = function(api) {
+    const fetch_api = btcOperator.fetch = function (api) {
         return new Promise((resolve, reject) => {
             console.debug(URL + api);
             fetch(URL + api).then(response => {
@@ -23,8 +23,8 @@
             fetch('https://api.blockchain.info/mempool/fees').then(response => {
                 if (response.ok)
                     response.json()
-                    .then(result => resolve(parseFloat((result.regular / SATOSHI_IN_BTC).toFixed(8))))
-                    .catch(error => reject(error));
+                        .then(result => resolve(parseFloat((result.regular / SATOSHI_IN_BTC).toFixed(8))))
+                        .catch(error => reject(error));
                 else
                     reject(response);
             }).catch(error => reject(error))
@@ -39,7 +39,7 @@
                 "tx_hex": rawTxHex
             },
             dataType: "json",
-            error: e => reject(e.responseJSON),
+            error: e => reject((e.responseJSON && e.responseJSON.status === "fail") ? null : e.responseJSON),
             success: r => r.status === "success" ? resolve(r.data.txid) : reject(r)
         })
     });
@@ -69,7 +69,7 @@
 
     coinjs.compressed = true;
 
-    const verifyKey = btcOperator.verifyKey = function(addr, key) {
+    const verifyKey = btcOperator.verifyKey = function (addr, key) {
         if (!addr || !key)
             return undefined;
         switch (coinjs.addressDecode(addr).type) {
@@ -84,7 +84,7 @@
         }
     }
 
-    const validateAddress = btcOperator.validateAddress = function(addr) {
+    const validateAddress = btcOperator.validateAddress = function (addr) {
         if (!addr)
             return undefined;
         let type = coinjs.addressDecode(addr).type;
@@ -94,7 +94,7 @@
             return false;
     }
 
-    btcOperator.multiSigAddress = function(pubKeys, minRequired) {
+    btcOperator.multiSigAddress = function (pubKeys, minRequired) {
         if (!Array.isArray(pubKeys))
             throw "pubKeys must be an array of public keys";
         else if (pubKeys.length < minRequired)
@@ -105,7 +105,7 @@
     //convert from one blockchain to another blockchain (target version)
     btcOperator.convert = {};
 
-    btcOperator.convert.wif = function(source_wif, target_version = coinjs.priv) {
+    btcOperator.convert.wif = function (source_wif, target_version = coinjs.priv) {
         let keyHex = decodeLegacy(source_wif).hex;
         if (!keyHex || keyHex.length < 66 || !/01$/.test(keyHex))
             return null;
@@ -113,7 +113,7 @@
             return encodeLegacy(keyHex, target_version);
     }
 
-    btcOperator.convert.legacy2legacy = function(source_addr, target_version = coinjs.pub) {
+    btcOperator.convert.legacy2legacy = function (source_addr, target_version = coinjs.pub) {
         let rawHex = decodeLegacy(source_addr).hex;
         if (!rawHex)
             return null;
@@ -121,7 +121,7 @@
             return encodeLegacy(rawHex, target_version);
     }
 
-    btcOperator.convert.legacy2bech = function(source_addr, target_version = coinjs.bech32.version, target_hrp = coinjs.bech32.hrp) {
+    btcOperator.convert.legacy2bech = function (source_addr, target_version = coinjs.bech32.version, target_hrp = coinjs.bech32.hrp) {
         let rawHex = decodeLegacy(source_addr).hex;
         if (!rawHex)
             return null;
@@ -129,7 +129,7 @@
             return encodeBech32(rawHex, target_version, target_hrp);
     }
 
-    btcOperator.convert.bech2bech = function(source_addr, target_version = coinjs.bech32.version, target_hrp = coinjs.bech32.hrp) {
+    btcOperator.convert.bech2bech = function (source_addr, target_version = coinjs.bech32.version, target_hrp = coinjs.bech32.hrp) {
         let rawHex = decodeBech32(source_addr).hex;
         if (!rawHex)
             return null;
@@ -137,7 +137,7 @@
             return encodeBech32(rawHex, target_version, target_hrp);
     }
 
-    btcOperator.convert.bech2legacy = function(source_addr, target_version = coinjs.pub) {
+    btcOperator.convert.bech2legacy = function (source_addr, target_version = coinjs.pub) {
         let rawHex = decodeBech32(source_addr).hex;
         if (!rawHex)
             return null;
@@ -340,7 +340,7 @@
                     let net_fee = BASE_TX_SIZE * fee_rate;
                     net_fee += (output_size * fee_rate);
                     addUTXOs(tx, senders, redeemScripts, total_amount + net_fee, fee_rate).then(result => {
-                        result.fee_amount = parseFloat((net_fee + (result.input_size * fee_rate)).toFixed(8));
+                        result.fee = parseFloat((net_fee + (result.input_size * fee_rate)).toFixed(8));
                         result.fee_rate = fee_rate;
                         resolve(result);
                     }).catch(error => reject(error))
@@ -386,7 +386,7 @@
                         script = Crypto.util.bytesToHex(s.buffer);
                     } else //redeemScript for multisig
                         script = rs;
-                    tx.addinput(utxos[i].txid, utxos[i].output_no, script, 0xfffffffd /*sequence*/ ); //0xfffffffd for Replace-by-fee
+                    tx.addinput(utxos[i].txid, utxos[i].output_no, script, 0xfffffffd /*sequence*/); //0xfffffffd for Replace-by-fee
                     //update track values
                     rec_args.input_size += size_per_input;
                     rec_args.input_amount += parseFloat(utxos[i].value);
@@ -450,7 +450,18 @@
     }
     */
 
-    btcOperator.sendTx = function(senders, privkeys, receivers, amounts, fee, change_addr = null) {
+    btcOperator.sendTx = function (senders, privkeys, receivers, amounts, fee, change_addr = null) {
+        return new Promise((resolve, reject) => {
+            createSignedTx(senders, privkeys, receivers, amounts, fee, change_addr).then(result => {
+                debugger;
+                broadcastTx(result.transaction.serialize())
+                    .then(txid => resolve(txid))
+                    .catch(error => reject(error));
+            }).catch(error => reject(error))
+        })
+    }
+
+    const createSignedTx = btcOperator.createSignedTx = function (senders, privkeys, receivers, amounts, fee, change_addr = null) {
         return new Promise((resolve, reject) => {
             try {
                 ({
@@ -482,17 +493,14 @@
             createTransaction(senders, redeemScripts, receivers, amounts, fee, change_addr || senders[0]).then(result => {
                 let tx = result.transaction;
                 console.debug("Unsigned:", tx.serialize());
-                new Set(wif_keys).forEach(key => console.debug("Signing key:", key, tx.sign(key, 1 /*sighashtype*/ ))); //Sign the tx using private key WIF
+                new Set(wif_keys).forEach(key => console.debug("Signing key:", key, tx.sign(key, 1 /*sighashtype*/))); //Sign the tx using private key WIF
                 console.debug("Signed:", tx.serialize());
-                debugger;
-                broadcastTx(tx.serialize())
-                    .then(txid => resolve(txid))
-                    .catch(error => reject(error));
+                resolve(result);
             }).catch(error => reject(error));
         })
     }
 
-    btcOperator.createTx = function(senders, receivers, amounts, fee = null, change_addr = null) {
+    btcOperator.createTx = function (senders, receivers, amounts, fee = null, change_addr = null) {
         return new Promise((resolve, reject) => {
             try {
                 ({
@@ -521,7 +529,7 @@
         })
     }
 
-    btcOperator.createMultiSigTx = function(sender, redeemScript, receivers, amounts, fee) {
+    btcOperator.createMultiSigTx = function (sender, redeemScript, receivers, amounts, fee) {
         return new Promise((resolve, reject) => {
             //validate tx parameters
             if (validateAddress(sender) !== "multisig")
@@ -566,7 +574,7 @@
         return tx;
     }
 
-    btcOperator.signTx = function(tx, privkeys, sighashtype = 1) {
+    btcOperator.signTx = function (tx, privkeys, sighashtype = 1) {
         tx = deserializeTx(tx);
         if (!Array.isArray(privkeys))
             privkeys = [privkeys];
@@ -577,7 +585,7 @@
         return tx.serialize();
     }
 
-    const checkSigned = btcOperator.checkSigned = function(tx, bool = true) {
+    const checkSigned = btcOperator.checkSigned = function (tx, bool = true) {
         tx = deserializeTx(tx);
         let n = [];
         for (let i in tx.ins) {
@@ -602,7 +610,7 @@
         return bool ? !(n.filter(x => x !== true).length) : n;
     }
 
-    btcOperator.checkIfSameTx = function(tx1, tx2) {
+    btcOperator.checkIfSameTx = function (tx1, tx2) {
         tx1 = deserializeTx(tx1);
         tx2 = deserializeTx(tx2);
         if (tx1.ins.length !== tx2.ins.length || tx1.outs.length !== tx2.outs.length)
@@ -622,7 +630,7 @@
             .catch(error => reject(error))
     });
 
-    btcOperator.parseTransaction = function(tx) {
+    btcOperator.parseTransaction = function (tx) {
         return new Promise((resolve, reject) => {
             tx = deserializeTx(tx);
             let result = {};
@@ -664,8 +672,17 @@
         })
     }
 
+    btcOperator.transactionID = function (tx) {
+        tx = deserializeTx(tx);
+        let clone = coinjs.clone(tx);
+        clone.witness = null;
+        let raw_bytes = Crypto.util.hexToBytes(clone.serialize());
+        let txid = Crypto.SHA256(Crypto.SHA256(raw_bytes, { asBytes: true }), { asBytes: true }).reverse();
+        return Crypto.util.bytesToHex(txid);
+    }
+
     btcOperator.getTx = txid => new Promise((resolve, reject) => {
-        fetch_api(`get_tx/BTC/${txid}`)
+        fetch_api(`tx/BTC/${txid}`)
             .then(result => resolve(result.data))
             .catch(error => reject(error))
     });
diff --git a/docs/scripts/floBlockchainAPI.js b/docs/scripts/floBlockchainAPI.js
index d250f86..5bb3cbb 100644
--- a/docs/scripts/floBlockchainAPI.js
+++ b/docs/scripts/floBlockchainAPI.js
@@ -1,4 +1,4 @@
-(function(EXPORTS) { //floBlockchainAPI v2.3.3b
+(function (EXPORTS) { //floBlockchainAPI v2.3.3c
     /* FLO Blockchain Operator to send/receive data from blockchain using API calls*/
     'use strict';
     const floBlockchainAPI = EXPORTS;
@@ -11,6 +11,7 @@
         },
         sendAmt: 0.001,
         fee: 0.0005,
+        minChangeAmt: 0.0005,
         receiverID: floGlobals.adminID
     };
 
@@ -102,7 +103,7 @@
     });
 
     //Promised function to get data from API
-    const promisedAPI = floBlockchainAPI.promisedAPI = floBlockchainAPI.fetch = function(apicall) {
+    const promisedAPI = floBlockchainAPI.promisedAPI = floBlockchainAPI.fetch = function (apicall) {
         return new Promise((resolve, reject) => {
             //console.log(apicall);
             fetch_api(apicall)
@@ -112,7 +113,7 @@
     }
 
     //Get balance for the given Address
-    const getBalance = floBlockchainAPI.getBalance = function(addr) {
+    const getBalance = floBlockchainAPI.getBalance = function (addr) {
         return new Promise((resolve, reject) => {
             promisedAPI(`api/addr/${addr}/balance`)
                 .then(balance => resolve(parseFloat(balance)))
@@ -121,7 +122,7 @@
     }
 
     //Send Tx to blockchain 
-    const sendTx = floBlockchainAPI.sendTx = function(senderAddr, receiverAddr, sendAmt, privKey, floData = '', strict_utxo = true) {
+    const sendTx = floBlockchainAPI.sendTx = function (senderAddr, receiverAddr, sendAmt, privKey, floData = '', strict_utxo = true) {
         return new Promise((resolve, reject) => {
             if (!floCrypto.validateASCII(floData))
                 return reject("Invalid FLO_Data: only printable ASCII characters are allowed");
@@ -171,7 +172,7 @@
                             else {
                                 trx.addoutput(receiverAddr, sendAmt);
                                 var change = utxoAmt - sendAmt - fee;
-                                if (change > 0)
+                                if (change > DEFAULT.minChangeAmt)
                                     trx.addoutput(senderAddr, change);
                                 trx.addflodata(floData.replace(/\n/g, ' '));
                                 var signedTxHash = trx.sign(privKey, 1);
@@ -187,7 +188,7 @@
     }
 
     //Write Data into blockchain
-    floBlockchainAPI.writeData = function(senderAddr, data, privKey, receiverAddr = DEFAULT.receiverID, options = {}) {
+    floBlockchainAPI.writeData = function (senderAddr, data, privKey, receiverAddr = DEFAULT.receiverID, options = {}) {
         let strict_utxo = options.strict_utxo === false ? false : true,
             sendAmt = isNaN(options.sendAmt) ? DEFAULT.sendAmt : options.sendAmt;
         return new Promise((resolve, reject) => {
@@ -200,7 +201,7 @@
     }
 
     //merge all UTXOs of a given floID into a single UTXO
-    floBlockchainAPI.mergeUTXOs = function(floID, privKey, floData = '') {
+    floBlockchainAPI.mergeUTXOs = function (floID, privKey, floData = '') {
         return new Promise((resolve, reject) => {
             if (!floCrypto.validateFloID(floID))
                 return reject(`Invalid floID`);
@@ -234,7 +235,7 @@
      * @param  {boolean} preserveRatio (optional) preserve ratio or equal contribution
      * @return {Promise}
      */
-    floBlockchainAPI.writeDataMultiple = function(senderPrivKeys, data, receivers = [DEFAULT.receiverID], preserveRatio = true) {
+    floBlockchainAPI.writeDataMultiple = function (senderPrivKeys, data, receivers = [DEFAULT.receiverID], preserveRatio = true) {
         return new Promise((resolve, reject) => {
             if (!Array.isArray(senderPrivKeys))
                 return reject("Invalid senderPrivKeys: SenderPrivKeys must be Array");
@@ -266,7 +267,7 @@
      * @param  {string} floData FLO data of the txn
      * @return {Promise}
      */
-    const sendTxMultiple = floBlockchainAPI.sendTxMultiple = function(senderPrivKeys, receivers, floData = '') {
+    const sendTxMultiple = floBlockchainAPI.sendTxMultiple = function (senderPrivKeys, receivers, floData = '') {
         return new Promise((resolve, reject) => {
             if (!floCrypto.validateASCII(floData))
                 return reject("Invalid FLO_Data: only printable ASCII characters are allowed");
@@ -421,7 +422,7 @@
     }
 
     //Broadcast signed Tx in blockchain using API
-    const broadcastTx = floBlockchainAPI.broadcastTx = function(signedTxHash) {
+    const broadcastTx = floBlockchainAPI.broadcastTx = function (signedTxHash) {
         return new Promise((resolve, reject) => {
             if (signedTxHash.length < 1)
                 return reject("Empty Signature");
@@ -441,7 +442,7 @@
         })
     }
 
-    floBlockchainAPI.getTx = function(txid) {
+    floBlockchainAPI.getTx = function (txid) {
         return new Promise((resolve, reject) => {
             promisedAPI(`api/tx/${txid}`)
                 .then(response => resolve(response))
@@ -450,7 +451,7 @@
     }
 
     //Read Txs of Address between from and to
-    const readTxs = floBlockchainAPI.readTxs = function(addr, from, to) {
+    const readTxs = floBlockchainAPI.readTxs = function (addr, from, to) {
         return new Promise((resolve, reject) => {
             promisedAPI(`api/addrs/${addr}/txs?from=${from}&to=${to}`)
                 .then(response => resolve(response))
@@ -459,7 +460,7 @@
     }
 
     //Read All Txs of Address (newest first)
-    floBlockchainAPI.readAllTxs = function(addr) {
+    floBlockchainAPI.readAllTxs = function (addr) {
         return new Promise((resolve, reject) => {
             promisedAPI(`api/addrs/${addr}/txs?from=0&to=1`).then(response => {
                 promisedAPI(`api/addrs/${addr}/txs?from=0&to=${response.totalItems}0`)
@@ -481,7 +482,7 @@
     sender      : flo-id(s) of sender
     receiver    : flo-id(s) of receiver
     */
-    floBlockchainAPI.readData = function(addr, options = {}) {
+    floBlockchainAPI.readData = function (addr, options = {}) {
         options.limit = options.limit || 0;
         options.ignoreOld = options.ignoreOld || 0;
         if (typeof options.sender === "string") options.sender = [options.sender];
@@ -489,7 +490,7 @@
         return new Promise((resolve, reject) => {
             promisedAPI(`api/addrs/${addr}/txs?from=0&to=1`).then(response => {
                 var newItems = response.totalItems - options.ignoreOld;
-                promisedAPI(`api/addrs/${addr}/txs?from=0&to=${newItems*2}`).then(response => {
+                promisedAPI(`api/addrs/${addr}/txs?from=0&to=${newItems * 2}`).then(response => {
                     if (options.limit <= 0)
                         options.limit = response.items.length;
                     var filteredData = [];
@@ -555,6 +556,8 @@
                             d.txid = response.items[i].txid;
                             d.time = response.items[i].time;
                             d.blockheight = response.items[i].blockheight;
+                            d.senders = new Set(response.items[i].vin.map(v => v.addr));
+                            d.receivers = new Set(response.items[i].vout.map(v => v.scriptPubKey.addresses[0]));
                             d.data = response.items[i].floData;
                             filteredData.push(d);
                         } else
diff --git a/docs/scripts/floCrypto.js b/docs/scripts/floCrypto.js
index 6671ffa..563d77f 100644
--- a/docs/scripts/floCrypto.js
+++ b/docs/scripts/floCrypto.js
@@ -1,4 +1,4 @@
-(function(EXPORTS) { //floCrypto v2.3.3d
+(function (EXPORTS) { //floCrypto v2.3.3e
     /* FLO Crypto Operators */
     'use strict';
     const floCrypto = EXPORTS;
@@ -78,14 +78,14 @@
     }
 
     //generate a random Interger within range
-    floCrypto.randInt = function(min, max) {
+    floCrypto.randInt = function (min, max) {
         min = Math.ceil(min);
         max = Math.floor(max);
         return Math.floor(securedMathRandom() * (max - min + 1)) + min;
     }
 
     //generate a random String within length (options : alphaNumeric chars only)
-    floCrypto.randString = function(length, alphaNumeric = true) {
+    floCrypto.randString = function (length, alphaNumeric = true) {
         var result = '';
         var characters = alphaNumeric ? 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789' :
             'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789_+-./*?@#&$<>=[]{}():';
@@ -95,7 +95,7 @@
     }
 
     //Encrypt Data using public-key
-    floCrypto.encryptData = function(data, receiverPublicKeyHex) {
+    floCrypto.encryptData = function (data, receiverPublicKeyHex) {
         var senderECKeyData = getSenderPublicKeyString();
         var senderDerivedKey = deriveSharedKeySender(receiverPublicKeyHex, senderECKeyData.privateKey);
         let senderKey = senderDerivedKey.XValue + senderDerivedKey.YValue;
@@ -107,7 +107,7 @@
     }
 
     //Decrypt Data using private-key
-    floCrypto.decryptData = function(data, privateKeyHex) {
+    floCrypto.decryptData = function (data, privateKeyHex) {
         var receiverECKeyData = {};
         if (typeof privateKeyHex !== "string") throw new Error("No private key found.");
         let privateKey = wifToDecimal(privateKeyHex, true);
@@ -120,7 +120,7 @@
     }
 
     //Sign data using private-key
-    floCrypto.signData = function(data, privateKeyHex) {
+    floCrypto.signData = function (data, privateKeyHex) {
         var key = new Bitcoin.ECKey(privateKeyHex);
         var messageHash = Crypto.SHA256(data);
         var messageSign = Bitcoin.ECDSA.sign(messageHash, key.priv);
@@ -129,7 +129,7 @@
     }
 
     //Verify signatue of the data using public-key
-    floCrypto.verifySign = function(data, signatureHex, publicKeyHex) {
+    floCrypto.verifySign = function (data, signatureHex, publicKeyHex) {
         var msgHash = Crypto.SHA256(data);
         var sigBytes = Crypto.util.hexToBytes(signatureHex);
         var publicKeyPoint = ecparams.getCurve().decodePointHex(publicKeyHex);
@@ -138,7 +138,7 @@
     }
 
     //Generates a new flo ID and returns private-key, public-key and floID
-    const generateNewID = floCrypto.generateNewID = function() {
+    const generateNewID = floCrypto.generateNewID = function () {
         var key = new Bitcoin.ECKey(false);
         key.setCompressed(true);
         return {
@@ -168,7 +168,7 @@
     });
 
     //Returns public-key from private-key
-    floCrypto.getPubKeyHex = function(privateKeyHex) {
+    floCrypto.getPubKeyHex = function (privateKeyHex) {
         if (!privateKeyHex)
             return null;
         var key = new Bitcoin.ECKey(privateKeyHex);
@@ -179,7 +179,7 @@
     }
 
     //Returns flo-ID from public-key or private-key
-    floCrypto.getFloID = function(keyHex) {
+    floCrypto.getFloID = function (keyHex) {
         if (!keyHex)
             return null;
         try {
@@ -192,7 +192,7 @@
         }
     }
 
-    floCrypto.getAddress = function(privateKeyHex, strict = false) {
+    floCrypto.getAddress = function (privateKeyHex, strict = false) {
         if (!privateKeyHex)
             return;
         var key = new Bitcoin.ECKey(privateKeyHex);
@@ -212,7 +212,7 @@
     }
 
     //Verify the private-key for the given public-key or flo-ID
-    floCrypto.verifyPrivKey = function(privateKeyHex, pubKey_floID, isfloID = true) {
+    floCrypto.verifyPrivKey = function (privateKeyHex, pubKey_floID, isfloID = true) {
         if (!privateKeyHex || !pubKey_floID)
             return false;
         try {
@@ -232,7 +232,7 @@
     }
 
     //Check if the given flo-id is valid or not
-    floCrypto.validateFloID = function(floID) {
+    floCrypto.validateFloID = function (floID) {
         if (!floID)
             return false;
         try {
@@ -244,7 +244,7 @@
     }
 
     //Check if the given address (any blockchain) is valid or not
-    floCrypto.validateAddr = function(address, std = true, bech = true) {
+    floCrypto.validateAddr = function (address, std = true, bech = true) {
         let raw = decodeAddress(address);
         if (!raw)
             return false;
@@ -267,7 +267,7 @@
     }
 
     //Check the public-key for the address (any blockchain)
-    floCrypto.verifyPubKey = function(pubKeyHex, address) {
+    floCrypto.verifyPubKey = function (pubKeyHex, address) {
         let raw = decodeAddress(address),
             pub_hash = Crypto.util.bytesToHex(ripemd160(Crypto.SHA256(Crypto.util.hexToBytes(pubKeyHex), {
                 asBytes: true
@@ -276,12 +276,18 @@
     }
 
     //Convert the given address (any blockchain) to equivalent floID
-    floCrypto.toFloID = function(address) {
+    floCrypto.toFloID = function (address, options = null) {
         if (!address)
             return;
         let raw = decodeAddress(address);
         if (!raw)
             return;
+        else if (options) {
+            if (typeof raw.version !== 'undefined' && (!options.std || !options.std.includes(raw.version)))
+                return;
+            if (typeof raw.bech_version !== 'undefined' && (!options.bech || !options.bech.includes(raw.bech_version)))
+                return;
+        }
         raw.bytes.unshift(bitjs.pub);
         let hash = Crypto.SHA256(Crypto.SHA256(raw.bytes, {
             asBytes: true
@@ -292,7 +298,7 @@
     }
 
     //Checks if the given addresses (any blockchain) are same (w.r.t keys)
-    floCrypto.isSameAddr = function(addr1, addr2) {
+    floCrypto.isSameAddr = function (addr1, addr2) {
         if (!addr1 || !addr2)
             return;
         let raw1 = decodeAddress(addr1),
@@ -303,7 +309,7 @@
             return raw1.hex === raw2.hex;
     }
 
-    const decodeAddress = floCrypto.decodeAddr = function(address) {
+    const decodeAddress = floCrypto.decodeAddr = function (address) {
         if (!address)
             return;
         else if (address.length == 33 || address.length == 34) { //legacy encoding
@@ -338,7 +344,7 @@
     }
 
     //Split the str using shamir's Secret and Returns the shares 
-    floCrypto.createShamirsSecretShares = function(str, total_shares, threshold_limit) {
+    floCrypto.createShamirsSecretShares = function (str, total_shares, threshold_limit) {
         try {
             if (str.length > 0) {
                 var strHex = shamirSecretShare.str2hex(str);
@@ -352,7 +358,7 @@
     }
 
     //Returns the retrived secret by combining the shamirs shares
-    const retrieveShamirSecret = floCrypto.retrieveShamirSecret = function(sharesArray) {
+    const retrieveShamirSecret = floCrypto.retrieveShamirSecret = function (sharesArray) {
         try {
             if (sharesArray.length > 0) {
                 var comb = shamirSecretShare.combine(sharesArray.slice(0, sharesArray.length));
@@ -366,7 +372,7 @@
     }
 
     //Verifies the shares and str
-    floCrypto.verifyShamirsSecret = function(sharesArray, str) {
+    floCrypto.verifyShamirsSecret = function (sharesArray, str) {
         if (!str)
             return null;
         else if (retrieveShamirSecret(sharesArray) === str)
@@ -375,7 +381,7 @@
             return false;
     }
 
-    const validateASCII = floCrypto.validateASCII = function(string, bool = true) {
+    const validateASCII = floCrypto.validateASCII = function (string, bool = true) {
         if (typeof string !== "string")
             return null;
         if (bool) {
@@ -393,8 +399,8 @@
                 if (x < 32 || x > 127)
                     if (x in invalids)
                         invalids[string[i]].push(i)
-                else
-                    invalids[string[i]] = [i];
+                    else
+                        invalids[string[i]] = [i];
             }
             if (Object.keys(invalids).length)
                 return invalids;
@@ -403,7 +409,7 @@
         }
     }
 
-    floCrypto.convertToASCII = function(string, mode = 'soft-remove') {
+    floCrypto.convertToASCII = function (string, mode = 'soft-remove') {
         let chars = validateASCII(string, false);
         if (chars === true)
             return string;
@@ -414,9 +420,9 @@
         ascii_alternatives.split('\n').forEach(a => refAlt[a[0]] = a.slice(2));
         mode = mode.toLowerCase();
         if (mode === "hard-unicode")
-            convertor = (c) => `\\u${('000'+c.charCodeAt().toString(16)).slice(-4)}`;
+            convertor = (c) => `\\u${('000' + c.charCodeAt().toString(16)).slice(-4)}`;
         else if (mode === "soft-unicode")
-            convertor = (c) => refAlt[c] || `\\u${('000'+c.charCodeAt().toString(16)).slice(-4)}`;
+            convertor = (c) => refAlt[c] || `\\u${('000' + c.charCodeAt().toString(16)).slice(-4)}`;
         else if (mode === "hard-remove")
             convertor = c => "";
         else if (mode === "soft-remove")
@@ -428,7 +434,7 @@
         return result;
     }
 
-    floCrypto.revertUnicode = function(string) {
+    floCrypto.revertUnicode = function (string) {
         return string.replace(/\\u[\dA-F]{4}/gi,
             m => String.fromCharCode(parseInt(m.replace(/\\u/g, ''), 16)));
     }

From 0381c447338e4dcbee39b3c695c2ab59eb7d12b3 Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Wed, 19 Oct 2022 21:26:11 +0530
Subject: [PATCH 140/168] Convert fund management

- Added Withdrawal of convert fund
- Convert fund is moved to a different table (ConvertFund)
- Added APIs for withdraw fund
- Changed add-convert-fund to deposit-convert-fund
- Fixed minor bugs
---
 docs/scripts/floExchangeAPI.js | 80 +++++++++++++++++++++++++++++++---
 src/app.js                     |  6 ++-
 src/background.js              | 76 ++++++++++++++++++++++++--------
 src/blockchain.js              | 13 ++++++
 src/request.js                 | 46 +++++++++++++++----
 src/services/conversion.js     | 66 +++++++++++++++++++++++-----
 6 files changed, 244 insertions(+), 43 deletions(-)

diff --git a/docs/scripts/floExchangeAPI.js b/docs/scripts/floExchangeAPI.js
index 015fdc6..1b13174 100644
--- a/docs/scripts/floExchangeAPI.js
+++ b/docs/scripts/floExchangeAPI.js
@@ -1314,7 +1314,7 @@
         })
     }
 
-    exchangeAPI.addConvertFundCurrency = function (amount, floID, sinkID, privKey) {
+    exchangeAPI.depositConvertFundCurrency = function (amount, floID, sinkID, privKey) {
         return new Promise((resolve, reject) => {
             if (!floCrypto.verifyPrivKey(privKey, floID))
                 return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Invalid Private Key", errorCode.INVALID_PRIVATE_KEY));
@@ -1328,14 +1328,14 @@
                     timestamp: Date.now()
                 };
                 request.sign = signRequest({
-                    type: "add_convert_currency_fund",
+                    type: "deposit_convert_currency_fund",
                     coin: request.coin,
                     txid: txid,
                     timestamp: request.timestamp
                 }, privKey);
                 console.debug(request);
 
-                fetch_api('/add-convert-currency-fund', {
+                fetch_api('/deposit-convert-currency-fund', {
                     method: "POST",
                     headers: {
                         'Content-Type': 'application/json'
@@ -1350,7 +1350,7 @@
         })
     }
 
-    exchangeAPI.addConvertFundBTC = function (quantity, floID, sinkID, privKey) {
+    exchangeAPI.depositConvertFundBTC = function (quantity, floID, sinkID, privKey) {
         return new Promise((resolve, reject) => {
             if (!floCrypto.verifyPrivKey(privKey, floID))
                 return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Invalid Private Key", errorCode.INVALID_PRIVATE_KEY));
@@ -1366,14 +1366,14 @@
                     timestamp: Date.now()
                 };
                 request.sign = signRequest({
-                    type: "add_convert_coin_fund",
+                    type: "deposit_convert_coin_fund",
                     coin: request.coin,
                     txid: data.txid,
                     timestamp: request.timestamp
                 }, proxySecret || privKey);
                 console.debug(request);
 
-                fetch_api('/add-convert-coin-fund', {
+                fetch_api('/deposit-convert-coin-fund', {
                     method: "POST",
                     headers: {
                         'Content-Type': 'application/json'
@@ -1388,6 +1388,74 @@
         })
     }
 
+    exchangeAPI.withdrawConvertFundCurrency = function (amount, floID, privKey) {
+        return new Promise((resolve, reject) => {
+            if (!floCrypto.verifyPrivKey(privKey, floID))
+                return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Invalid Private Key", errorCode.INVALID_PRIVATE_KEY));
+            if (floID !== floGlobals.adminID)
+                return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Access Denied", errorCode.ACCESS_DENIED));
+            let request = {
+                floID: floID,
+                amount: amount,
+                coin: "BTC",
+                timestamp: Date.now()
+            };
+            request.sign = signRequest({
+                type: "withdraw_convert_currency_fund",
+                coin: request.coin,
+                amount: amount,
+                timestamp: request.timestamp
+            }, privKey);
+            console.debug(request);
+
+            fetch_api('/withdraw-convert-currency-fund', {
+                method: "POST",
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify(request)
+            }).then(result => {
+                responseParse(result, false)
+                    .then(result => resolve(result))
+                    .catch(error => reject(error))
+            }).catch(error => reject(error))
+        })
+    }
+
+    exchangeAPI.withdrawConvertFundCurrency = function (quantity, floID, privKey) {
+        return new Promise((resolve, reject) => {
+            if (!floCrypto.verifyPrivKey(privKey, floID))
+                return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Invalid Private Key", errorCode.INVALID_PRIVATE_KEY));
+            if (floID !== floGlobals.adminID)
+                return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Access Denied", errorCode.ACCESS_DENIED));
+            let request = {
+                floID: floID,
+                quantity: quantity,
+                coin: "BTC",
+                timestamp: Date.now()
+            };
+            request.sign = signRequest({
+                type: "withdraw_convert_coin_fund",
+                coin: request.coin,
+                quantity: quantity,
+                timestamp: request.timestamp
+            }, privKey);
+            console.debug(request);
+
+            fetch_api('/withdraw-convert-coin-fund', {
+                method: "POST",
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify(request)
+            }).then(result => {
+                responseParse(result, false)
+                    .then(result => resolve(result))
+                    .catch(error => reject(error))
+            }).catch(error => reject(error))
+        })
+    }
+
     exchangeAPI.closeBlockchainBond = function (bond_id, floID, privKey) {
         return new Promise((resolve, reject) => {
             if (!floCrypto.verifyPrivKey(privKey, floID))
diff --git a/src/app.js b/src/app.js
index ccbc8a4..7e74db6 100644
--- a/src/app.js
+++ b/src/app.js
@@ -88,8 +88,10 @@ module.exports = function App(secret, DB) {
     //convert from or to coin
     app.post('/convert-to', Request.ConvertTo);
     app.post('/convert-from', Request.ConvertFrom);
-    app.post('/add-convert-coin-fund', Request.AddConvertCoinFund);
-    app.post('/add-convert-currency-fund', Request.AddConvertCurrencyFund);
+    app.post('/deposit-convert-coin-fund', Request.DepositConvertCoinFund);
+    app.post('/deposit-convert-currency-fund', Request.DepositConvertCurrencyFund);
+    app.post('/withdraw-convert-coin-fund', Request.WithdrawConvertCoinFund);
+    app.post('/withdraw-convert-currency-fund', Request.WithdrawConvertCurrencyFund);
 
     //close blockchain-bond
     app.post('/close-blockchain-bonds', Request.CloseBlockchainBond);
diff --git a/src/background.js b/src/background.js
index ce079a3..c3e0631 100644
--- a/src/background.js
+++ b/src/background.js
@@ -222,7 +222,7 @@ verifyTx.BTC = function (sender, txid) {
 function verifyConvert() {
     DB.query("SELECT id, floID, mode, in_txid, amount, quantity FROM DirectConvert WHERE status=? AND coin=?", ["PENDING", "BTC"]).then(results => {
         results.forEach(r => {
-            if (mode == _sql.CONVERT_MODE_GET) {
+            if (r.mode == _sql.CONVERT_MODE_GET) {
                 verifyTx.token(r.floID, r.in_txid, true).then(({ amount }) => {
                     if (r.amount !== amount)
                         throw ([true, "Transaction amount mismatched in blockchain"]);
@@ -235,7 +235,7 @@ function verifyConvert() {
                         DB.query("UPDATE DirectConvert SET status=? WHERE id=?", ["REJECTED", r.id])
                             .then(_ => null).catch(error => console.error(error));
                 });
-            } else if (mode == _sql.CONVERT_MODE_PUT) {
+            } else if (r.mode == _sql.CONVERT_MODE_PUT) {
                 verifyTx.BTC(r.floID, r.in_txid).then(quantity => {
                     if (r.quantity !== quantity)
                         throw ([true, "Transaction quantity mismatched in blockchain"]);
@@ -256,9 +256,9 @@ function verifyConvert() {
 function retryConvert() {
     DB.query("SELECT id, floID, mode, amount, quantity FROM DirectConvert WHERE status=? AND coin=?", ["PROCESSING", "BTC"]).then(results => {
         results.forEach(r => {
-            if (mode == _sql.CONVERT_MODE_GET)
+            if (r.mode == _sql.CONVERT_MODE_GET)
                 blockchain.convertToCoin.retry(r.floID, "BTC", r.quantity, r.id);
-            else if (mode == _sql.CONVERT_MODE_PUT)
+            else if (r.mode == _sql.CONVERT_MODE_PUT)
                 blockchain.convertFromCoin.retry(r.floID, r.amount, r.id)
         })
     }).catch(error => console.error(error))
@@ -267,7 +267,7 @@ function retryConvert() {
 function confirmConvert() {
     DB.query("SELECT id, floID, mode, amount, quantity, out_txid FROM DirectConvert WHERE status=? AND coin=?", ["WAITING_CONFIRMATION", "BTC"]).then(results => {
         results.forEach(r => {
-            if (mode == _sql.CONVERT_MODE_GET)
+            if (r.mode == _sql.CONVERT_MODE_GET)
                 btcOperator.getTx(r.out_txid).then(tx => {
                     if (!tx.blockhash || !tx.confirmations) //Still not confirmed
                         return;
@@ -275,7 +275,7 @@ function confirmConvert() {
                         .then(result => console.debug(`${r.floID} converted ${amount} to ${r.quantity} BTC`))
                         .catch(error => console.error(error))
                 }).catch(error => console.error(error));
-            else if (mode == _sql.CONVERT_MODE_PUT)
+            else if (r.mode == _sql.CONVERT_MODE_PUT)
                 floTokenAPI.getTx(r.out_txid).then(tx => {
                     if (!tx.transactionDetails.blockheight || !tx.transactionDetails.confirmations) //Still not confirmed
                         return;
@@ -287,27 +287,27 @@ function confirmConvert() {
     }).catch(error => console.error(error));
 }
 
-function convert_depositFund() {
-    DB.query("SELECT id, floID, mode, in_txid FROM DirectConvert WHERE status=? AND coin=?", ["DEPOSIT_PENDING", "BTC"]).then(results => {
+function verifyConvertFundDeposit() {
+    DB.query("SELECT id, floID, mode, txid FROM ConvertFund WHERE status=? AND coin=?", ["PROCESSING", "BTC"]).then(results => {
         results.forEach(r => {
-            if (mode == _sql.CONVERT_MODE_GET) {
-                verifyTx.token(r.floID, r.in_txid, true).then(({ amount }) => {
-                    DB.query("UPDATE DirectConvert SET status=?, amount=? WHERE id=?", ["DEPOSIT_SUCCESS", amount, r.id])
+            if (r.mode == _sql.CONVERT_MODE_GET) { //deposit currency
+                verifyTx.token(r.floID, r.txid, true).then(({ amount }) => {
+                    DB.query("UPDATE ConvertFund SET status=?, amount=? WHERE id=?", ["SUCCESS", amount, r.id])
                         .then(_ => null).catch(error => console.error(error));
                 }).catch(error => {
                     console.error(error);
                     if (error[0])
-                        DB.query("UPDATE DirectConvert SET status=? WHERE id=?", ["REJECTED", r.id])
+                        DB.query("UPDATE ConvertFund SET status=? WHERE id=?", ["REJECTED", r.id])
                             .then(_ => null).catch(error => console.error(error));
                 });
-            } else if (mode == _sql.CONVERT_MODE_PUT) {
-                verifyTx.BTC(r.floID, r.in_txid).then(quantity => {
-                    DB.query("UPDATE DirectConvert SET status=?, quantity=? WHERE id=?", ["DEPOSIT_SUCCESS", quantity, r.id])
+            } else if (r.mode == _sql.CONVERT_MODE_PUT) {//deposit coin
+                verifyTx.BTC(r.floID, r.txid).then(quantity => {
+                    DB.query("UPDATE ConvertFund SET status=?, quantity=? WHERE id=?", ["SUCCESS", quantity, r.id])
                         .then(_ => null).catch(error => console.error(error));
                 }).catch(error => {
                     console.error(error);
                     if (error[0])
-                        DB.query("UPDATE DirectConvert SET status=? WHERE id=?", ["REJECTED", r.id])
+                        DB.query("UPDATE ConvertFund SET status=? WHERE id=?", ["REJECTED", r.id])
                             .then(_ => null).catch(error => console.error(error));
                 });
             }
@@ -315,6 +315,41 @@ function convert_depositFund() {
     }).catch(error => console.error(error))
 }
 
+function retryConvertFundWithdraw() {
+    DB.query("SELECT id, mode, coin, quantity, amount FROM ConvertFund WHERE status=? AND coin=?", ["PENDING", "BTC"]).then(results => {
+        results.forEach(r => {
+            if (r.mode == _sql.CONVERT_MODE_GET)  //withdraw coin
+                blockchain.convertFundWithdraw.retry(r.coin, r.quantity, r.id);
+            else if (r.mode == _sql.CONVERT_MODE_PUT) //withdraw currency
+                blockchain.convertFundWithdraw.retry(floGlobals.currency, r.amount, r.id);
+        })
+    }).catch(error => console.error(error))
+}
+
+function confirmConvertFundWithdraw() {
+    DB.query("SELECT * FROM ConvertFund WHERE status=? AND coin=?", ["WAITING_CONFIRMATION", "BTC"]).then(results => {
+        results.forEach(r => {
+            if (r.mode == _sql.CONVERT_MODE_GET) { //withdraw coin
+                btcOperator.getTx(r.txid).then(tx => {
+                    if (!tx.blockhash || !tx.confirmations) //Still not confirmed
+                        return;
+                    DB.query("UPDATE ConvertFund SET status=? WHERE id=?", ["SUCCESS", r.id])
+                        .then(result => console.debug(`Withdraw-fund ${r.quantity} ${r.coin} successful`))
+                        .catch(error => console.error(error))
+                }).catch(error => console.error(error));
+            } else if (r.mode == _sql.CONVERT_MODE_PUT) {//withdraw currency
+                floTokenAPI.getTx(r.txid).then(tx => {
+                    if (!tx.transactionDetails.blockheight || !tx.transactionDetails.confirmations) //Still not confirmed
+                        return;
+                    DB.query("UPDATE ConvertFund SET status=? WHERE id=?", ["SUCCESS", r.id])
+                        .then(result => console.debug(`Withdraw-fund ${r.amount} ${floGlobals.currency} successful`))
+                        .catch(error => console.error(error));
+                }).catch(error => console.error(error));
+            }
+        })
+    }).catch(error => console.error(error))
+}
+
 function verifyRefund() {
     DB.query("SELECT id, floID, in_txid FROM RefundTransact WHERE status=?", ["PENDING"]).then(results => {
         verifyTx.token(r.floID, r.in_txid, true)
@@ -395,6 +430,7 @@ function confirmFundClosing() {
 }
 
 function processAll() {
+    //deposit-withdraw asset balance
     confirmDepositFLO();
     confirmDepositToken();
     retryWithdrawalCoin();
@@ -402,14 +438,20 @@ function processAll() {
     confirmWithdrawalFLO();
     confirmWithdrawalBTC();
     confirmWithdrawalToken();
+    //convert service
     verifyConvert();
     retryConvert();
     confirmConvert();
-    convert_depositFund();
+    verifyConvertFundDeposit();
+    retryConvertFundWithdraw();
+    confirmConvertFundWithdraw();
+    //blockchain-bond service
     retryBondClosing();
     confirmBondClosing();
+    //bob's fund service
     retryFundClosing();
     confirmFundClosing();
+    //refund transactions
     verifyRefund();
     retryRefund();
     confirmRefund();
diff --git a/src/blockchain.js b/src/blockchain.js
index a33e631..892eedd 100644
--- a/src/blockchain.js
+++ b/src/blockchain.js
@@ -7,6 +7,7 @@ var DB; //container for database
 const TYPE_TOKEN = "TOKEN",
     TYPE_COIN = "COIN",
     TYPE_CONVERT = "CONVERT",
+    TYPE_CONVERT_POOL = "CONVERT_POOL",
     TYPE_REFUND = "REFUND",
     TYPE_BOND = "BOND",
     TYPE_FUND = "BOB-FUND";
@@ -17,6 +18,7 @@ const balance_locked = {},
         [TYPE_COIN]: {},
         [TYPE_TOKEN]: {},
         [TYPE_CONVERT]: {},
+        [TYPE_CONVERT_POOL]: {},
         [TYPE_REFUND]: {},
         [TYPE_BOND]: {},
         [TYPE_FUND]: {}
@@ -65,6 +67,7 @@ const WITHDRAWAL_MESSAGE = {
     [TYPE_COIN]: "(withdrawal from market)",
     [TYPE_TOKEN]: "(withdrawal from market)",
     [TYPE_CONVERT]: "(convert coin)",
+    [TYPE_CONVERT_POOL]: "(convert fund)",
     [TYPE_REFUND]: "(refund from market)",
     [TYPE_BOND]: "(bond closing)",
     [TYPE_FUND]: "(fund investment closing)"
@@ -87,6 +90,7 @@ const updateSyntax = {
     [TYPE_COIN]: "UPDATE WithdrawCoin SET status=?, txid=? WHERE id=?",
     [TYPE_TOKEN]: "UPDATE WithdrawToken SET status=?, txid=? WHERE id=?",
     [TYPE_CONVERT]: "UPDATE DirectConvert SET status=?, out_txid=? WHERE id=?",
+    [TYPE_CONVERT_POOL]: "UPDATE ConvertFund SET status=?, txid=? WHERE id=?",
     [TYPE_REFUND]: "UPDATE RefundTransact SET status=?, out_txid=? WHERE id=?",
     [TYPE_BOND]: "UPDATE CloseBondTransact SET status=?, txid=? WHERE id=?",
     [TYPE_FUND]: "UPDATE CloseFundTransact SET status=?, txid=? WHERE id=?"
@@ -163,6 +167,12 @@ function convertFromCoin_retry(floID, currency_amount, id) {
     else sendAsset(floID, floGlobals.currency, currency_amount, TYPE_CONVERT, id);
 }
 
+function convertFundWithdraw_retry(asset, amount, id) {
+    if (id in callbackCollection[TYPE_CONVERT_POOL])
+        console.debug("A callback is already pending for this Convert fund withdrawal");
+    else sendAsset(floGlobals.adminID, asset, amount, TYPE_CONVERT_POOL, id);
+}
+
 function bondTransact_retry(floID, amount, id) {
     if (id in callbackCollection[TYPE_BOND])
         console.debug("A callback is already pending for this Bond closing");
@@ -213,6 +223,9 @@ module.exports = {
         init: convertFromCoin_init,
         retry: convertFromCoin_retry
     },
+    convertFundWithdraw: {
+        retry: convertFundWithdraw_retry
+    },
     bondTransact: {
         retry: bondTransact_retry
     },
diff --git a/src/request.js b/src/request.js
index 1c606fa..f5f9600 100644
--- a/src/request.js
+++ b/src/request.js
@@ -326,32 +326,60 @@ function ConvertFrom(req, res) {
     }, () => conversion.convertFromCoin(data.floID, data.txid, data.tx_hex, data.coin, data.quantity));
 }
 
-function AddConvertCoinFund(req, res) {
+function DepositConvertCoinFund(req, res) {
     let data = req.body;
     if (data.floID !== floGlobals.adminID)
         res.status(INVALID.e_code).send(INVALID.str(eCode.ACCESS_DENIED, "Access Denied"));
     else if (!data.pubKey)
         res.status(INVALID.e_code).send(INVALID.str(eCode.MISSING_PARAMETER, "Public key missing"));
     else processRequest(res, data.floID, data.pubKey, data.sign, "Conversion Fund", {
-        type: "add_convert_coin_fund",
+        type: "deposit_convert_coin_fund",
         coin: data.coin,
         txid: data.txid,
         timestamp: data.timestamp
-    }, () => conversion.addFund.coin(data.floID, data.txid, data.coin));
+    }, () => conversion.depositFund.coin(data.floID, data.txid, data.coin));
 }
 
-function AddConvertCurrencyFund(req, res) {
+function DepositConvertCurrencyFund(req, res) {
     let data = req.body;
     if (data.floID !== floGlobals.adminID)
         res.status(INVALID.e_code).send(INVALID.str(eCode.ACCESS_DENIED, "Access Denied"));
     else if (!data.pubKey)
         res.status(INVALID.e_code).send(INVALID.str(eCode.MISSING_PARAMETER, "Public key missing"));
     else processRequest(res, data.floID, data.pubKey, data.sign, "Conversion Fund", {
-        type: "add_convert_currency_fund",
+        type: "deposit_convert_currency_fund",
         coin: data.coin,
         txid: data.txid,
         timestamp: data.timestamp
-    }, () => conversion.addFund.currency(data.floID, data.txid, data.coin));
+    }, () => conversion.depositFund.currency(data.floID, data.txid, data.coin));
+}
+
+function WithdrawConvertCoinFund(req, res) {
+    let data = req.body;
+    if (data.floID !== floGlobals.adminID)
+        res.status(INVALID.e_code).send(INVALID.str(eCode.ACCESS_DENIED, "Access Denied"));
+    else if (!data.pubKey)
+        res.status(INVALID.e_code).send(INVALID.str(eCode.MISSING_PARAMETER, "Public key missing"));
+    else processRequest(res, data.floID, data.pubKey, data.sign, "Conversion Fund", {
+        type: "withdraw_convert_coin_fund",
+        coin: data.coin,
+        quantity: data.quantity,
+        timestamp: data.timestamp
+    }, () => conversion.withdrawFund.coin(data.floID, data.coin, data.quantity));
+}
+
+function WithdrawConvertCurrencyFund(req, res) {
+    let data = req.body;
+    if (data.floID !== floGlobals.adminID)
+        res.status(INVALID.e_code).send(INVALID.str(eCode.ACCESS_DENIED, "Access Denied"));
+    else if (!data.pubKey)
+        res.status(INVALID.e_code).send(INVALID.str(eCode.MISSING_PARAMETER, "Public key missing"));
+    else processRequest(res, data.floID, data.pubKey, data.sign, "Conversion Fund", {
+        type: "withdraw_convert_currency_fund",
+        coin: data.coin,
+        amount: data.amount,
+        timestamp: data.timestamp
+    }, () => conversion.withdrawFund.currency(data.floID, data.coin, data.amount));
 }
 
 function CloseBlockchainBond(req, res) {
@@ -573,8 +601,10 @@ module.exports = {
     RemoveDistributor,
     ConvertTo,
     ConvertFrom,
-    AddConvertCoinFund,
-    AddConvertCurrencyFund,
+    DepositConvertCoinFund,
+    DepositConvertCurrencyFund,
+    WithdrawConvertCoinFund,
+    WithdrawConvertCurrencyFund,
     CloseBlockchainBond,
     CloseBobsFund,
     set trustedIDs(ids) {
diff --git a/src/services/conversion.js b/src/services/conversion.js
index bc58303..7ec8c72 100644
--- a/src/services/conversion.js
+++ b/src/services/conversion.js
@@ -48,7 +48,11 @@ function checkPoolBalance(coin, req_value, mode) {
     return new Promise((resolve, reject) => {
         if (!allowedConversion.includes(coin))
             return reject(INVALID(eCode.INVALID_TOKEN_NAME, `Invalid coin (${coin})`));
-        DB.query("SELECT mode, SUM(quantity) AS coin_val, SUM(amount) AS cash_val FROM DirectConvert WHERE coin=? AND status NOT IN (?) GROUP BY mode", [coin, ["REJECTED", "REFUND"]]).then(result => {
+        let q = "SELECT mode, SUM(quantity) AS coin_val, SUM(amount) AS cash_val FROM (" +
+            "(SELECT amount, coin, quantity, mode, status FROM DirectConvert) UNION " +
+            "(SELECT amount, coin, quantity, mode, status FROM ConvertFund) " +
+            ") WHERE coin=? AND status NOT IN (?) GROUP BY mode"
+        DB.query(q, [coin, ["REJECTED", "REFUND"]]).then(result => {
             let coin_net = 0, cash_net = 0;
             for (let r of result)
                 if (r.mode == _sql.CONVERT_MODE_GET) {
@@ -130,38 +134,76 @@ function convertFromCoin(floID, txid, tx_hex, coin, quantity) {
     })
 }
 
-function addCurrencyFund(floID, txid, coin) {
+function depositCurrencyFund(floID, txid, coin) {
     return new Promise((resolve, reject) => {
         if (floID !== floGlobals.adminID)
             return reject(INVALID(eCode.ACCESS_DENIED, 'Access Denied'));
         else if (!allowedConversion.includes(coin))
             return reject(INVALID(eCode.INVALID_TOKEN_NAME, `Invalid coin (${coin})`));
-        DB.query("SELECT status FROM DirectConvert WHERE in_txid=? AND floID=? AND mode=?", [txid, floID, _sql.CONVERT_MODE_GET]).then(result => {
+        DB.query("SELECT status FROM ConvertFund WHERE txid=? AND mode=?", [txid, _sql.CONVERT_MODE_GET]).then(result => {
             if (result.length)
                 return reject(INVALID(eCode.DUPLICATE_ENTRY, "Transaction already in process"));
-            DB.query("INSERT INTO DirectConvert(floID, in_txid, mode, coin, status) VALUES (?)", [[floID, b_txid, _sql.CONVERT_MODE_GET, coin, "DEPOSIT_PENDING"]])
+            DB.query("INSERT INTO ConvertFund(txid, mode, coin, status) VALUES (?)", [[b_txid, _sql.CONVERT_MODE_GET, coin, "PROCESSING"]])
                 .then(result => resolve("Add currency fund in process"))
                 .catch(error => reject(error))
         }).catch(error => reject(error))
     })
 }
 
-function addCoinFund(floID, txid, coin) {
+function depositCoinFund(floID, txid, coin) {
     return new Promise((resolve, reject) => {
         if (floID !== floGlobals.adminID)
             return reject(INVALID(eCode.ACCESS_DENIED, 'Access Denied'));
         else if (!allowedConversion.includes(coin))
             return reject(INVALID(eCode.INVALID_TOKEN_NAME, `Invalid coin (${coin})`));
-        DB.query("SELECT status FROM DirectConvert WHERE in_txid=? AND floID=? AND mode=?", [txid, floID, _sql.CONVERT_MODE_PUT]).then(result => {
+        DB.query("SELECT status FROM ConvertFund WHERE txid=? AND mode=?", [txid, _sql.CONVERT_MODE_PUT]).then(result => {
             if (result.length)
                 return reject(INVALID(eCode.DUPLICATE_ENTRY, "Transaction already in process"));
-            DB.query("INSERT INTO DirectConvert(floID, in_txid, mode, coin, status) VALUES (?)", [[floID, b_txid, _sql.CONVERT_MODE_PUT, coin, "DEPOSIT_PENDING"]])
+            DB.query("INSERT INTO ConvertFund(txid, mode, coin, status) VALUES (?)", [[b_txid, _sql.CONVERT_MODE_PUT, coin, "PROCESSING"]])
                 .then(result => resolve("Add coin fund in process"))
                 .catch(error => reject(error))
         }).catch(error => reject(error))
     })
 }
 
+function withdrawCurrencyFund(floID, coin, amount) {
+    return new Promise((resolve, reject) => {
+        if (floID !== floGlobals.adminID)
+            return reject(INVALID(eCode.ACCESS_DENIED, 'Access Denied'));
+        else if (!allowedConversion.includes(coin))
+            return reject(INVALID(eCode.INVALID_TOKEN_NAME, `Invalid coin (${coin})`));
+        DB.query("SELECT SUM(amount) AS deposit_amount FROM ConvertFund WHERE mode=? AND status=?", [_sql.CONVERT_MODE_GET, "SUCCESS"]).then(r1 => {
+            DB.query("SELECT SUM(amount) AS withdraw_amount FROM ConvertFund WHERE mode=? AND status IN (?)", [_sql.CONVERT_MODE_PUT, ["SUCCESS", "PENDING", "WAITING_CONFIRMATION"]]).then(r2 => {
+                let available_amount = (r1[0].deposit_amount || 0) - (r2[0].withdraw_amount || 0);
+                if (available_amount < amount)
+                    return reject(INVALID(eCode.INSUFFICIENT_BALANCE, "Insufficient convert-fund deposits to withdraw"));
+                DB.query("INSERT INTO ConvertFund(mode, coin, amount, status) VALUES (?)", [[_sql.CONVERT_MODE_PUT, coin, amount, "PENDING"]])
+                    .then(result => resolve("Add currency fund in process"))
+                    .catch(error => reject(error))
+            }).catch(error => reject(error))
+        }).catch(error => reject(error))
+    })
+}
+
+function withdrawCoinFund(floID, coin, quantity) {
+    return new Promise((resolve, reject) => {
+        if (floID !== floGlobals.adminID)
+            return reject(INVALID(eCode.ACCESS_DENIED, 'Access Denied'));
+        else if (!allowedConversion.includes(coin))
+            return reject(INVALID(eCode.INVALID_TOKEN_NAME, `Invalid coin (${coin})`));
+        DB.query("SELECT SUM(quantity) AS deposit_quantity FROM ConvertFund WHERE mode=? AND status=?", [_sql.CONVERT_MODE_PUT, "SUCCESS"]).then(r1 => {
+            DB.query("SELECT SUM(quantity) AS withdraw_quantity FROM ConvertFund WHERE mode=? AND status IN (?)", [_sql.CONVERT_MODE_GET, ["SUCCESS", "PENDING"]]).then(r2 => {
+                let available_quantity = (r1[0].deposit_quantity || 0) - (r2[0].withdraw_quantity || 0);
+                if (available_quantity < quantity)
+                    return reject(INVALID(eCode.INSUFFICIENT_BALANCE, "Insufficient convert-fund deposits to withdraw"));
+                DB.query("INSERT INTO ConvertFund(mode, coin, quantity, status) VALUES (?)", [[_sql.CONVERT_MODE_GET, coin, quantity, "PENDING"]])
+                    .then(result => resolve("Add currency fund in process"))
+                    .catch(error => reject(error))
+            }).catch(error => reject(error))
+        }).catch(error => reject(error))
+    })
+}
+
 module.exports = {
     getRate: {
         BTC_USD,
@@ -170,9 +212,13 @@ module.exports = {
     },
     convertToCoin,
     convertFromCoin,
-    addFund: {
-        coin: addCoinFund,
-        currency: addCurrencyFund
+    depositFund: {
+        coin: depositCoinFund,
+        currency: depositCurrencyFund
+    },
+    withdrawFund: {
+        coin: withdrawCoinFund,
+        currency: withdrawCurrencyFund
     },
     set DB(db) {
         DB = db;

From f4bedfbd48d3b486144232262046b7829a7c56f6 Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Wed, 19 Oct 2022 21:27:54 +0530
Subject: [PATCH 141/168] SQL fixes for previous updates

- Added table: ConvertFund
- Added triggers for CloseBondTransact, CloseFundTransact, ConvertFund, RefundTransact
- Updated truncateAll.sql
---
 args/schema.sql      | 39 +++++++++++++++++++++++++++++++++++++++
 args/truncateAll.sql |  9 ++++++++-
 2 files changed, 47 insertions(+), 1 deletion(-)

diff --git a/args/schema.sql b/args/schema.sql
index 00194e7..4c6652b 100644
--- a/args/schema.sql
+++ b/args/schema.sql
@@ -286,6 +286,17 @@ CREATE TABLE CloseFundTransact(
     FOREIGN KEY (fund_id) REFERENCES BobsFund(fund_id)
 );
 
+CREATE TABLE ConvertFund(
+    id INT NOT NULL AUTO_INCREMENT, 
+    amount DECIMAL(16, 8),
+    coin VARCHAR(8) NOT NULL,
+    quantity DECIMAL(16, 8),
+    mode BIT NOT NULL,
+    txid VARCHAR(128),
+    status VARCHAR(50) NOT NULL,
+    PRIMARY KEY(id)
+);
+
 CREATE TABLE DirectConvert(
     id INT NOT NULL AUTO_INCREMENT,
     floID CHAR(34) NOT NULL,
@@ -406,6 +417,27 @@ FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('WithdrawToken', NEW.id) O
 CREATE TRIGGER WithdrawToken_D AFTER DELETE ON WithdrawToken
 FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('WithdrawToken', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, timestamp=DEFAULT;
 
+CREATE TRIGGER CloseBondTransact_I AFTER INSERT ON CloseBondTransact
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('CloseBondTransact', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
+CREATE TRIGGER CloseBondTransact_U AFTER UPDATE ON CloseBondTransact
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('CloseBondTransact', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
+CREATE TRIGGER CloseBondTransact_D AFTER DELETE ON CloseBondTransact
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('CloseBondTransact', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, timestamp=DEFAULT;
+
+CREATE TRIGGER CloseFundTransact_I AFTER INSERT ON CloseFundTransact
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('CloseFundTransact', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
+CREATE TRIGGER CloseFundTransact_U AFTER UPDATE ON CloseFundTransact
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('CloseFundTransact', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
+CREATE TRIGGER CloseFundTransact_D AFTER DELETE ON CloseFundTransact
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('CloseFundTransact', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, timestamp=DEFAULT;
+
+CREATE TRIGGER ConvertFund_I AFTER INSERT ON ConvertFund
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('ConvertFund', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
+CREATE TRIGGER ConvertFund_U AFTER UPDATE ON ConvertFund
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('ConvertFund', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
+CREATE TRIGGER ConvertFund_D AFTER DELETE ON ConvertFund
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('ConvertFund', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, timestamp=DEFAULT;
+
 CREATE TRIGGER DirectConvert_I AFTER INSERT ON DirectConvert
 FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('DirectConvert', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
 CREATE TRIGGER DirectConvert_U AFTER UPDATE ON DirectConvert
@@ -413,6 +445,13 @@ FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('DirectConvert', NEW.id) O
 CREATE TRIGGER DirectConvert_D AFTER DELETE ON DirectConvert
 FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('DirectConvert', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, timestamp=DEFAULT;
 
+CREATE TRIGGER RefundTransact_I AFTER INSERT ON RefundTransact
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('RefundTransact', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
+CREATE TRIGGER RefundTransact_U AFTER UPDATE ON RefundTransact
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('RefundTransact', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
+CREATE TRIGGER RefundTransact_D AFTER DELETE ON RefundTransact
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('RefundTransact', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, timestamp=DEFAULT;
+
 CREATE TRIGGER UserTag_I AFTER INSERT ON UserTag
 FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('UserTag', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
 CREATE TRIGGER UserTag_U AFTER UPDATE ON UserTag
diff --git a/args/truncateAll.sql b/args/truncateAll.sql
index 8c85d43..14987a9 100644
--- a/args/truncateAll.sql
+++ b/args/truncateAll.sql
@@ -8,7 +8,6 @@ TRUNCATE DepositCoin;
 TRUNCATE DepositToken;
 TRUNCATE WithdrawCoin;
 TRUNCATE WithdrawToken;
-TRUNCATE DirectConvert;
 TRUNCATE PriceHistory;
 TRUNCATE RequestLog;
 TRUNCATE SellOrder;
@@ -18,10 +17,18 @@ TRUNCATE UserTag;
 TRUNCATE TransferTransactions;
 TRUNCATE TradeTransactions;
 TRUNCATE SellChips;
+TRUNCATE CloseBondTransact;
+TRUNCATE CloseFundTransact;
+TRUNCATE ConvertFund;
+TRUNCATE DirectConvert;
+TRUNCATE RefundTransact;
 
 /* Blockchain data */
 TRUNCATE LastTx;
 TRUNCATE NodeList;
 TRUNCATE TrustedList;
+DELETE FROM BlockchainBonds;
+TRUNCATE BobsFundInvestments;
+DELETE FROM BobsFund;
 DELETE FROM TagList;
 DELETE FROM AssetList;
\ No newline at end of file

From 76339f1621ac104cf10243e57818e885e0b19042 Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Thu, 20 Oct 2022 04:23:35 +0530
Subject: [PATCH 142/168] Optimization and Bug fix

- Renamed all `status` columns to `r_status`
- r_status uses INT instead of VARCHAR
- status-codes are used instead of strings
- Codes for status and modes can be found at floExchangeAPI.processCode
- Merged DepositCoin, WithdrawCoin, DepositToken, WithdrawToken into VaultTransactions so that all deposit/withdraw transactions can be viewed in order
- Updated relevant SQL syntaxes for the above
- Converted all multi-valued placeholders in SQL queries to array based placeholders
- Fixed minor bugs
---
 args/schema.sql                |  86 ++++-----------
 args/truncateAll.sql           |   5 +-
 docs/scripts/floExchangeAPI.js |  17 +++
 src/_constants.js              |   4 -
 src/background.js              | 186 +++++++++++++++------------------
 src/backup/slave.js            |   4 +-
 src/blockchain.js              |  67 +++++-------
 src/coupling.js                |  14 +--
 src/main.js                    |   8 +-
 src/market.js                  |  65 ++++++------
 src/price.js                   |   2 +-
 src/request.js                 |   2 +-
 src/services/bobs-fund.js      |   7 +-
 src/services/bonds.js          |   7 +-
 src/services/conversion.js     |  54 +++++-----
 15 files changed, 228 insertions(+), 300 deletions(-)

diff --git a/args/schema.sql b/args/schema.sql
index 4c6652b..198cace 100644
--- a/args/schema.sql
+++ b/args/schema.sql
@@ -114,43 +114,16 @@ CREATE TABLE BuyOrder (
     FOREIGN KEY (asset) REFERENCES AssetList(asset)
 );
 
-CREATE TABLE DepositCoin (
+CREATE TABLE VaultTransactions (
     id INT NOT NULL AUTO_INCREMENT,
-    txid VARCHAR(128) NOT NULL,
     floID CHAR(34) NOT NULL,
-    coin VARCHAR(8) NOT NULL,
+    mode BIT NOT NULL,
+    asset_type BIT NOT NULL,
+    asset VARCHAR(32),
     amount DECIMAL(16, 8),
-    status VARCHAR(50) NOT NULL,
-    PRIMARY KEY(id)
-);
-
-CREATE TABLE WithdrawCoin (
-    id INT NOT NULL AUTO_INCREMENT,
     txid VARCHAR(128),
-    floID CHAR(34) NOT NULL,
-    coin VARCHAR(8) NOT NULL,
-    amount DECIMAL(16, 8) NOT NULL,
-    status VARCHAR(50) NOT NULL,
-    PRIMARY KEY(id)
-);
-
-CREATE TABLE DepositToken (
-    id INT NOT NULL AUTO_INCREMENT,
-    txid VARCHAR(128) NOT NULL,
-    floID CHAR(34) NOT NULL,
-    token VARCHAR(64),
-    amount DECIMAL(16, 8),
-    status VARCHAR(50) NOT NULL,
-    PRIMARY KEY(id)
-);
-
-CREATE TABLE WithdrawToken (
-    id INT NOT NULL AUTO_INCREMENT,
-    txid VARCHAR(128),
-    floID CHAR(34) NOT NULL,
-    token VARCHAR(64) NOT NULL,
-    amount DECIMAL(16, 8) NOT NULL,
-    status VARCHAR(50) NOT NULL,
+    locktime TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+    r_status TINYINT NOT NULL,
     PRIMARY KEY(id)
 );
 
@@ -241,7 +214,7 @@ CREATE TABLE CloseBondTransact(
     usd_net DECIMAL(16, 2) NOT NULL,
     txid VARCHAR(128),
     close_id VARCHAR(128),
-    status VARCHAR(50) NOT NULL,
+    r_status TINYINT NOT NULL,
     KEY(id),
     PRIMARY KEY(bond_id),
     FOREIGN KEY (bond_id) REFERENCES BlockchainBonds(bond_id)
@@ -280,7 +253,7 @@ CREATE TABLE CloseFundTransact(
     usd_net DECIMAL(16, 2) NOT NULL,
     txid VARCHAR(128),
     close_id VARCHAR(128),
-    status VARCHAR(50) NOT NULL,
+    r_status TINYINT NOT NULL,
     KEY(id),
     PRIMARY KEY(fund_id, floID),
     FOREIGN KEY (fund_id) REFERENCES BobsFund(fund_id)
@@ -293,7 +266,7 @@ CREATE TABLE ConvertFund(
     quantity DECIMAL(16, 8),
     mode BIT NOT NULL,
     txid VARCHAR(128),
-    status VARCHAR(50) NOT NULL,
+    r_status TINYINT NOT NULL,
     PRIMARY KEY(id)
 );
 
@@ -307,7 +280,7 @@ CREATE TABLE DirectConvert(
     in_txid VARCHAR(128),
     out_txid VARCHAR(128),
     locktime TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
-    status VARCHAR(50) NOT NULL,
+    r_status TINYINT NOT NULL,
     PRIMARY KEY(id)
 );
 
@@ -318,7 +291,7 @@ CREATE TABLE RefundTransact(
     in_txid VARCHAR(128),
     out_txid VARCHAR(128),
     locktime TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
-    status VARCHAR(50) NOT NULL,
+    r_status TINYINT NOT NULL,
     PRIMARY KEY(id)
 )
 
@@ -328,7 +301,7 @@ CREATE TABLE _backup (
     t_name VARCHAR(64),
     id INT,
     mode BOOLEAN DEFAULT TRUE,
-    timestamp TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+    u_time TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
     PRIMARY KEY(t_name, id)
 );
 
@@ -336,7 +309,7 @@ CREATE table _backupCache(
     id INT AUTO_INCREMENT,
     t_name VARCHAR(64),
     data_cache LONGTEXT,
-    status BOOLEAN,
+    fail BOOLEAN,
     PRIMARY KEY(id)
 );
 
@@ -389,33 +362,12 @@ FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('BuyOrder', NEW.id) ON DUP
 CREATE TRIGGER BuyOrder_D AFTER DELETE ON BuyOrder
 FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('BuyOrder', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, timestamp=DEFAULT;
 
-CREATE TRIGGER DepositCoin_I AFTER INSERT ON DepositCoin
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('DepositCoin', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
-CREATE TRIGGER DepositCoin_U AFTER UPDATE ON DepositCoin
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('DepositCoin', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
-CREATE TRIGGER DepositCoin_D AFTER DELETE ON DepositCoin
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('DepositCoin', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, timestamp=DEFAULT;
-
-CREATE TRIGGER WithdrawCoin_I AFTER INSERT ON WithdrawCoin
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('WithdrawCoin', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
-CREATE TRIGGER WithdrawCoin_U AFTER UPDATE ON WithdrawCoin
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('WithdrawCoin', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
-CREATE TRIGGER WithdrawCoin_D AFTER DELETE ON WithdrawCoin
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('WithdrawCoin', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, timestamp=DEFAULT;
-
-CREATE TRIGGER DepositToken_I AFTER INSERT ON DepositToken
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('DepositToken', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
-CREATE TRIGGER DepositToken_U AFTER UPDATE ON DepositToken
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('DepositToken', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
-CREATE TRIGGER DepositToken_D AFTER DELETE ON DepositToken
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('DepositToken', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, timestamp=DEFAULT;
-
-CREATE TRIGGER WithdrawToken_I AFTER INSERT ON WithdrawToken
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('WithdrawToken', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
-CREATE TRIGGER WithdrawToken_U AFTER UPDATE ON WithdrawToken
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('WithdrawToken', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
-CREATE TRIGGER WithdrawToken_D AFTER DELETE ON WithdrawToken
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('WithdrawToken', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, timestamp=DEFAULT;
+CREATE TRIGGER VaultTransactions_I AFTER INSERT ON VaultTransactions
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('VaultTransactions', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
+CREATE TRIGGER VaultTransactions_U AFTER UPDATE ON VaultTransactions
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('VaultTransactions', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
+CREATE TRIGGER VaultTransactions_D AFTER DELETE ON VaultTransactions
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('VaultTransactions', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, timestamp=DEFAULT;
 
 CREATE TRIGGER CloseBondTransact_I AFTER INSERT ON CloseBondTransact
 FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('CloseBondTransact', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
diff --git a/args/truncateAll.sql b/args/truncateAll.sql
index 14987a9..b289f75 100644
--- a/args/truncateAll.sql
+++ b/args/truncateAll.sql
@@ -4,10 +4,7 @@ TRUNCATE _backupCache;
 TRUNCATE AuditTrade;
 TRUNCATE BuyOrder;
 TRUNCATE Distributors;
-TRUNCATE DepositCoin;
-TRUNCATE DepositToken;
-TRUNCATE WithdrawCoin;
-TRUNCATE WithdrawToken;
+TRUNCATE VaultTransactions;
 TRUNCATE PriceHistory;
 TRUNCATE RequestLog;
 TRUNCATE SellOrder;
diff --git a/docs/scripts/floExchangeAPI.js b/docs/scripts/floExchangeAPI.js
index 1b13174..3af1ae5 100644
--- a/docs/scripts/floExchangeAPI.js
+++ b/docs/scripts/floExchangeAPI.js
@@ -561,6 +561,23 @@
         });
     }
 
+    const processCode = exchangeAPI.processCode = {
+        ASSET_TYPE_COIN: 0,
+        ASSET_TYPE_TOKEN: 1,
+
+        VAULT_MODE_DEPOSIT: 1,
+        VAULT_MODE_WITHDRAW: 0,
+
+        STATUS_PENDING: 0,
+        STATUS_PROCESSING: 1,
+        STATUS_CONFIRMATION: 90,
+        STATUS_REJECTED: -1,
+        STATUS_SUCCESS: 100,
+
+        CONVERT_MODE_GET: 1,
+        CONVERT_MODE_PUT: 0,
+    }
+
     exchangeAPI.getAccount = function (floID, proxySecret) {
         return new Promise((resolve, reject) => {
             let request = {
diff --git a/src/_constants.js b/src/_constants.js
index 34e0246..50d64d2 100644
--- a/src/_constants.js
+++ b/src/_constants.js
@@ -33,9 +33,5 @@ module.exports = {
         BACKUP_INTERVAL: 5 * 60 * 1000, //5 min
         BACKUP_SYNC_TIMEOUT: 10 * 60 * 1000, //10 mins
         CHECKSUM_INTERVAL: 100, //times of BACKUP_INTERVAL
-    },
-    sql: {
-        CONVERT_MODE_GET: 1,
-        CONVERT_MODE_PUT: 0,
     }
 }
\ No newline at end of file
diff --git a/src/background.js b/src/background.js
index c3e0631..258fad2 100644
--- a/src/background.js
+++ b/src/background.js
@@ -3,6 +3,7 @@ const blockchain = require('./blockchain');
 const conversion_rates = require('./services/conversion').getRate;
 const bond_util = require('./services/bonds').util;
 const fund_util = require('./services/bobs-fund').util;
+const pCode = require('../docs/scripts/floExchangeAPI').processCode;
 
 const {
     LAUNCH_SELLER_TAG,
@@ -10,19 +11,17 @@ const {
 } = require('./_constants')["market"];
 
 var DB; //container for database
-const _sql = require('./_constants').sql;
-
 var updateBalance; // container for updateBalance function
 
 const verifyTx = {};
 
 function confirmDepositFLO() {
-    DB.query("SELECT id, floID, txid FROM DepositCoin WHERE coin=? AND status=?", ["FLO", "PENDING"]).then(results => {
+    DB.query("SELECT id, floID, txid FROM VaultTransactions WHERE mode=? AND asset=? AND asset_type=? AND r_status=?", [pCode.VAULT_MODE_DEPOSIT, "FLO", pCode.ASSET_TYPE_COIN, pCode.STATUS_PENDING]).then(results => {
         results.forEach(r => {
             verifyTx.FLO(r.floID, r.txid).then(amount => {
                 addSellChipsIfLaunchSeller(r.floID, amount).then(txQueries => {
                     txQueries.push(updateBalance.add(r.floID, "FLO", amount));
-                    txQueries.push(["UPDATE DepositCoin SET status=?, amount=? WHERE id=?", ["SUCCESS", amount, r.id]]);
+                    txQueries.push(["UPDATE VaultTransactions SET r_status=?, amount=? WHERE id=?", [pCode.STATUS_SUCCESS, amount, r.id]]);
                     DB.transaction(txQueries)
                         .then(result => console.debug("FLO deposited:", r.floID, amount))
                         .catch(error => console.error(error))
@@ -30,7 +29,7 @@ function confirmDepositFLO() {
             }).catch(error => {
                 console.error(error);
                 if (error[0])
-                    DB.query("UPDATE DepositCoin SET status=? WHERE id=?", ["REJECTED", r.id])
+                    DB.query("UPDATE VaultTransactions SET r_status=? WHERE id=?", [pCode.STATUS_REJECTED, r.id])
                         .then(_ => null).catch(error => console.error(error));
             });
         })
@@ -81,7 +80,7 @@ function addSellChipsIfLaunchSeller(floID, quantity) {
                     let remLaunchChips = MAXIMUM_LAUNCH_SELL_CHIPS - (sold + chips) + brought;
                     quantity = Math.min(quantity, remLaunchChips);
                     if (quantity > 0)
-                        resolve([["INSERT INTO SellChips(floID, asset, quantity) VALUES (?, ?, ?)", [floID, 'FLO', quantity]]]);
+                        resolve([["INSERT INTO SellChips(floID, asset, quantity) VALUES (?)", [[floID, 'FLO', quantity]]]]);
                     else
                         resolve([]);
                 }).catch(error => reject(error))
@@ -92,17 +91,17 @@ function addSellChipsIfLaunchSeller(floID, quantity) {
 }
 
 function confirmDepositToken() {
-    DB.query("SELECT id, floID, txid FROM DepositToken WHERE status=?", ["PENDING"]).then(results => {
+    DB.query("SELECT id, floID, txid FROM VaultTransactions WHERE mode=? AND asset_type=? AND r_status=?", [pCode.VAULT_MODE_DEPOSIT, pCode.ASSET_TYPE_COIN, pCode.STATUS_PENDING]).then(results => {
         results.forEach(r => {
             verifyTx.token(r.floID, r.txid).then(({ token, amount, flo_amount }) => {
-                DB.query("SELECT id FROM DepositCoin where floID=? AND coin=? AND txid=?", [r.floID, "FLO", r.txid]).then(result => {
+                DB.query("SELECT id FROM VaultTransactions where floID=? AND mode=? AND asset=? AND asset_type=? AND txid=?", [r.floID, pCode.VAULT_MODE_DEPOSIT, "FLO", pCode.ASSET_TYPE_TOKEN, r.txid]).then(result => {
                     let txQueries = [];
                     //Add the FLO balance if necessary
                     if (!result.length) {
                         txQueries.push(updateBalance.add(r.floID, "FLO", flo_amount));
-                        txQueries.push(["INSERT INTO DepositCoin(txid, floID, coin, amount, status) VALUES (?, ?, ?, ?, ?)", [r.txid, r.floID, "FLO", flo_amount, "SUCCESS"]]);
+                        txQueries.push(["INSERT INTO VaultTransactions(txid, floID, mode, asset_type, asset, amount, r_status) VALUES (?)", [[r.txid, r.floID, pCode.VAULT_MODE_DEPOSIT, pCode.ASSET_TYPE_COIN, "FLO", flo_amount, pCode.STATUS_SUCCESS]]]);
                     }
-                    txQueries.push(["UPDATE DepositToken SET status=?, token=?, amount=? WHERE id=?", ["SUCCESS", token, amount, r.id]]);
+                    txQueries.push(["UPDATE VaultTransactions SET r_status=?, asset=?, amount=? WHERE id=?", [pCode.STATUS_SUCCESS, token, amount, r.id]]);
                     txQueries.push(updateBalance.add(r.floID, token, amount));
                     DB.transaction(txQueries)
                         .then(result => console.debug("Token deposited:", r.floID, token, amount))
@@ -111,7 +110,7 @@ function confirmDepositToken() {
             }).catch(error => {
                 console.error(error);
                 if (error[0])
-                    DB.query("UPDATE DepositToken SET status=? WHERE id=?", ["REJECTED", r.id])
+                    DB.query("UPDATE VaultTransactions SET r_status=? WHERE id=?", [pCode.STATUS_REJECTED, r.id])
                         .then(_ => null).catch(error => console.error(error));
             });
         })
@@ -143,56 +142,46 @@ verifyTx.token = function (sender, txid, currencyOnly = false) {
     })
 }
 
-function retryWithdrawalCoin() {
-    DB.query("SELECT id, floID, coin, amount FROM WithdrawCoin WHERE status=?", ["PENDING"]).then(results => {
-        results.forEach(r => blockchain.sendCoin.retry(r.floID, r.coin, r.amount, r.id));
-    }).catch(error => console.error(error));
-}
-
-function retryWithdrawalToken() {
-    DB.query("SELECT id, floID, token, amount FROM WithdrawToken WHERE status=?", ["PENDING"]).then(results => {
-        results.forEach(r => blockchain.sendToken.retry(r.floID, r.token, r.amount, r.id));
-    }).catch(error => console.error(error));
-}
-
-function confirmWithdrawalFLO() {
-    DB.query("SELECT id, floID, amount, txid FROM WithdrawCoin WHERE coin=? AND status=?", ["FLO", "WAITING_CONFIRMATION"]).then(results => {
+function retryVaultWithdrawal() {
+    DB.query("SELECT id, floID, asset, asset_type, amount FROM VaultTransactions WHERE mode=? AND r_status=?", [pCode.VAULT_MODE_WITHDRAW, pCode.STATUS_PENDING]).then(results => {
         results.forEach(r => {
-            floBlockchainAPI.getTx(r.txid).then(tx => {
-                if (!tx.blockheight || !tx.confirmations) //Still not confirmed
-                    return;
-                DB.query("UPDATE WithdrawCoin SET status=? WHERE id=?", ["SUCCESS", r.id])
-                    .then(result => console.debug("FLO withdrawed:", r.floID, r.amount))
-                    .catch(error => console.error(error))
-            }).catch(error => console.error(error));
+            if (r.asset_type == pCode.ASSET_TYPE_COIN) {
+                if (r.asset == "FLO")
+                    blockchain.withdrawAsset.retry(r.floID, r.asset, r.amount, r.id);
+            } else if (r.asset_type == pCode.ASSET_TYPE_TOKEN)
+                blockchain.withdrawAsset.retry(r.floID, r.asset, r.amount, r.id)
         })
-    }).catch(error => console.error(error));
+    }).catch(error => reject(error))
 }
 
-function confirmWithdrawalBTC() {
-    DB.query("SELECT id, floID, amount, txid FROM WithdrawCoin WHERE coin=? AND status=?", ["BTC", "WAITING_CONFIRMATION"]).then(results => {
+function confirmVaultWithdraw() {
+    DB.query("SELECT id, floID, asset, asset_type, amount, txid FROM VaultTransactions WHERE mode=? AND r_status=?", [pCode.VAULT_MODE_WITHDRAW, pCode.STATUS_CONFIRMATION]).then(results => {
         results.forEach(r => {
-            btcOperator.getTx(r.txid).then(tx => {
-                if (!tx.blockhash || !tx.confirmations) //Still not confirmed
-                    return;
-                DB.query("UPDATE WithdrawCoin SET status=? WHERE id=?", ["SUCCESS", r.id])
-                    .then(result => console.debug("BTC withdrawed:", r.floID, r.amount))
-                    .catch(error => console.error(error))
-            }).catch(error => console.error(error));
-        })
-    }).catch(error => console.error(error));
-}
-
-function confirmWithdrawalToken() {
-    DB.query("SELECT id, floID, token, amount, txid FROM WithdrawToken WHERE status=?", ["WAITING_CONFIRMATION"]).then(results => {
-        results.forEach(r => {
-            floTokenAPI.getTx(r.txid).then(tx => {
-                if (!tx.transactionDetails.blockheight || !tx.transactionDetails.confirmations) //Still not confirmed
-                    return;
-                DB.query("UPDATE WithdrawToken SET status=? WHERE id=?", ["SUCCESS", r.id])
-                    .then(result => console.debug("Token withdrawed:", r.floID, r.token, r.amount))
-                    .catch(error => console.error(error));
-            }).catch(error => console.error(error));
+            if (r.asset_type == pCode.ASSET_TYPE_COIN) {
+                if (r.asset == "FLO")
+                    floBlockchainAPI.getTx(r.txid).then(tx => {
+                        if (!tx.blockheight || !tx.confirmations) //Still not confirmed
+                            return;
+                        DB.query("UPDATE VaultTransactions SET r_status=? WHERE id=?", [pCode.STATUS_SUCCESS, r.id])
+                            .then(result => console.debug("FLO withdrawed:", r.floID, r.amount))
+                            .catch(error => console.error(error))
+                    }).catch(error => console.error(error));
+                else if (r.asset == "BTC")
+                    btcOperator.getTx(r.txid).then(tx => {
+                        if (!tx.blockhash || !tx.confirmations) //Still not confirmed
+                            return;
+                        DB.query("UPDATE VaultTransactions SET r_status=? WHERE id=?", [pCode.STATUS_SUCCESS, r.id])
+                            .then(result => console.debug("BTC withdrawed:", r.floID, r.amount))
+                            .catch(error => console.error(error))
+                    }).catch(error => console.error(error));
+            } else if (r.asset_type == pCode.ASSET_TYPE_TOKEN)
+                floTokenAPI.getTx(r.txid).then(tx => {
+                    if (!tx.transactionDetails.blockheight || !tx.transactionDetails.confirmations) //Still not confirmed
+                        return;
+                    DB.query("UPDATE VaultTransactions SET r_status=? WHERE id=?", [pCode.STATUS_SUCCESS, r.id])
+                        .then(result => console.debug("Token withdrawed:", r.floID, r.asset, r.amount))
+                        .catch(error => console.error(error));
+                }).catch(error => console.error(error));
         })
     }).catch(error => console.error(error));
 }
@@ -220,9 +209,9 @@ verifyTx.BTC = function (sender, txid) {
 }
 
 function verifyConvert() {
-    DB.query("SELECT id, floID, mode, in_txid, amount, quantity FROM DirectConvert WHERE status=? AND coin=?", ["PENDING", "BTC"]).then(results => {
+    DB.query("SELECT id, floID, mode, in_txid, amount, quantity FROM DirectConvert WHERE r_status=? AND coin=?", [pCode.STATUS_PENDING, "BTC"]).then(results => {
         results.forEach(r => {
-            if (r.mode == _sql.CONVERT_MODE_GET) {
+            if (r.mode == pCodeCONVERT_MODE_GET) {
                 verifyTx.token(r.floID, r.in_txid, true).then(({ amount }) => {
                     if (r.amount !== amount)
                         throw ([true, "Transaction amount mismatched in blockchain"]);
@@ -232,10 +221,10 @@ function verifyConvert() {
                 }).catch(error => {
                     console.error(error);
                     if (error[0])
-                        DB.query("UPDATE DirectConvert SET status=? WHERE id=?", ["REJECTED", r.id])
+                        DB.query("UPDATE DirectConvert SET r_status=? WHERE id=?", [pCode.STATUS_REJECTED, r.id])
                             .then(_ => null).catch(error => console.error(error));
                 });
-            } else if (r.mode == _sql.CONVERT_MODE_PUT) {
+            } else if (r.mode == pCodeCONVERT_MODE_PUT) {
                 verifyTx.BTC(r.floID, r.in_txid).then(quantity => {
                     if (r.quantity !== quantity)
                         throw ([true, "Transaction quantity mismatched in blockchain"]);
@@ -245,7 +234,7 @@ function verifyConvert() {
                 }).catch(error => {
                     console.error(error);
                     if (error[0])
-                        DB.query("UPDATE DirectConvert SET status=? WHERE id=?", ["REJECTED", r.id])
+                        DB.query("UPDATE DirectConvert SET r_status=? WHERE id=?", [pCode.STATUS_REJECTED, r.id])
                             .then(_ => null).catch(error => console.error(error));
                 });
             }
@@ -254,32 +243,32 @@ function verifyConvert() {
 }
 
 function retryConvert() {
-    DB.query("SELECT id, floID, mode, amount, quantity FROM DirectConvert WHERE status=? AND coin=?", ["PROCESSING", "BTC"]).then(results => {
+    DB.query("SELECT id, floID, mode, amount, quantity FROM DirectConvert WHERE r_status=? AND coin=?", [pCode.STATUS_PROCESSING, "BTC"]).then(results => {
         results.forEach(r => {
-            if (r.mode == _sql.CONVERT_MODE_GET)
+            if (r.mode == pCodeCONVERT_MODE_GET)
                 blockchain.convertToCoin.retry(r.floID, "BTC", r.quantity, r.id);
-            else if (r.mode == _sql.CONVERT_MODE_PUT)
+            else if (r.mode == pCodeCONVERT_MODE_PUT)
                 blockchain.convertFromCoin.retry(r.floID, r.amount, r.id)
         })
     }).catch(error => console.error(error))
 }
 
 function confirmConvert() {
-    DB.query("SELECT id, floID, mode, amount, quantity, out_txid FROM DirectConvert WHERE status=? AND coin=?", ["WAITING_CONFIRMATION", "BTC"]).then(results => {
+    DB.query("SELECT id, floID, mode, amount, quantity, out_txid FROM DirectConvert WHERE r_status=? AND coin=?", [pCode.STATUS_CONFIRMATION, "BTC"]).then(results => {
         results.forEach(r => {
-            if (r.mode == _sql.CONVERT_MODE_GET)
+            if (r.mode == pCodeCONVERT_MODE_GET)
                 btcOperator.getTx(r.out_txid).then(tx => {
                     if (!tx.blockhash || !tx.confirmations) //Still not confirmed
                         return;
-                    DB.query("UPDATE DirectConvert SET status=? WHERE id=?", ["SUCCESS", r.id])
+                    DB.query("UPDATE DirectConvert SET r_status=? WHERE id=?", [pCode.STATUS_SUCCESS, r.id])
                         .then(result => console.debug(`${r.floID} converted ${amount} to ${r.quantity} BTC`))
                         .catch(error => console.error(error))
                 }).catch(error => console.error(error));
-            else if (r.mode == _sql.CONVERT_MODE_PUT)
+            else if (r.mode == pCodeCONVERT_MODE_PUT)
                 floTokenAPI.getTx(r.out_txid).then(tx => {
                     if (!tx.transactionDetails.blockheight || !tx.transactionDetails.confirmations) //Still not confirmed
                         return;
-                    DB.query("UPDATE DirectConvert SET status=? WHERE id=?", ["SUCCESS", r.id])
+                    DB.query("UPDATE DirectConvert SET r_status=? WHERE id=?", [pCode.STATUS_SUCCESS, r.id])
                         .then(result => console.debug(`${r.floID} converted ${r.quantity} BTC to ${amount}`))
                         .catch(error => console.error(error));
                 }).catch(error => console.error(error));
@@ -288,26 +277,26 @@ function confirmConvert() {
 }
 
 function verifyConvertFundDeposit() {
-    DB.query("SELECT id, floID, mode, txid FROM ConvertFund WHERE status=? AND coin=?", ["PROCESSING", "BTC"]).then(results => {
+    DB.query("SELECT id, floID, mode, txid FROM ConvertFund WHERE r_status=? AND coin=?", [pCode.STATUS_PROCESSING, "BTC"]).then(results => {
         results.forEach(r => {
-            if (r.mode == _sql.CONVERT_MODE_GET) { //deposit currency
+            if (r.mode == pCodeCONVERT_MODE_GET) { //deposit currency
                 verifyTx.token(r.floID, r.txid, true).then(({ amount }) => {
-                    DB.query("UPDATE ConvertFund SET status=?, amount=? WHERE id=?", ["SUCCESS", amount, r.id])
+                    DB.query("UPDATE ConvertFund SET r_status=?, amount=? WHERE id=?", [pCode.STATUS_SUCCESS, amount, r.id])
                         .then(_ => null).catch(error => console.error(error));
                 }).catch(error => {
                     console.error(error);
                     if (error[0])
-                        DB.query("UPDATE ConvertFund SET status=? WHERE id=?", ["REJECTED", r.id])
+                        DB.query("UPDATE ConvertFund SET r_status=? WHERE id=?", [pCode.STATUS_REJECTED, r.id])
                             .then(_ => null).catch(error => console.error(error));
                 });
-            } else if (r.mode == _sql.CONVERT_MODE_PUT) {//deposit coin
+            } else if (r.mode == pCodeCONVERT_MODE_PUT) {//deposit coin
                 verifyTx.BTC(r.floID, r.txid).then(quantity => {
-                    DB.query("UPDATE ConvertFund SET status=?, quantity=? WHERE id=?", ["SUCCESS", quantity, r.id])
+                    DB.query("UPDATE ConvertFund SET r_status=?, quantity=? WHERE id=?", [pCode.STATUS_SUCCESS, quantity, r.id])
                         .then(_ => null).catch(error => console.error(error));
                 }).catch(error => {
                     console.error(error);
                     if (error[0])
-                        DB.query("UPDATE ConvertFund SET status=? WHERE id=?", ["REJECTED", r.id])
+                        DB.query("UPDATE ConvertFund SET r_status=? WHERE id=?", [pCode.STATUS_REJECTED, r.id])
                             .then(_ => null).catch(error => console.error(error));
                 });
             }
@@ -316,32 +305,32 @@ function verifyConvertFundDeposit() {
 }
 
 function retryConvertFundWithdraw() {
-    DB.query("SELECT id, mode, coin, quantity, amount FROM ConvertFund WHERE status=? AND coin=?", ["PENDING", "BTC"]).then(results => {
+    DB.query("SELECT id, mode, coin, quantity, amount FROM ConvertFund WHERE r_status=? AND coin=?", [pCode.STATUS_PENDING, "BTC"]).then(results => {
         results.forEach(r => {
-            if (r.mode == _sql.CONVERT_MODE_GET)  //withdraw coin
+            if (r.mode == pCodeCONVERT_MODE_GET)  //withdraw coin
                 blockchain.convertFundWithdraw.retry(r.coin, r.quantity, r.id);
-            else if (r.mode == _sql.CONVERT_MODE_PUT) //withdraw currency
+            else if (r.mode == pCodeCONVERT_MODE_PUT) //withdraw currency
                 blockchain.convertFundWithdraw.retry(floGlobals.currency, r.amount, r.id);
         })
     }).catch(error => console.error(error))
 }
 
 function confirmConvertFundWithdraw() {
-    DB.query("SELECT * FROM ConvertFund WHERE status=? AND coin=?", ["WAITING_CONFIRMATION", "BTC"]).then(results => {
+    DB.query("SELECT * FROM ConvertFund WHERE r_status=? AND coin=?", [pCode.STATUS_CONFIRMATION, "BTC"]).then(results => {
         results.forEach(r => {
-            if (r.mode == _sql.CONVERT_MODE_GET) { //withdraw coin
+            if (r.mode == pCodeCONVERT_MODE_GET) { //withdraw coin
                 btcOperator.getTx(r.txid).then(tx => {
                     if (!tx.blockhash || !tx.confirmations) //Still not confirmed
                         return;
-                    DB.query("UPDATE ConvertFund SET status=? WHERE id=?", ["SUCCESS", r.id])
+                    DB.query("UPDATE ConvertFund SET r_status=? WHERE id=?", [pCode.STATUS_SUCCESS, r.id])
                         .then(result => console.debug(`Withdraw-fund ${r.quantity} ${r.coin} successful`))
                         .catch(error => console.error(error))
                 }).catch(error => console.error(error));
-            } else if (r.mode == _sql.CONVERT_MODE_PUT) {//withdraw currency
+            } else if (r.mode == pCodeCONVERT_MODE_PUT) {//withdraw currency
                 floTokenAPI.getTx(r.txid).then(tx => {
                     if (!tx.transactionDetails.blockheight || !tx.transactionDetails.confirmations) //Still not confirmed
                         return;
-                    DB.query("UPDATE ConvertFund SET status=? WHERE id=?", ["SUCCESS", r.id])
+                    DB.query("UPDATE ConvertFund SET r_status=? WHERE id=?", [pCode.STATUS_SUCCESS, r.id])
                         .then(result => console.debug(`Withdraw-fund ${r.amount} ${floGlobals.currency} successful`))
                         .catch(error => console.error(error));
                 }).catch(error => console.error(error));
@@ -351,31 +340,31 @@ function confirmConvertFundWithdraw() {
 }
 
 function verifyRefund() {
-    DB.query("SELECT id, floID, in_txid FROM RefundTransact WHERE status=?", ["PENDING"]).then(results => {
+    DB.query("SELECT id, floID, in_txid FROM RefundTransact WHERE r_status=?", [pCode.STATUS_PENDING]).then(results => {
         verifyTx.token(r.floID, r.in_txid, true)
             .then(({ amount }) => blockchain.refundTransact.init(r.floID, amount, r.id))
             .catch(error => {
                 console.error(error);
                 if (error[0])
-                    DB.query("UPDATE RefundTransact SET status=? WHERE id=?", ["REJECTED", r.id])
+                    DB.query("UPDATE RefundTransact SET r_status=? WHERE id=?", [pCode.STATUS_REJECTED, r.id])
                         .then(_ => null).catch(error => console.error(error));
             });
     }).catch(error => console.error(error))
 }
 
 function retryRefund() {
-    DB.query("SELECT id, floID, amount FROM RefundTransact WHERE status=?", ["PROCESSING"]).then(results => {
+    DB.query("SELECT id, floID, amount FROM RefundTransact WHERE r_status=?", [pCode.STATUS_PROCESSING]).then(results => {
         results.forEach(r => blockchain.refundTransact.retry(r.floID, r.amount, r.id))
     }).catch(error => console.error(error))
 }
 
 function confirmRefund() {
-    DB.query("SELECT * FROM RefundTransact WHERE status=?", ["WAITING_CONFIRMATION"]).then(result => {
+    DB.query("SELECT * FROM RefundTransact WHERE r_status=?", [pCode.STATUS_CONFIRMATION]).then(result => {
         results.forEach(r => {
             floTokenAPI.getTx(r.txid).then(tx => {
                 if (!tx.transactionDetails.blockheight || !tx.transactionDetails.confirmations) //Still not confirmed
                     return;
-                DB.query("UPDATE RefundTransact SET status=? WHERE id=?", ["SUCCESS", r.id])
+                DB.query("UPDATE RefundTransact SET r_status=? WHERE id=?", [pCode.STATUS_SUCCESS, r.id])
                     .then(result => console.debug(`Refunded ${r.amount} to ${r.floID}`))
                     .catch(error => console.error(error));
             }).catch(error => console.error(error));
@@ -384,20 +373,20 @@ function confirmRefund() {
 }
 
 function retryBondClosing() {
-    DB.query("SELECT id, floID, amount FROM CloseBondTransact WHERE status=?", ["PENDING"]).then(results => {
+    DB.query("SELECT id, floID, amount FROM CloseBondTransact WHERE r_status=?", [pCode.STATUS_PENDING]).then(results => {
         results.forEach(r => blockchain.bondTransact.retry(r.floID, r.amount, r.id))
     }).catch(error => console.error(error))
 }
 
 function confirmBondClosing() {
-    DB.query("SELECT * FROM CloseBondTransact WHERE status=?", ["WAITING_CONFIRMATION"]).then(result => {
+    DB.query("SELECT * FROM CloseBondTransact WHERE r_status=?", [pCode.STATUS_CONFIRMATION]).then(result => {
         results.forEach(r => {
             floTokenAPI.getTx(r.txid).then(tx => {
                 if (!tx.transactionDetails.blockheight || !tx.transactionDetails.confirmations) //Still not confirmed
                     return;
                 let closeBondString = bond_util.stringify.end(r.bond_id, r.end_date, r.btc_net, r.usd_net, r.amount, r.ref_sign, r.txid);
                 floBlockchainAPI.writeData(global.myFloID, closeBondString, global.myPrivKey, bond_util.config.adminID).then(txid => {
-                    DB.query("UPDATE CloseBondTransact SET status=?, close_id=? WHERE id=?", ["SUCCESS", txid, r.id])
+                    DB.query("UPDATE CloseBondTransact SET r_status=?, close_id=? WHERE id=?", [pCode.STATUS_SUCCESS, txid, r.id])
                         .then(result => console.debug("Bond closed:", r.bond_id))
                         .catch(error => console.error(error));
                 }).catch(error => console.error(error))
@@ -407,20 +396,20 @@ function confirmBondClosing() {
 }
 
 function retryFundClosing() {
-    DB.query("SELECT id, floID, amount FROM CloseFundTransact WHERE status=?", ["PENDING"]).then(results => {
+    DB.query("SELECT id, floID, amount FROM CloseFundTransact WHERE r_status=?", [pCode.STATUS_PENDING]).then(results => {
         results.forEach(r => blockchain.fundTransact.retry(r.floID, r.amount, r.id))
     }).catch(error => console.error(error))
 }
 
 function confirmFundClosing() {
-    DB.query("SELECT * FROM CloseFundTransact WHERE status=?", ["WAITING_CONFIRMATION"]).then(result => {
+    DB.query("SELECT * FROM CloseFundTransact WHERE r_status=?", [pCode.STATUS_CONFIRMATION]).then(result => {
         results.forEach(r => {
             floTokenAPI.getTx(r.txid).then(tx => {
                 if (!tx.transactionDetails.blockheight || !tx.transactionDetails.confirmations) //Still not confirmed
                     return;
                 let closeFundString = fund_util.stringify.end(r.fund_id, r.floID, r.end_date, r.btc_net, r.usd_net, r.amount, r.ref_sign, r.txid);
                 floBlockchainAPI.writeData(global.myFloID, closeFundString, global.myPrivKey, fund_util.config.adminID).then(txid => {
-                    DB.query("UPDATE CloseFundTransact SET status=?, close_id=? WHERE id=?", ["SUCCESS", txid, r.id])
+                    DB.query("UPDATE CloseFundTransact SET r_status=?, close_id=? WHERE id=?", [pCode.STATUS_SUCCESS, txid, r.id])
                         .then(result => console.debug("Fund investment closed:", r.fund_id))
                         .catch(error => console.error(error));
                 }).catch(error => console.error(error))
@@ -433,11 +422,8 @@ function processAll() {
     //deposit-withdraw asset balance
     confirmDepositFLO();
     confirmDepositToken();
-    retryWithdrawalCoin();
-    retryWithdrawalToken();
-    confirmWithdrawalFLO();
-    confirmWithdrawalBTC();
-    confirmWithdrawalToken();
+    retryVaultWithdrawal();
+    confirmVaultWithdraw();
     //convert service
     verifyConvert();
     retryConvert();
diff --git a/src/backup/slave.js b/src/backup/slave.js
index 00df6e5..78c565e 100644
--- a/src/backup/slave.js
+++ b/src/backup/slave.js
@@ -154,7 +154,7 @@ function storeSinkShare(sinkID, keyShare, decrypt = true) {
         keyShare = floCrypto.decryptData(keyShare, global.myPrivKey)
     let encryptedShare = Crypto.AES.encrypt(keyShare, global.myPrivKey);
     console.log(Date.now(), '|sinkID:', sinkID, '|EnShare:', encryptedShare);
-    DB.query("INSERT INTO sinkShares (floID, share) VALUE (?, ?) ON DUPLICATE KEY UPDATE share=?", [sinkID, encryptedShare, encryptedShare])
+    DB.query("INSERT INTO sinkShares (floID, share) VALUE (?) ON DUPLICATE KEY UPDATE share=?", [[sinkID, encryptedShare], encryptedShare])
         .then(_ => null).catch(error => console.error(error));
 }
 
@@ -285,7 +285,7 @@ storeBackupData.commit = function (data, result) {
                 break;
             case "rejected":
                 console.error(result[i].reason);
-                promises.push(DB.query("UPDATE _backupCache SET status=FALSE WHERE id=?", data[i].id));
+                promises.push(DB.query("UPDATE _backupCache SET fail=TRUE WHERE id=?", data[i].id));
                 break;
         }
     return Promise.allSettled(promises);
diff --git a/src/blockchain.js b/src/blockchain.js
index 892eedd..c60cb71 100644
--- a/src/blockchain.js
+++ b/src/blockchain.js
@@ -1,11 +1,12 @@
 'use strict';
 
+const pCode = require('../docs/scripts/floExchangeAPI').processCode;
+
 var collectAndCall; //container for collectAndCall function from backup module
 var chests; //container for blockchain ids (where assets are stored)
 var DB; //container for database
 
-const TYPE_TOKEN = "TOKEN",
-    TYPE_COIN = "COIN",
+const TYPE_VAULT = "VAULT",
     TYPE_CONVERT = "CONVERT",
     TYPE_CONVERT_POOL = "CONVERT_POOL",
     TYPE_REFUND = "REFUND",
@@ -15,8 +16,7 @@ const TYPE_TOKEN = "TOKEN",
 const balance_locked = {},
     balance_cache = {},
     callbackCollection = {
-        [TYPE_COIN]: {},
-        [TYPE_TOKEN]: {},
+        [TYPE_VAULT]: {},
         [TYPE_CONVERT]: {},
         [TYPE_CONVERT_POOL]: {},
         [TYPE_REFUND]: {},
@@ -64,8 +64,7 @@ function getSinkID(quantity, asset, sinkList = null) {
 }
 
 const WITHDRAWAL_MESSAGE = {
-    [TYPE_COIN]: "(withdrawal from market)",
-    [TYPE_TOKEN]: "(withdrawal from market)",
+    [TYPE_VAULT]: "(withdrawal from market)",
     [TYPE_CONVERT]: "(convert coin)",
     [TYPE_CONVERT_POOL]: "(convert fund)",
     [TYPE_REFUND]: "(refund from market)",
@@ -87,13 +86,12 @@ function sendTx(floID, asset, quantity, sinkID, sinkKey, message) {
 }
 
 const updateSyntax = {
-    [TYPE_COIN]: "UPDATE WithdrawCoin SET status=?, txid=? WHERE id=?",
-    [TYPE_TOKEN]: "UPDATE WithdrawToken SET status=?, txid=? WHERE id=?",
-    [TYPE_CONVERT]: "UPDATE DirectConvert SET status=?, out_txid=? WHERE id=?",
-    [TYPE_CONVERT_POOL]: "UPDATE ConvertFund SET status=?, txid=? WHERE id=?",
-    [TYPE_REFUND]: "UPDATE RefundTransact SET status=?, out_txid=? WHERE id=?",
-    [TYPE_BOND]: "UPDATE CloseBondTransact SET status=?, txid=? WHERE id=?",
-    [TYPE_FUND]: "UPDATE CloseFundTransact SET status=?, txid=? WHERE id=?"
+    [TYPE_VAULT]: "UPDATE VaultTransactions SET r_status=?, txid=? WHERE id=?",
+    [TYPE_CONVERT]: "UPDATE DirectConvert SET r_status=?, out_txid=? WHERE id=?",
+    [TYPE_CONVERT_POOL]: "UPDATE ConvertFund SET r_status=?, txid=? WHERE id=?",
+    [TYPE_REFUND]: "UPDATE RefundTransact SET r_status=?, out_txid=? WHERE id=?",
+    [TYPE_BOND]: "UPDATE CloseBondTransact SET r_status=?, txid=? WHERE id=?",
+    [TYPE_FUND]: "UPDATE CloseFundTransact SET r_status=?, txid=? WHERE id=?"
 };
 
 function sendAsset(floID, asset, quantity, type, id) {
@@ -104,7 +102,7 @@ function sendAsset(floID, asset, quantity, type, id) {
                 if (!txid)
                     console.error("Transaction not successful");
                 else //Transaction was successful, Add in DB
-                    DB.query(updateSyntax[type], ["WAITING_CONFIRMATION", txid, id])
+                    DB.query(updateSyntax[type], [pCode.STATUS_CONFIRMATION, txid, id])
                         .then(_ => null).catch(error => console.error(error));
             }).catch(error => console.error(error)).finally(_ => {
                 delete callbackCollection[type][id];
@@ -119,32 +117,21 @@ function sendAsset(floID, asset, quantity, type, id) {
     }).catch(error => console.error(error))
 }
 
-function sendCoin_init(floID, coin, quantity) {
-    DB.query("INSERT INTO WithdrawCoin (floID, coin, amount, status) VALUES (?, ?, ?, ?)", [floID, coin, quantity, "PENDING"])
-        .then(result => sendAsset(floID, coin, quantity, TYPE_COIN, result.insertId))
+function withdrawAsset_init(floID, asset, amount) {
+    let asset_type = ["FLO", "BTC"].includes(asset) ? pCode.ASSET_TYPE_COIN : pCode.ASSET_TYPE_TOKEN;
+    DB.query("INSERT INTO VaultTransactions (floID, mode, asset_type, asset, amount, r_status) VALUES (?)", [floID, pCode.VAULT_MODE_WITHDRAW, asset_type, asset, amount, pCode.STATUS_PENDING])
+        .then(result => sendAsset(floID, asset, amount, TYPE_VAULT, result.insertId))
         .catch(error => console.error(error))
 }
 
-function sendCoin_retry(floID, coin, quantity, id) {
-    if (id in callbackCollection[TYPE_COIN])
+function withdrawAsset_retry(floID, asset, amount, id) {
+    if (id in callbackCollection[TYPE_VAULT])
         console.debug("A callback is already pending for this Coin transfer");
-    else sendAsset(floID, coin, quantity, TYPE_COIN, id);
-}
-
-function sendToken_init(floID, token, quantity) {
-    DB.query("INSERT INTO WithdrawToken (floID, token, amount, status) VALUES (?, ?, ?, ?)", [floID, token, quantity, "PENDING"])
-        .then(result => sendAsset(floID, quantity, TYPE_TOKEN, result.insertId))
-        .catch(error => console.error(error))
-}
-
-function sendToken_retry(floID, token, quantity, id) {
-    if (id in callbackCollection[TYPE_TOKEN])
-        console.debug("A callback is already pending for this Token transfer");
-    else sendAsset(floID, token, quantity, TYPE_TOKEN, id);
+    else sendAsset(floID, asset, amount, TYPE_VAULT, id);
 }
 
 function convertToCoin_init(floID, coin, coin_quantity, id) {
-    DB.query("UPDATE DirectConvert SET quantity=?, status=?, locktime=DEFAULT WHERE id=?", [coin_quantity, "PROCESSING", id])
+    DB.query("UPDATE DirectConvert SET quantity=?, r_status=?, locktime=DEFAULT WHERE id=?", [coin_quantity, pCode.STATUS_PROCESSING, id])
         .then(result => sendAsset(floID, coin, coin_quantity, TYPE_CONVERT, id))
         .catch(error => console.error(error))
 }
@@ -156,7 +143,7 @@ function convertToCoin_retry(floID, coin, coin_quantity, id) {
 }
 
 function convertFromCoin_init(floID, currency_amount, id) {
-    DB.query("UPDATE DirectConvert SET amount=?, status=?, locktime=DEFAULT WHERE id=?", [currency_amount, "PROCESSING", id])
+    DB.query("UPDATE DirectConvert SET amount=?, r_status=?, locktime=DEFAULT WHERE id=?", [currency_amount, pCode.STATUS_PROCESSING, id])
         .then(result => sendAsset(floID, floGlobals.currency, currency_amount, TYPE_CONVERT, id))
         .catch(error => console.error(error))
 }
@@ -186,7 +173,7 @@ function fundTransact_retry(floID, amount, id) {
 }
 
 function refundTransact_init(floID, amount, id) {
-    DB.query("UPDATE RefundTransact SET amount=?, status=?, locktime=DEFAULT WHERE id=?", [amount, "PROCESSING", id])
+    DB.query("UPDATE RefundTransact SET amount=?, r_status=?, locktime=DEFAULT WHERE id=?", [amount, pCode.STATUS_PROCESSING, id])
         .then(result => sendAsset(floID, floGlobals.currency, amount, TYPE_REFUND, id))
         .catch(error => console.error(error))
 }
@@ -207,13 +194,9 @@ module.exports = {
     set chests(c) {
         chests = c;
     },
-    sendCoin: {
-        init: sendCoin_init,
-        retry: sendCoin_retry
-    },
-    sendToken: {
-        init: sendToken_init,
-        retry: sendToken_retry
+    withdrawAsset: {
+        init: withdrawAsset_init,
+        retry: withdrawAsset_retry
     },
     convertToCoin: {
         init: convertToCoin_init,
diff --git a/src/coupling.js b/src/coupling.js
index 994c3df..7113784 100644
--- a/src/coupling.js
+++ b/src/coupling.js
@@ -11,7 +11,7 @@ var DB; //container for database
 
 const updateBalance = {};
 updateBalance.consume = (floID, token, amount) => ["UPDATE UserBalance SET quantity=quantity-? WHERE floID=? AND token=?", [amount, floID, token]];
-updateBalance.add = (floID, token, amount) => ["INSERT INTO UserBalance (floID, token, quantity) VALUE (?, ?, ?) ON DUPLICATE KEY UPDATE quantity=quantity+?", [floID, token, amount, amount]];
+updateBalance.add = (floID, token, amount) => ["INSERT INTO UserBalance (floID, token, quantity) VALUE (?) ON DUPLICATE KEY UPDATE quantity=quantity+?", [[floID, token, amount], amount]];
 
 const couplingInstance = {},
     couplingTimeout = {};
@@ -181,7 +181,7 @@ function processOrders(seller_best, buyer_best, asset, cur_rate, quantity) {
     txQueries.push(updateBalance.add(buyer_best.floID, asset, quantity));
 
     //Add SellChips to Buyer
-    txQueries.push(["INSERT INTO SellChips(floID, asset, base, quantity) VALUES (?, ?, ?, ?)", [buyer_best.floID, asset, cur_rate, quantity]])
+    txQueries.push(["INSERT INTO SellChips(floID, asset, base, quantity) VALUES (?)", [[buyer_best.floID, asset, cur_rate, quantity]]])
 
     //Record transaction
     let time = Date.now();
@@ -194,8 +194,8 @@ function processOrders(seller_best, buyer_best, asset, cur_rate, quantity) {
         tx_time: time,
     }));
     txQueries.push([
-        "INSERT INTO TradeTransactions (seller, buyer, asset, quantity, unitValue, tx_time, txid) VALUES (?, ?, ?, ?, ?, ?, ?)",
-        [seller_best.floID, buyer_best.floID, asset, quantity, cur_rate, new Date(time), hash]
+        "INSERT INTO TradeTransactions (seller, buyer, asset, quantity, unitValue, tx_time, txid) VALUES (?)",
+        [[seller_best.floID, buyer_best.floID, asset, quantity, cur_rate, new Date(time), hash]]
     ]);
 
     return txQueries;
@@ -214,11 +214,11 @@ function endAudit(sellerID, buyerID, asset, old_bal, unit_price, quantity) {
         DB.query("INSERT INTO AuditTrade (asset, quantity, unit_price, total_cost," +
             " sellerID, seller_old_cash, seller_old_asset, seller_new_cash, seller_new_asset," +
             " buyerID, buyer_old_cash, buyer_old_asset, buyer_new_cash, buyer_new_asset)" +
-            " Value (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)", [
+            " Value (?)", [[
                 asset, quantity, unit_price, quantity * unit_price,
                 sellerID, old_bal[sellerID].cash, old_bal[sellerID].asset, new_bal[sellerID].cash, new_bal[sellerID].asset,
                 buyerID, old_bal[buyerID].cash, old_bal[buyerID].asset, new_bal[buyerID].cash, new_bal[buyerID].asset,
-            ]).then(_ => null).catch(error => console.error(error))
+            ]]).then(_ => null).catch(error => console.error(error))
     }).catch(error => console.error(error));
 }
 
@@ -234,7 +234,7 @@ function auditBalance(sellerID, buyerID, asset) {
                 asset: 0
             }
         };
-        DB.query("SELECT floID, quantity, token FROM UserBalance WHERE floID IN (?, ?) AND token IN (?, ?)", [sellerID, buyerID, floGlobals.currency, asset]).then(result => {
+        DB.query("SELECT floID, quantity, token FROM UserBalance WHERE floID IN (?) AND token IN (?)", [[sellerID, buyerID], [floGlobals.currency, asset]]).then(result => {
             for (let i in result) {
                 if (result[i].token === floGlobals.currency)
                     balance[result[i].floID].cash = result[i].quantity;
diff --git a/src/main.js b/src/main.js
index e94d475..3aae7d1 100644
--- a/src/main.js
+++ b/src/main.js
@@ -51,13 +51,13 @@ function refreshDataFromBlockchain() {
                                 promises.push(DB.query("DELETE FROM NodeList WHERE floID=?", [n]));
                         if (content.Nodes.add)
                             for (let n in content.Nodes.add)
-                                promises.push(DB.query("INSERT INTO NodeList (floID, uri) VALUE (?,?) ON DUPLICATE KEY UPDATE uri=?", [n, content.Nodes.add[n], content.Nodes.add[n]]));
+                                promises.push(DB.query("INSERT INTO NodeList (floID, uri) VALUE (?) ON DUPLICATE KEY UPDATE uri=?", [[n, content.Nodes.add[n]], content.Nodes.add[n]]));
                     }
                     //Asset List
                     if (content.Assets) {
                         assets_change = true;
                         for (let a in content.Assets)
-                            promises.push(DB.query("INSERT INTO AssetList (asset, initialPrice) VALUE (?,?) ON DUPLICATE KEY UPDATE initialPrice=?", [a, content.Assets[a], content.Assets[a]]));
+                            promises.push(DB.query("INSERT INTO AssetList (asset, initialPrice) VALUE (?) ON DUPLICATE KEY UPDATE initialPrice=?", [[a, content.Assets[a]], content.Assets[a]]));
                     }
                     //Trusted List
                     if (content.Trusted) {
@@ -76,14 +76,14 @@ function refreshDataFromBlockchain() {
                                 promises.push(DB.query("DELETE FROM TagList WHERE tag=?", [t]));
                         if (content.Tag.add)
                             for (let t in content.Tag.add)
-                                promises.push(DB.query("INSERT INTO TagList (tag, sellPriority, buyPriority) VALUE (?, ?, ?) ON DUPLICATE KEY UPDATE tag=tag", [t, content.Tag.add[t].sellPriority, content.Tag.add[t].buyPriority]));
+                                promises.push(DB.query("INSERT INTO TagList (tag, sellPriority, buyPriority) VALUE (?) ON DUPLICATE KEY UPDATE tag=tag", [[t, content.Tag.add[t].sellPriority, content.Tag.add[t].buyPriority]]));
                         if (content.Tag.update)
                             for (let t in content.Tag.update)
                                 for (let a in content.Tag.update[t])
                                     promises.push(`UPDATE TagList WHERE tag=? SET ${a}=?`, [t, content.Tag.update[t][a]]);
                     }
                 });
-                promises.push(DB.query("INSERT INTO LastTx (floID, num) VALUE (?, ?) ON DUPLICATE KEY UPDATE num=?", [floGlobals.adminID, result.totalTxs, result.totalTxs]));
+                promises.push(DB.query("INSERT INTO LastTx (floID, num) VALUE (?) ON DUPLICATE KEY UPDATE num=?", [[floGlobals.adminID, result.totalTxs], result.totalTxs]));
                 //Check if all save process were successful
                 Promise.allSettled(promises).then(results => {
                     //console.debug(results.filter(r => r.status === "rejected"));
diff --git a/src/market.js b/src/market.js
index 5d03dc4..8573434 100644
--- a/src/market.js
+++ b/src/market.js
@@ -13,6 +13,7 @@ const {
 } = require('./_constants')["market"];
 
 const eCode = require('../docs/scripts/floExchangeAPI').errorCode;
+const pCode = require('../docs/scripts/floExchangeAPI').processCode;
 
 const updateBalance = background.updateBalance = coupling.updateBalance;
 
@@ -20,9 +21,7 @@ var DB, assetList; //container for database and allowed assets
 
 function login(floID, proxyKey) {
     return new Promise((resolve, reject) => {
-        DB.query("INSERT INTO UserSession (floID, proxyKey) VALUE (?, ?) " +
-                "ON DUPLICATE KEY UPDATE session_time=DEFAULT, proxyKey=?",
-                [floID, proxyKey, proxyKey])
+        DB.query("INSERT INTO UserSession (floID, proxyKey) VALUE (?) ON DUPLICATE KEY UPDATE session_time=DEFAULT, proxyKey=?",[[floID, proxyKey], proxyKey])
             .then(result => resolve("Login Successful"))
             .catch(error => reject(error))
     })
@@ -42,8 +41,8 @@ function getRateHistory(asset, duration) {
             reject(INVALID(eCode.INVALID_TOKEN_NAME, `Invalid asset(${asset})`));
         else
             coupling.price.getHistory(asset, duration)
-            .then(result => resolve(result))
-            .catch(error => reject(error))
+                .then(result => resolve(result))
+                .catch(error => reject(error))
     })
 }
 
@@ -137,7 +136,7 @@ function addSellOrder(floID, asset, quantity, min_price) {
             return reject(INVALID(eCode.INVALID_TOKEN_NAME, `Invalid asset (${asset})`));
         getAssetBalance.check(floID, asset, quantity).then(_ => {
             checkSellRequirement(floID, asset, quantity, min_price).then(_ => {
-                DB.query("INSERT INTO SellOrder(floID, asset, quantity, minPrice) VALUES (?, ?, ?, ?)", [floID, asset, quantity, min_price]).then(result => {
+                DB.query("INSERT INTO SellOrder(floID, asset, quantity, minPrice) VALUES (?)", [[floID, asset, quantity, min_price]]).then(result => {
                     resolve('Sell Order placed successfully');
                     coupling.initiate(asset);
                 }).catch(error => reject(error));
@@ -185,7 +184,7 @@ function addBuyOrder(floID, asset, quantity, max_price) {
         else if (!assetList.includes(asset))
             return reject(INVALID(eCode.INVALID_TOKEN_NAME, `Invalid asset (${asset})`));
         getAssetBalance.check(floID, floGlobals.currency, quantity * max_price).then(_ => {
-            DB.query("INSERT INTO BuyOrder(floID, asset, quantity, maxPrice) VALUES (?, ?, ?, ?)", [floID, asset, quantity, max_price]).then(result => {
+            DB.query("INSERT INTO BuyOrder(floID, asset, quantity, maxPrice) VALUES (?)", [[floID, asset, quantity, max_price]]).then(result => {
                 resolve('Buy Order placed successfully');
                 coupling.initiate(asset);
             }).catch(error => reject(error));
@@ -257,11 +256,7 @@ function getAccountDetails(floID) {
 
 function getUserTransacts(floID) {
     return new Promise((resolve, reject) => {
-        DB.query("(SELECT 'deposit' as type, txid, token, amount, status FROM DepositToken WHERE floID=?)" +
-                "UNION (SELECT 'deposit' as type, txid, coin as token, amount, status FROM DepositCoin WHERE floID=?)" +
-                "UNION (SELECT 'withdraw' as type, txid, token, amount, status FROM WithdrawToken WHERE floID=?)" +
-                "UNION (SELECT 'withdraw' as type, txid, coin as token, amount, status FROM WithdrawCoin WHERE floID=?)",
-                [floID, floID, floID, floID])
+        DB.query("SELECT mode, asset, amount, txid, locktime, r_status, FROM VaultTransactions WHERE floID=?", [floID])
             .then(result => resolve(result))
             .catch(error => reject(error))
     })
@@ -315,7 +310,7 @@ function transferToken(sender, receivers, token) {
                 checkDistributor(sender, token).then(result => {
                     if (result)
                         for (let floID in receivers)
-                            txQueries.push(["INSERT INTO SellChips (floID, asset, quantity) VALUES (?, ?, ?)", [floID, token, receivers[floID]]]);
+                            txQueries.push(["INSERT INTO SellChips (floID, asset, quantity) VALUES (?)", [[floID, token, receivers[floID]]]]);
                     let time = Date.now();
                     let hash = TRANSFER_HASH_PREFIX + Crypto.SHA256(JSON.stringify({
                         sender: sender,
@@ -325,8 +320,8 @@ function transferToken(sender, receivers, token) {
                         tx_time: time,
                     }));
                     txQueries.push([
-                        "INSERT INTO TransferTransactions (sender, receiver, token, totalAmount, tx_time, txid) VALUE (?, ?, ?, ?, ?, ?)",
-                        [sender, JSON.stringify(receivers), token, totalAmount, new Date(time), hash]
+                        "INSERT INTO TransferTransactions (sender, receiver, token, totalAmount, tx_time, txid) VALUE (?)",
+                        [[sender, JSON.stringify(receivers), token, totalAmount, new Date(time), hash]]
                     ]);
                     DB.transaction(txQueries)
                         .then(result => resolve(hash))
@@ -339,20 +334,20 @@ function transferToken(sender, receivers, token) {
 
 function depositFLO(floID, txid) {
     return new Promise((resolve, reject) => {
-        DB.query("SELECT status FROM DepositCoin WHERE txid=? AND floID=? AND coin=?", [txid, floID, "FLO"]).then(result => {
+        DB.query("SELECT r_status FROM VaultTransactions WHERE txid=? AND floID=? AND asset=?", [txid, floID, "FLO"]).then(result => {
             if (result.length) {
-                switch (result[0].status) {
-                    case "PENDING":
+                switch (result[0].r_status) {
+                    case pCode.STATUS_PENDING:
                         return reject(INVALID(eCode.DUPLICATE_ENTRY, "Transaction already in process"));
-                    case "REJECTED":
+                    case pCode.STATUS_REJECTED:
                         return reject(INVALID(eCode.DUPLICATE_ENTRY, "Transaction already rejected"));
-                    case "SUCCESS":
+                    case pCode.STATUS_SUCCESS:
                         return reject(INVALID(eCode.DUPLICATE_ENTRY, "Transaction already used to add coins"));
                 }
             } else
-                DB.query("INSERT INTO DepositCoin(txid, floID, coin, status) VALUES (?, ?, ?, ?)", [txid, floID, "FLO", "PENDING"])
-                .then(result => resolve("Deposit request in process"))
-                .catch(error => reject(error));
+                DB.query("INSERT INTO VaultTransactions(floID, mode, asset_type, asset, txid, r_status) VALUES (?)", [[floID, pCode.VAULT_MODE_DEPOSIT, pCode.ASSET_TYPE_COIN, "FLO", txid, pCode.STATUS_PENDING]])
+                    .then(result => resolve("Deposit request in process"))
+                    .catch(error => reject(error));
         }).catch(error => reject(error))
     });
 }
@@ -367,7 +362,7 @@ function withdrawFLO(floID, amount) {
             let txQueries = [];
             txQueries.push(updateBalance.consume(floID, "FLO", amount));
             DB.transaction(txQueries).then(result => {
-                blockchain.sendCoin.init(floID, "FLO", amount);
+                blockchain.withdrawAsset.init(floID, "FLO", amount);
                 resolve("Withdrawal request is in process");
             }).catch(error => reject(error));
         }).catch(error => reject(error));
@@ -376,20 +371,20 @@ function withdrawFLO(floID, amount) {
 
 function depositToken(floID, txid) {
     return new Promise((resolve, reject) => {
-        DB.query("SELECT status FROM DepositToken WHERE txid=? AND floID=?", [txid, floID]).then(result => {
+        DB.query("SELECT r_status FROM VaultTransactions WHERE txid=? AND floID=? AND asset_type=?", [txid, floID, pCode.ASSET_TYPE_TOKEN]).then(result => {
             if (result.length) {
-                switch (result[0].status) {
-                    case "PENDING":
+                switch (result[0].r_status) {
+                    case pCode.STATUS_PENDING:
                         return reject(INVALID(eCode.DUPLICATE_ENTRY, "Transaction already in process"));
-                    case "REJECTED":
+                    case pCode.STATUS_REJECTED:
                         return reject(INVALID(eCode.DUPLICATE_ENTRY, "Transaction already rejected"));
-                    case "SUCCESS":
+                    case pCode.STATUS_SUCCESS:
                         return reject(INVALID(eCode.DUPLICATE_ENTRY, "Transaction already used to add tokens"));
                 }
             } else
-                DB.query("INSERT INTO DepositToken(txid, floID, status) VALUES (?, ?, ?)", [txid, floID, "PENDING"])
-                .then(result => resolve("Deposit request in process"))
-                .catch(error => reject(error));
+                DB.query("INSERT INTO VaultTransactions(floID, mode, asset_type, txid, r_status) VALUES (?)", [floID, pCode.VAULT_MODE_DEPOSIT, pCode.ASSET_TYPE_TOKEN, txid, pCode.STATUS_PENDING])
+                    .then(result => resolve("Deposit request in process"))
+                    .catch(error => reject(error));
         }).catch(error => reject(error))
     });
 }
@@ -411,7 +406,7 @@ function withdrawToken(floID, token, amount) {
                 txQueries.push(updateBalance.consume(floID, token, amount));
                 DB.transaction(txQueries).then(result => {
                     //Send Token to user via token API
-                    blockchain.sendToken.init(floID, token, amount);
+                    blockchain.withdrawAsset.init(floID, token, amount);
                     resolve("Withdrawal request is in process");
                 }).catch(error => reject(error));
             }).catch(error => reject(error));
@@ -421,7 +416,7 @@ function withdrawToken(floID, token, amount) {
 
 function addTag(floID, tag) {
     return new Promise((resolve, reject) => {
-        DB.query("INSERT INTO UserTag (floID, tag) VALUE (?,?)", [floID, tag])
+        DB.query("INSERT INTO UserTag (floID, tag) VALUE (?)", [[floID, tag]])
             .then(result => resolve(`Added ${floID} to ${tag}`))
             .catch(error => {
                 if (error.code === "ER_DUP_ENTRY")
@@ -444,7 +439,7 @@ function removeTag(floID, tag) {
 
 function addDistributor(floID, asset) {
     return new Promise((resolve, reject) => {
-        DB.query("INSERT INTO Distributors (floID, asset) VALUE (?,?)", [floID, asset])
+        DB.query("INSERT INTO Distributors (floID, asset) VALUE (?)", [[floID, asset]])
             .then(result => resolve(`Added ${asset} distributor: ${floID}`))
             .catch(error => {
                 if (error.code === "ER_DUP_ENTRY")
diff --git a/src/price.js b/src/price.js
index 974ba96..669e9da 100644
--- a/src/price.js
+++ b/src/price.js
@@ -22,7 +22,7 @@ const updateLastTime = asset => lastTime[asset] = Date.now();
 
 //store FLO price in DB every 1 hr
 function storeHistory(asset, rate) {
-    DB.query("INSERT INTO PriceHistory (asset, rate) VALUE (?, ?)", [asset, rate.toFixed(8)])
+    DB.query("INSERT INTO PriceHistory (asset, rate) VALUE (?)", [[asset, rate.toFixed(8)]])
         .then(_ => null).catch(error => console.error(error))
 }
 
diff --git a/src/request.js b/src/request.js
index f5f9600..b844dd7 100644
--- a/src/request.js
+++ b/src/request.js
@@ -95,7 +95,7 @@ validateRequest.checkIfSignUsed = sign => new Promise((resolve, reject) => {
 
 function logRequest(floID, req_str, sign, proxy = false) {
     //console.debug(floID, req_str);
-    DB.query("INSERT INTO RequestLog (floID, request, sign, proxy) VALUES (?,?,?, ?)", [floID, req_str, sign, proxy])
+    DB.query("INSERT INTO RequestLog (floID, request, sign, proxy) VALUES (?)", [[floID, req_str, sign, proxy]])
         .then(_ => null).catch(error => console.error(error));
 }
 
diff --git a/src/services/bobs-fund.js b/src/services/bobs-fund.js
index 9aaeb60..d2171d0 100644
--- a/src/services/bobs-fund.js
+++ b/src/services/bobs-fund.js
@@ -1,6 +1,7 @@
 'use strict';
 
 const eCode = require('../../docs/scripts/floExchangeAPI').errorCode;
+const pCode = require('../../docs/scripts/floExchangeAPI').processCode;
 const getRate = require('./conversion').getRate;
 
 var DB; //container for database
@@ -232,7 +233,7 @@ function refreshBlockchainData(nodeList = []) {
                             promises.push(DB.query("UPDATE BobsFundInvestments SET close_id=? amount_out=? WHERE fund_id=? AND floID=?", [d.txid, details.amountFinal, details.fundID, details.floID]));
                     }
                 });
-                promises.push(DB.query("INSERT INTO LastTx (floID, num) VALUE (?, ?) ON DUPLICATE KEY UPDATE num=?", [bobsFund.config.adminID, result.totalTxs, result.totalTxs]));
+                promises.push(DB.query("INSERT INTO LastTx (floID, num) VALUE (?) ON DUPLICATE KEY UPDATE num=?", [[bobsFund.config.adminID, result.totalTxs], result.totalTxs]));
                 Promise.allSettled(promises).then(results => {
                     //console.debug(results.filter(r => r.status === "rejected"));
                     if (results.reduce((a, r) => r.status === "rejected" ? ++a : a, 0))
@@ -246,7 +247,7 @@ function refreshBlockchainData(nodeList = []) {
 
 function closeFund(fund_id, floID, ref) {
     return new Promise((resolve, reject) => {
-        DB.query("SELECT status FROM CloseFundTransact WHERE fund_id=?", [fund_id]).then(result => {
+        DB.query("SELECT r_status FROM CloseFundTransact WHERE fund_id=?", [fund_id]).then(result => {
             if (result.length)
                 return reject(INVALID(eCode.DUPLICATE_ENTRY, `Fund closing already in process`));
             DB.query("SELECT * FROM BobsFund WHERE fund_id=?", [fund_id]).then(result => {
@@ -278,7 +279,7 @@ function closeFund(fund_id, floID, ref) {
                     getRate.BTC_USD().then(btc_rate => {
                         getRate.USD_INR().then(usd_rate => {
                             let net_value = bobsFund.calcNetValue(fund.btc_base, btc_rate, fund.usd_base, usd_rate, investment.amount_in, fund.fee)
-                            DB.query("INSERT INTO CloseFundTransact(fund_id, floID, amount, end_date, btc_net, usd_net, ref_sign, status) VALUE ?", [[fund_id, floID, net_value, cur_date, btc_rate, usd_rate, ref, "PENDING"]])
+                            DB.query("INSERT INTO CloseFundTransact(fund_id, floID, amount, end_date, btc_net, usd_net, ref_sign, r_status) VALUE ?", [[fund_id, floID, net_value, cur_date, btc_rate, usd_rate, ref, pCode.STATUS_PENDING]])
                                 .then(result => resolve({ "USD_net": usd_rate, "BTC_net": btc_rate, "amount_out": net_value, "end_date": cur_date }))
                                 .catch(error => reject(error))
                         }).catch(error => reject(error))
diff --git a/src/services/bonds.js b/src/services/bonds.js
index 4111031..9f34068 100644
--- a/src/services/bonds.js
+++ b/src/services/bonds.js
@@ -1,6 +1,7 @@
 'use strict';
 
 const eCode = require('../../docs/scripts/floExchangeAPI').errorCode;
+const pCode = require('../../docs/scripts/floExchangeAPI').processCode;
 const getRate = require('./conversion').getRate;
 
 var DB; //container for database
@@ -204,7 +205,7 @@ function refreshBlockchainData(nodeList = []) {
                             promises.push(DB.query("UPDATE BlockchainBonds SET close_id=? amount_out=? WHERE bond_id=?", [d.txid, details.amountFinal, details.bondID]));
                     }
                 });
-                promises.push(DB.query("INSERT INTO LastTx (floID, num) VALUE (?, ?) ON DUPLICATE KEY UPDATE num=?", [blockchainBond.config.adminID, result.totalTxs, result.totalTxs]));
+                promises.push(DB.query("INSERT INTO LastTx (floID, num) VALUE (?) ON DUPLICATE KEY UPDATE num=?", [[blockchainBond.config.adminID, result.totalTxs], result.totalTxs]));
                 Promise.allSettled(promises).then(results => {
                     //console.debug(results.filter(r => r.status === "rejected"));
                     if (results.reduce((a, r) => r.status === "rejected" ? ++a : a, 0))
@@ -218,7 +219,7 @@ function refreshBlockchainData(nodeList = []) {
 
 function closeBond(bond_id, floID, ref) {
     return new Promise((resolve, reject) => {
-        DB.query("SELECT status FROM CloseBondTransact WHERE bond_id=?", [bond_id]).then(result => {
+        DB.query("SELECT r_status FROM CloseBondTransact WHERE bond_id=?", [bond_id]).then(result => {
             if (result.length)
                 return reject(INVALID(eCode.DUPLICATE_ENTRY, `Bond closing already in process`));
             DB.query("SELECT * FROM BlockchainBonds WHERE bond_id=?", [bond_id]).then(result => {
@@ -235,7 +236,7 @@ function closeBond(bond_id, floID, ref) {
                     getRate.USD_INR().then(usd_rate => {
                         let end_date = new Date(),
                             net_value = blockchainBond.calcNetValue(bond.btc_base, btc_rate, bond.begin_date, bond.min_ipa, bond.max_period, bond.gain_cut, bond.amount_in, bond.usd_base, usd_rate);
-                        DB.query("INSERT INTO CloseBondTransact(bond_id, floID, amount, end_date, btc_net, usd_net, ref_sign, status) VALUE ?", [[bond_id, floID, net_value, end_date, btc_rate, usd_rate, ref, "PENDING"]])
+                        DB.query("INSERT INTO CloseBondTransact(bond_id, floID, amount, end_date, btc_net, usd_net, ref_sign, r_status) VALUE ?", [[bond_id, floID, net_value, end_date, btc_rate, usd_rate, ref, pCode.STATUS_PENDING]])
                             .then(result => resolve({ "USD_net": usd_rate, "BTC_net": btc_rate, "amount_out": net_value, "end_date": end_date }))
                             .catch(error => reject(error))
                     }).catch(error => reject(error))
diff --git a/src/services/conversion.js b/src/services/conversion.js
index 7ec8c72..e430f0b 100644
--- a/src/services/conversion.js
+++ b/src/services/conversion.js
@@ -1,8 +1,8 @@
 'use strict';
 
-const _sql = require('../_constants').sql;
 const { MIN_FUND } = require('../_constants')['convert'];
 const eCode = require('../../docs/scripts/floExchangeAPI').errorCode;
+const pCode = require('../../docs/scripts/floExchangeAPI').processCode;
 
 const allowedConversion = ["BTC"];
 
@@ -49,25 +49,25 @@ function checkPoolBalance(coin, req_value, mode) {
         if (!allowedConversion.includes(coin))
             return reject(INVALID(eCode.INVALID_TOKEN_NAME, `Invalid coin (${coin})`));
         let q = "SELECT mode, SUM(quantity) AS coin_val, SUM(amount) AS cash_val FROM (" +
-            "(SELECT amount, coin, quantity, mode, status FROM DirectConvert) UNION " +
-            "(SELECT amount, coin, quantity, mode, status FROM ConvertFund) " +
-            ") WHERE coin=? AND status NOT IN (?) GROUP BY mode"
-        DB.query(q, [coin, ["REJECTED", "REFUND"]]).then(result => {
+            "(SELECT amount, coin, quantity, mode, r_status FROM DirectConvert) UNION " +
+            "(SELECT amount, coin, quantity, mode, r_status FROM ConvertFund) " +
+            ") WHERE coin=? AND r_status NOT IN (?) GROUP BY mode"
+        DB.query(q, [coin, [pCode.STATUS_REJECTED, "REFUND"]]).then(result => {
             let coin_net = 0, cash_net = 0;
             for (let r of result)
-                if (r.mode == _sql.CONVERT_MODE_GET) {
+                if (r.mode == pCodeCONVERT_MODE_GET) {
                     coin_net -= r.coin_val;
                     cash_net += r.cash_val;
-                } else if (r.mode == _sql.CONVERT_MODE_PUT) {
+                } else if (r.mode == pCodeCONVERT_MODE_PUT) {
                     coin_net += r.coin_val;
                     cash_net -= r.cash_val;
                 }
             BTC_INR().then(rate => {
                 coin_net = coin_net * rate;
                 let availability = -1;
-                if (mode == _sql.CONVERT_MODE_GET)
+                if (mode == pCodeCONVERT_MODE_GET)
                     availability = coin_net - cash_net * MIN_FUND;
-                else if (mode == _sql.CONVERT_MODE_PUT) {
+                else if (mode == pCodeCONVERT_MODE_PUT) {
                     availability = cash_net - coin_net * MIN_FUND;
                     req_value = req_value * rate; //convert to currency value
                 }
@@ -86,17 +86,17 @@ function convertToCoin(floID, txid, coin, amount) {
             return reject(INVALID(eCode.INVALID_TOKEN_NAME, `Invalid coin (${coin})`));
         else if (typeof amount !== "number" || amount <= 0)
             return reject(INVALID(eCode.INVALID_NUMBER, `Invalid amount (${amount})`));
-        DB.query("SELECT status FROM DirectConvert WHERE in_txid=? AND floID=? AND mode=?", [txid, floID, _sql.CONVERT_MODE_GET]).then(result => {
+        DB.query("SELECT r_status FROM DirectConvert WHERE in_txid=? AND floID=? AND mode=?", [txid, floID, pCodeCONVERT_MODE_GET]).then(result => {
             if (result.length)
                 return reject(INVALID(eCode.DUPLICATE_ENTRY, "Transaction already in process"));
-            checkPoolBalance(coin, amount, _sql.CONVERT_MODE_GET).then(result => {
-                DB.query("INSERT INTO DirectConvert(floID, in_txid, mode, coin, amount, status) VALUES (?)", [[floID, txid, _sql.CONVERT_MODE_GET, coin, amount, "PENDING"]])
+            checkPoolBalance(coin, amount, pCodeCONVERT_MODE_GET).then(result => {
+                DB.query("INSERT INTO DirectConvert(floID, in_txid, mode, coin, amount, r_status) VALUES (?)", [[floID, txid, pCodeCONVERT_MODE_GET, coin, amount, pCode.STATUS_PENDING]])
                     .then(result => resolve("Conversion request in process"))
                     .catch(error => reject(error));
             }).catch(error => {
                 if (error instanceof INVALID && error.ecode === eCode.INSUFFICIENT_FUND)
-                    DB.query("INSERT INTO DirectConvert(floID, in_txid, mode, coin, amount, status) VALUES (?)", [[floID, txid, _sql.CONVERT_MODE_GET, coin, amount, "REFUND"]]).then(result => {
-                        DB.query("INSERT INTO RefundTransact(floID, in_txid, amount, status) VALUES (?)", [[floID, txid, amount, "PENDING"]])
+                    DB.query("INSERT INTO DirectConvert(floID, in_txid, mode, coin, amount, r_status) VALUES (?)", [[floID, txid, pCodeCONVERT_MODE_GET, coin, amount, "REFUND"]]).then(result => {
+                        DB.query("INSERT INTO RefundTransact(floID, in_txid, amount, r_status) VALUES (?)", [[floID, txid, amount, pCode.STATUS_PENDING]])
                             .then(_ => null).catch(error => console.error(error));
                     }).catch(error => console.error(error))
                 reject(error);
@@ -113,14 +113,14 @@ function convertFromCoin(floID, txid, tx_hex, coin, quantity) {
             return reject(INVALID(eCode.INVALID_NUMBER, `Invalid quantity (${quantity})`));
         else if (btcOperator.transactionID(tx_hex) !== txid)
             return reject(INVALID(eCode.INVALID_TX_ID, `txid ${txid} doesnt match the tx-hex`));
-        DB.query("SELECT status FROM DirectConvert WHERE in_txid=? AND floID=? AND mode=?", [txid, floID, _sql.CONVERT_MODE_PUT]).then(result => {
+        DB.query("SELECT r_status FROM DirectConvert WHERE in_txid=? AND floID=? AND mode=?", [txid, floID, pCodeCONVERT_MODE_PUT]).then(result => {
             if (result.length)
                 return reject(INVALID(eCode.DUPLICATE_ENTRY, "Transaction already in process"));
-            checkPoolBalance(coin, quantity, _sql.CONVERT_MODE_PUT).then(result => {
+            checkPoolBalance(coin, quantity, pCodeCONVERT_MODE_PUT).then(result => {
                 btcOperator.broadcastTx(tx_hex).then(b_txid => {
                     if (b_txid !== txid)
                         console.warn("broadcast TX-ID is not same as calculated TX-ID");
-                    DB.query("INSERT INTO DirectConvert(floID, in_txid, mode, coin, quantity, status) VALUES (?)", [[floID, b_txid, _sql.CONVERT_MODE_PUT, coin, quantity, "PENDING"]])
+                    DB.query("INSERT INTO DirectConvert(floID, in_txid, mode, coin, quantity, r_status) VALUES (?)", [[floID, b_txid, pCodeCONVERT_MODE_PUT, coin, quantity, pCode.STATUS_PENDING]])
                         .then(result => resolve("Conversion request in process"))
                         .catch(error => reject(error));
                 }).catch(error => {
@@ -140,10 +140,10 @@ function depositCurrencyFund(floID, txid, coin) {
             return reject(INVALID(eCode.ACCESS_DENIED, 'Access Denied'));
         else if (!allowedConversion.includes(coin))
             return reject(INVALID(eCode.INVALID_TOKEN_NAME, `Invalid coin (${coin})`));
-        DB.query("SELECT status FROM ConvertFund WHERE txid=? AND mode=?", [txid, _sql.CONVERT_MODE_GET]).then(result => {
+        DB.query("SELECT r_status FROM ConvertFund WHERE txid=? AND mode=?", [txid, pCodeCONVERT_MODE_GET]).then(result => {
             if (result.length)
                 return reject(INVALID(eCode.DUPLICATE_ENTRY, "Transaction already in process"));
-            DB.query("INSERT INTO ConvertFund(txid, mode, coin, status) VALUES (?)", [[b_txid, _sql.CONVERT_MODE_GET, coin, "PROCESSING"]])
+            DB.query("INSERT INTO ConvertFund(txid, mode, coin, r_status) VALUES (?)", [[b_txid, pCodeCONVERT_MODE_GET, coin, pCode.STATUS_PROCESSING]])
                 .then(result => resolve("Add currency fund in process"))
                 .catch(error => reject(error))
         }).catch(error => reject(error))
@@ -156,10 +156,10 @@ function depositCoinFund(floID, txid, coin) {
             return reject(INVALID(eCode.ACCESS_DENIED, 'Access Denied'));
         else if (!allowedConversion.includes(coin))
             return reject(INVALID(eCode.INVALID_TOKEN_NAME, `Invalid coin (${coin})`));
-        DB.query("SELECT status FROM ConvertFund WHERE txid=? AND mode=?", [txid, _sql.CONVERT_MODE_PUT]).then(result => {
+        DB.query("SELECT r_status FROM ConvertFund WHERE txid=? AND mode=?", [txid, pCodeCONVERT_MODE_PUT]).then(result => {
             if (result.length)
                 return reject(INVALID(eCode.DUPLICATE_ENTRY, "Transaction already in process"));
-            DB.query("INSERT INTO ConvertFund(txid, mode, coin, status) VALUES (?)", [[b_txid, _sql.CONVERT_MODE_PUT, coin, "PROCESSING"]])
+            DB.query("INSERT INTO ConvertFund(txid, mode, coin, r_status) VALUES (?)", [[b_txid, pCodeCONVERT_MODE_PUT, coin, pCode.STATUS_PROCESSING]])
                 .then(result => resolve("Add coin fund in process"))
                 .catch(error => reject(error))
         }).catch(error => reject(error))
@@ -172,12 +172,12 @@ function withdrawCurrencyFund(floID, coin, amount) {
             return reject(INVALID(eCode.ACCESS_DENIED, 'Access Denied'));
         else if (!allowedConversion.includes(coin))
             return reject(INVALID(eCode.INVALID_TOKEN_NAME, `Invalid coin (${coin})`));
-        DB.query("SELECT SUM(amount) AS deposit_amount FROM ConvertFund WHERE mode=? AND status=?", [_sql.CONVERT_MODE_GET, "SUCCESS"]).then(r1 => {
-            DB.query("SELECT SUM(amount) AS withdraw_amount FROM ConvertFund WHERE mode=? AND status IN (?)", [_sql.CONVERT_MODE_PUT, ["SUCCESS", "PENDING", "WAITING_CONFIRMATION"]]).then(r2 => {
+        DB.query("SELECT SUM(amount) AS deposit_amount FROM ConvertFund WHERE mode=? AND r_status=?", [pCodeCONVERT_MODE_GET, pCode.STATUS_SUCCESS]).then(r1 => {
+            DB.query("SELECT SUM(amount) AS withdraw_amount FROM ConvertFund WHERE mode=? AND r_status IN (?)", [pCodeCONVERT_MODE_PUT, [pCode.STATUS_SUCCESS, pCode.STATUS_PENDING, pCode.STATUS_CONFIRMATION]]).then(r2 => {
                 let available_amount = (r1[0].deposit_amount || 0) - (r2[0].withdraw_amount || 0);
                 if (available_amount < amount)
                     return reject(INVALID(eCode.INSUFFICIENT_BALANCE, "Insufficient convert-fund deposits to withdraw"));
-                DB.query("INSERT INTO ConvertFund(mode, coin, amount, status) VALUES (?)", [[_sql.CONVERT_MODE_PUT, coin, amount, "PENDING"]])
+                DB.query("INSERT INTO ConvertFund(mode, coin, amount, r_status) VALUES (?)", [[pCodeCONVERT_MODE_PUT, coin, amount, pCode.STATUS_PENDING]])
                     .then(result => resolve("Add currency fund in process"))
                     .catch(error => reject(error))
             }).catch(error => reject(error))
@@ -191,12 +191,12 @@ function withdrawCoinFund(floID, coin, quantity) {
             return reject(INVALID(eCode.ACCESS_DENIED, 'Access Denied'));
         else if (!allowedConversion.includes(coin))
             return reject(INVALID(eCode.INVALID_TOKEN_NAME, `Invalid coin (${coin})`));
-        DB.query("SELECT SUM(quantity) AS deposit_quantity FROM ConvertFund WHERE mode=? AND status=?", [_sql.CONVERT_MODE_PUT, "SUCCESS"]).then(r1 => {
-            DB.query("SELECT SUM(quantity) AS withdraw_quantity FROM ConvertFund WHERE mode=? AND status IN (?)", [_sql.CONVERT_MODE_GET, ["SUCCESS", "PENDING"]]).then(r2 => {
+        DB.query("SELECT SUM(quantity) AS deposit_quantity FROM ConvertFund WHERE mode=? AND r_status=?", [pCodeCONVERT_MODE_PUT, pCode.STATUS_SUCCESS]).then(r1 => {
+            DB.query("SELECT SUM(quantity) AS withdraw_quantity FROM ConvertFund WHERE mode=? AND r_status IN (?)", [pCodeCONVERT_MODE_GET, [pCode.STATUS_SUCCESS, pCode.STATUS_PENDING]]).then(r2 => {
                 let available_quantity = (r1[0].deposit_quantity || 0) - (r2[0].withdraw_quantity || 0);
                 if (available_quantity < quantity)
                     return reject(INVALID(eCode.INSUFFICIENT_BALANCE, "Insufficient convert-fund deposits to withdraw"));
-                DB.query("INSERT INTO ConvertFund(mode, coin, quantity, status) VALUES (?)", [[_sql.CONVERT_MODE_GET, coin, quantity, "PENDING"]])
+                DB.query("INSERT INTO ConvertFund(mode, coin, quantity, r_status) VALUES (?)", [[pCodeCONVERT_MODE_GET, coin, quantity, pCode.STATUS_PENDING]])
                     .then(result => resolve("Add currency fund in process"))
                     .catch(error => reject(error))
             }).catch(error => reject(error))

From 9e31246b428eec5d8d2c435b7dc2725f5121a5d5 Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Fri, 21 Oct 2022 04:02:27 +0530
Subject: [PATCH 143/168] Fixed various bugs

---
 args/schema.sql     | 110 ++++++++++++++++++++++----------------------
 src/background.js   |  30 ++++++------
 src/backup/head.js  |   3 +-
 src/backup/slave.js |  10 ++--
 src/backup/sync.js  |  20 ++++----
 src/market.js       |   2 +-
 6 files changed, 89 insertions(+), 86 deletions(-)

diff --git a/args/schema.sql b/args/schema.sql
index 198cace..57c4611 100644
--- a/args/schema.sql
+++ b/args/schema.sql
@@ -293,7 +293,7 @@ CREATE TABLE RefundTransact(
     locktime TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
     r_status TINYINT NOT NULL,
     PRIMARY KEY(id)
-)
+);
 
 /* Backup Feature (Tables & Triggers) */
 
@@ -321,127 +321,127 @@ CREATE TABLE sinkShares(
 );
 
 CREATE TRIGGER RequestLog_I AFTER INSERT ON RequestLog
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('RequestLog', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('RequestLog', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, u_time=DEFAULT;
 CREATE TRIGGER RequestLog_U AFTER UPDATE ON RequestLog
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('RequestLog', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('RequestLog', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, u_time=DEFAULT;
 CREATE TRIGGER RequestLog_D AFTER DELETE ON RequestLog
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('RequestLog', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, timestamp=DEFAULT;
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('RequestLog', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, u_time=DEFAULT;
 
 CREATE TRIGGER UserSession_I AFTER INSERT ON UserSession
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('UserSession', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('UserSession', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, u_time=DEFAULT;
 CREATE TRIGGER UserSession_U AFTER UPDATE ON UserSession
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('UserSession', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('UserSession', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, u_time=DEFAULT;
 CREATE TRIGGER UserSession_D AFTER DELETE ON UserSession
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('UserSession', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, timestamp=DEFAULT;
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('UserSession', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, u_time=DEFAULT;
 
 CREATE TRIGGER UserBalance_I AFTER INSERT ON UserBalance
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('UserBalance', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('UserBalance', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, u_time=DEFAULT;
 CREATE TRIGGER UserBalance_U AFTER UPDATE ON UserBalance
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('UserBalance', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('UserBalance', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, u_time=DEFAULT;
 CREATE TRIGGER UserBalance_D AFTER DELETE ON UserBalance
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('UserBalance', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, timestamp=DEFAULT;
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('UserBalance', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, u_time=DEFAULT;
 
 CREATE TRIGGER SellChips_I AFTER INSERT ON SellChips
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('SellChips', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('SellChips', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, u_time=DEFAULT;
 CREATE TRIGGER SellChips_U AFTER UPDATE ON SellChips
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('SellChips', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('SellChips', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, u_time=DEFAULT;
 CREATE TRIGGER SellChips_D AFTER DELETE ON SellChips
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('SellChips', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, timestamp=DEFAULT;
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('SellChips', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, u_time=DEFAULT;
 
 CREATE TRIGGER SellOrder_I AFTER INSERT ON SellOrder
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('SellOrder', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('SellOrder', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, u_time=DEFAULT;
 CREATE TRIGGER SellOrder_U AFTER UPDATE ON SellOrder
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('SellOrder', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('SellOrder', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, u_time=DEFAULT;
 CREATE TRIGGER SellOrder_D AFTER DELETE ON SellOrder
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('SellOrder', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, timestamp=DEFAULT;
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('SellOrder', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, u_time=DEFAULT;
 
 CREATE TRIGGER BuyOrder_I AFTER INSERT ON BuyOrder
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('BuyOrder', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('BuyOrder', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, u_time=DEFAULT;
 CREATE TRIGGER BuyOrder_U AFTER UPDATE ON BuyOrder
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('BuyOrder', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('BuyOrder', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, u_time=DEFAULT;
 CREATE TRIGGER BuyOrder_D AFTER DELETE ON BuyOrder
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('BuyOrder', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, timestamp=DEFAULT;
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('BuyOrder', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, u_time=DEFAULT;
 
 CREATE TRIGGER VaultTransactions_I AFTER INSERT ON VaultTransactions
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('VaultTransactions', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('VaultTransactions', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, u_time=DEFAULT;
 CREATE TRIGGER VaultTransactions_U AFTER UPDATE ON VaultTransactions
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('VaultTransactions', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('VaultTransactions', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, u_time=DEFAULT;
 CREATE TRIGGER VaultTransactions_D AFTER DELETE ON VaultTransactions
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('VaultTransactions', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, timestamp=DEFAULT;
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('VaultTransactions', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, u_time=DEFAULT;
 
 CREATE TRIGGER CloseBondTransact_I AFTER INSERT ON CloseBondTransact
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('CloseBondTransact', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('CloseBondTransact', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, u_time=DEFAULT;
 CREATE TRIGGER CloseBondTransact_U AFTER UPDATE ON CloseBondTransact
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('CloseBondTransact', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('CloseBondTransact', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, u_time=DEFAULT;
 CREATE TRIGGER CloseBondTransact_D AFTER DELETE ON CloseBondTransact
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('CloseBondTransact', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, timestamp=DEFAULT;
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('CloseBondTransact', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, u_time=DEFAULT;
 
 CREATE TRIGGER CloseFundTransact_I AFTER INSERT ON CloseFundTransact
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('CloseFundTransact', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('CloseFundTransact', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, u_time=DEFAULT;
 CREATE TRIGGER CloseFundTransact_U AFTER UPDATE ON CloseFundTransact
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('CloseFundTransact', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('CloseFundTransact', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, u_time=DEFAULT;
 CREATE TRIGGER CloseFundTransact_D AFTER DELETE ON CloseFundTransact
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('CloseFundTransact', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, timestamp=DEFAULT;
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('CloseFundTransact', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, u_time=DEFAULT;
 
 CREATE TRIGGER ConvertFund_I AFTER INSERT ON ConvertFund
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('ConvertFund', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('ConvertFund', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, u_time=DEFAULT;
 CREATE TRIGGER ConvertFund_U AFTER UPDATE ON ConvertFund
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('ConvertFund', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('ConvertFund', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, u_time=DEFAULT;
 CREATE TRIGGER ConvertFund_D AFTER DELETE ON ConvertFund
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('ConvertFund', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, timestamp=DEFAULT;
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('ConvertFund', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, u_time=DEFAULT;
 
 CREATE TRIGGER DirectConvert_I AFTER INSERT ON DirectConvert
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('DirectConvert', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('DirectConvert', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, u_time=DEFAULT;
 CREATE TRIGGER DirectConvert_U AFTER UPDATE ON DirectConvert
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('DirectConvert', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('DirectConvert', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, u_time=DEFAULT;
 CREATE TRIGGER DirectConvert_D AFTER DELETE ON DirectConvert
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('DirectConvert', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, timestamp=DEFAULT;
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('DirectConvert', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, u_time=DEFAULT;
 
 CREATE TRIGGER RefundTransact_I AFTER INSERT ON RefundTransact
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('RefundTransact', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('RefundTransact', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, u_time=DEFAULT;
 CREATE TRIGGER RefundTransact_U AFTER UPDATE ON RefundTransact
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('RefundTransact', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('RefundTransact', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, u_time=DEFAULT;
 CREATE TRIGGER RefundTransact_D AFTER DELETE ON RefundTransact
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('RefundTransact', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, timestamp=DEFAULT;
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('RefundTransact', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, u_time=DEFAULT;
 
 CREATE TRIGGER UserTag_I AFTER INSERT ON UserTag
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('UserTag', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('UserTag', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, u_time=DEFAULT;
 CREATE TRIGGER UserTag_U AFTER UPDATE ON UserTag
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('UserTag', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('UserTag', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, u_time=DEFAULT;
 CREATE TRIGGER UserTag_D AFTER DELETE ON UserTag
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('UserTag', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, timestamp=DEFAULT;
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('UserTag', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, u_time=DEFAULT;
 
 CREATE TRIGGER Distributors_I AFTER INSERT ON Distributors
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('Distributors', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('Distributors', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, u_time=DEFAULT;
 CREATE TRIGGER Distributors_U AFTER UPDATE ON Distributors
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('Distributors', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('Distributors', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, u_time=DEFAULT;
 CREATE TRIGGER Distributors_D AFTER DELETE ON Distributors
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('Distributors', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, timestamp=DEFAULT;
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('Distributors', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, u_time=DEFAULT;
 
 CREATE TRIGGER PriceHistory_I AFTER INSERT ON PriceHistory
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('PriceHistory', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('PriceHistory', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, u_time=DEFAULT;
 CREATE TRIGGER PriceHistory_U AFTER UPDATE ON PriceHistory
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('PriceHistory', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('PriceHistory', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, u_time=DEFAULT;
 CREATE TRIGGER PriceHistory_D AFTER DELETE ON PriceHistory
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('PriceHistory', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, timestamp=DEFAULT;
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('PriceHistory', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, u_time=DEFAULT;
 
 CREATE TRIGGER AuditTrade_I AFTER INSERT ON AuditTrade
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('AuditTrade', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('AuditTrade', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, u_time=DEFAULT;
 CREATE TRIGGER AuditTrade_U AFTER UPDATE ON AuditTrade
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('AuditTrade', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('AuditTrade', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, u_time=DEFAULT;
 CREATE TRIGGER AuditTrade_D AFTER DELETE ON AuditTrade
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('AuditTrade', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, timestamp=DEFAULT;
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('AuditTrade', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, u_time=DEFAULT;
 
 CREATE TRIGGER TradeTransactions_I AFTER INSERT ON TradeTransactions
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('TradeTransactions', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('TradeTransactions', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, u_time=DEFAULT;
 CREATE TRIGGER TradeTransactions_U AFTER UPDATE ON TradeTransactions
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('TradeTransactions', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('TradeTransactions', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, u_time=DEFAULT;
 CREATE TRIGGER TradeTransactions_D AFTER DELETE ON TradeTransactions
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('TradeTransactions', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, timestamp=DEFAULT;
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('TradeTransactions', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, u_time=DEFAULT;
 
 CREATE TRIGGER TransferTransactions_I AFTER INSERT ON TransferTransactions
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('TransferTransactions', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('TransferTransactions', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, u_time=DEFAULT;
 CREATE TRIGGER TransferTransactions_U AFTER UPDATE ON TransferTransactions
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('TransferTransactions', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=DEFAULT;
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('TransferTransactions', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, u_time=DEFAULT;
 CREATE TRIGGER TransferTransactions_D AFTER DELETE ON TransferTransactions
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('TransferTransactions', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, timestamp=DEFAULT;
\ No newline at end of file
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('TransferTransactions', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, u_time=DEFAULT;
\ No newline at end of file
diff --git a/src/background.js b/src/background.js
index 258fad2..82b250f 100644
--- a/src/background.js
+++ b/src/background.js
@@ -277,10 +277,10 @@ function confirmConvert() {
 }
 
 function verifyConvertFundDeposit() {
-    DB.query("SELECT id, floID, mode, txid FROM ConvertFund WHERE r_status=? AND coin=?", [pCode.STATUS_PROCESSING, "BTC"]).then(results => {
+    DB.query("SELECT id, mode, txid FROM ConvertFund WHERE r_status=? AND coin=?", [pCode.STATUS_PROCESSING, "BTC"]).then(results => {
         results.forEach(r => {
             if (r.mode == pCodeCONVERT_MODE_GET) { //deposit currency
-                verifyTx.token(r.floID, r.txid, true).then(({ amount }) => {
+                verifyTx.token(floGlobals.adminID, r.txid, true).then(({ amount }) => {
                     DB.query("UPDATE ConvertFund SET r_status=?, amount=? WHERE id=?", [pCode.STATUS_SUCCESS, amount, r.id])
                         .then(_ => null).catch(error => console.error(error));
                 }).catch(error => {
@@ -290,7 +290,7 @@ function verifyConvertFundDeposit() {
                             .then(_ => null).catch(error => console.error(error));
                 });
             } else if (r.mode == pCodeCONVERT_MODE_PUT) {//deposit coin
-                verifyTx.BTC(r.floID, r.txid).then(quantity => {
+                verifyTx.BTC(floGlobals.adminID, r.txid).then(quantity => {
                     DB.query("UPDATE ConvertFund SET r_status=?, quantity=? WHERE id=?", [pCode.STATUS_SUCCESS, quantity, r.id])
                         .then(_ => null).catch(error => console.error(error));
                 }).catch(error => {
@@ -341,14 +341,16 @@ function confirmConvertFundWithdraw() {
 
 function verifyRefund() {
     DB.query("SELECT id, floID, in_txid FROM RefundTransact WHERE r_status=?", [pCode.STATUS_PENDING]).then(results => {
-        verifyTx.token(r.floID, r.in_txid, true)
-            .then(({ amount }) => blockchain.refundTransact.init(r.floID, amount, r.id))
-            .catch(error => {
-                console.error(error);
-                if (error[0])
-                    DB.query("UPDATE RefundTransact SET r_status=? WHERE id=?", [pCode.STATUS_REJECTED, r.id])
-                        .then(_ => null).catch(error => console.error(error));
-            });
+        results.forEach(r => {
+            verifyTx.token(r.floID, r.in_txid, true)
+                .then(({ amount }) => blockchain.refundTransact.init(r.floID, amount, r.id))
+                .catch(error => {
+                    console.error(error);
+                    if (error[0])
+                        DB.query("UPDATE RefundTransact SET r_status=? WHERE id=?", [pCode.STATUS_REJECTED, r.id])
+                            .then(_ => null).catch(error => console.error(error));
+                });
+        })
     }).catch(error => console.error(error))
 }
 
@@ -359,7 +361,7 @@ function retryRefund() {
 }
 
 function confirmRefund() {
-    DB.query("SELECT * FROM RefundTransact WHERE r_status=?", [pCode.STATUS_CONFIRMATION]).then(result => {
+    DB.query("SELECT * FROM RefundTransact WHERE r_status=?", [pCode.STATUS_CONFIRMATION]).then(results => {
         results.forEach(r => {
             floTokenAPI.getTx(r.txid).then(tx => {
                 if (!tx.transactionDetails.blockheight || !tx.transactionDetails.confirmations) //Still not confirmed
@@ -379,7 +381,7 @@ function retryBondClosing() {
 }
 
 function confirmBondClosing() {
-    DB.query("SELECT * FROM CloseBondTransact WHERE r_status=?", [pCode.STATUS_CONFIRMATION]).then(result => {
+    DB.query("SELECT * FROM CloseBondTransact WHERE r_status=?", [pCode.STATUS_CONFIRMATION]).then(results => {
         results.forEach(r => {
             floTokenAPI.getTx(r.txid).then(tx => {
                 if (!tx.transactionDetails.blockheight || !tx.transactionDetails.confirmations) //Still not confirmed
@@ -402,7 +404,7 @@ function retryFundClosing() {
 }
 
 function confirmFundClosing() {
-    DB.query("SELECT * FROM CloseFundTransact WHERE r_status=?", [pCode.STATUS_CONFIRMATION]).then(result => {
+    DB.query("SELECT * FROM CloseFundTransact WHERE r_status=?", [pCode.STATUS_CONFIRMATION]).then(results => {
         results.forEach(r => {
             floTokenAPI.getTx(r.txid).then(tx => {
                 if (!tx.transactionDetails.blockheight || !tx.transactionDetails.confirmations) //Still not confirmed
diff --git a/src/backup/head.js b/src/backup/head.js
index e191284..53306be 100644
--- a/src/backup/head.js
+++ b/src/backup/head.js
@@ -20,7 +20,7 @@ const SLAVE_MODE = 0,
 
 const sinkList = {};
 
-app.chests = {
+const chests = {
     get list() {
         return Object.keys(sinkList);
     },
@@ -362,6 +362,7 @@ function startBackupTransmitter(server) {
 
 function initProcess(a) {
     app = a;
+    app.chests = chests;
     startBackupTransmitter(app.server);
     connectToMaster(0, true);
 }
diff --git a/src/backup/slave.js b/src/backup/slave.js
index 78c565e..7b33ec4 100644
--- a/src/backup/slave.js
+++ b/src/backup/slave.js
@@ -55,7 +55,7 @@ function stopSlaveProcess() {
 
 function requestBackupSync(checksum_trigger, ws) {
     return new Promise((resolve, reject) => {
-        DB.query('SELECT MAX(timestamp) as last_time FROM _backup').then(result => {
+        DB.query('SELECT MAX(u_time) as last_time FROM _backup').then(result => {
             let request = {
                 floID: global.myFloID,
                 pubKey: global.myPubKey,
@@ -294,13 +294,13 @@ storeBackupData.commit = function (data, result) {
 function updateBackupTable(add_data, delete_data) {
     //update _backup table for added data
     DB.transaction(add_data.map(r => [
-        "INSERT INTO _backup (t_name, id, mode, timestamp) VALUE (?, ?, TRUE, ?) ON DUPLICATE KEY UPDATE mode=TRUE, timestamp=?",
-        [r.t_name, r.id, validateValue(r.timestamp), validateValue(r.timestamp)]
+        "INSERT INTO _backup (t_name, id, mode, u_time) VALUE (?, ?, TRUE, ?) ON DUPLICATE KEY UPDATE mode=TRUE, u_time=?",
+        [r.t_name, r.id, validateValue(r.u_time), validateValue(r.u_time)]
     ])).then(_ => null).catch(error => console.error(error));
     //update _backup table for deleted data
     DB.transaction(delete_data.map(r => [
-        "INSERT INTO _backup (t_name, id, mode, timestamp) VALUE (?, ?, NULL, ?) ON DUPLICATE KEY UPDATE mode=NULL, timestamp=?",
-        [r.t_name, r.id, validateValue(r.timestamp), validateValue(r.timestamp)]
+        "INSERT INTO _backup (t_name, id, mode, u_time) VALUE (?, ?, NULL, ?) ON DUPLICATE KEY UPDATE mode=NULL, u_time=?",
+        [r.t_name, r.id, validateValue(r.u_time), validateValue(r.u_time)]
     ])).then(_ => null).catch(error => console.error(error));
 }
 
diff --git a/src/backup/sync.js b/src/backup/sync.js
index 8cc12b7..e7f1e7e 100644
--- a/src/backup/sync.js
+++ b/src/backup/sync.js
@@ -7,13 +7,13 @@ const {
 var DB; //Container for database
 
 //Backup Transfer
-function sendBackupData(timestamp, checksum, ws) {
-    if (!timestamp) timestamp = 0;
-    else if (typeof timestamp === "string" && /\.\d{3}Z$/.test(timestamp))
-        timestamp = timestamp.substring(0, timestamp.length - 1);
+function sendBackupData(last_time, checksum, ws) {
+    if (!last_time) last_time = 0;
+    else if (typeof last_time === "string" && /\.\d{3}Z$/.test(last_time))
+        last_time = last_time.substring(0, last_time.length - 1);
     let promises = [
-        backupSync_data(timestamp, ws),
-        backupSync_delete(timestamp, ws)
+        backupSync_data(last_time, ws),
+        backupSync_delete(last_time, ws)
     ];
     if (checksum)
         promises.push(backupSync_checksum(ws));
@@ -37,9 +37,9 @@ function sendBackupData(timestamp, checksum, ws) {
     });
 }
 
-function backupSync_delete(timestamp, ws) {
+function backupSync_delete(last_time, ws) {
     return new Promise((resolve, reject) => {
-        DB.query("SELECT * FROM _backup WHERE mode is NULL AND timestamp > ?", [timestamp]).then(result => {
+        DB.query("SELECT * FROM _backup WHERE mode is NULL AND u_time > ?", [last_time]).then(result => {
             ws.send(JSON.stringify({
                 command: "SYNC_DELETE",
                 delete_data: result
@@ -52,7 +52,7 @@ function backupSync_delete(timestamp, ws) {
     })
 }
 
-function backupSync_data(timestamp, ws) {
+function backupSync_data(last_time, ws) {
     const sendTable = (table, id_list) => new Promise((res, rej) => {
         DB.query(`SELECT * FROM ${table} WHERE id IN (${id_list})`)
             .then(data => {
@@ -68,7 +68,7 @@ function backupSync_data(timestamp, ws) {
             });
     });
     return new Promise((resolve, reject) => {
-        DB.query("SELECT * FROM _backup WHERE mode=TRUE AND timestamp > ?", [timestamp]).then(result => {
+        DB.query("SELECT * FROM _backup WHERE mode=TRUE AND u_time > ?", [last_time]).then(result => {
             let sync_needed = {};
             result.forEach(r => r.t_name in sync_needed ? sync_needed[r.t_name].push(r.id) : sync_needed[r.t_name] = [r.id]);
             ws.send(JSON.stringify({
diff --git a/src/market.js b/src/market.js
index 8573434..0602563 100644
--- a/src/market.js
+++ b/src/market.js
@@ -545,7 +545,7 @@ module.exports = {
     set DB(db) {
         DB = db;
         coupling.DB = db;
-        blockchain.DB = db;
+        background.DB = db;
     },
     set assetList(assets) {
         assetList = assets;

From 64a81fc762ffcc63f6992bcca3f7e334f1fb9f62 Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Mon, 24 Oct 2022 15:55:30 +0530
Subject: [PATCH 144/168] Bug fixes

- Fixed SQL query in checkPoolBalance

- Fixed: collectAndCall not set in app
- Fixed assetList not set
- Fixed: confirmDepositToken not working
- Fixed: confirmRefund not working
- Fixed bug: verifyTx.BTC

- Fixed bugs in some multi-value insert queries in SQL
- Fixed various syntax bugs
- Changed success logs to console.info
---
 src/background.js          | 69 ++++++++++++++++++++------------------
 src/backup/head.js         |  1 +
 src/blockchain.js          |  2 +-
 src/market.js              |  7 ++--
 src/services/conversion.js | 46 ++++++++++++-------------
 5 files changed, 66 insertions(+), 59 deletions(-)

diff --git a/src/background.js b/src/background.js
index 82b250f..3c9ae6b 100644
--- a/src/background.js
+++ b/src/background.js
@@ -10,7 +10,7 @@ const {
     MAXIMUM_LAUNCH_SELL_CHIPS,
 } = require('./_constants')["market"];
 
-var DB; //container for database
+var DB, assetList; //container for database and allowed assets
 var updateBalance; // container for updateBalance function
 
 const verifyTx = {};
@@ -23,7 +23,7 @@ function confirmDepositFLO() {
                     txQueries.push(updateBalance.add(r.floID, "FLO", amount));
                     txQueries.push(["UPDATE VaultTransactions SET r_status=?, amount=? WHERE id=?", [pCode.STATUS_SUCCESS, amount, r.id]]);
                     DB.transaction(txQueries)
-                        .then(result => console.debug("FLO deposited:", r.floID, amount))
+                        .then(result => console.info("FLO deposited:", r.floID, amount))
                         .catch(error => console.error(error))
                 }).catch(error => console.error(error))
             }).catch(error => {
@@ -91,10 +91,10 @@ function addSellChipsIfLaunchSeller(floID, quantity) {
 }
 
 function confirmDepositToken() {
-    DB.query("SELECT id, floID, txid FROM VaultTransactions WHERE mode=? AND asset_type=? AND r_status=?", [pCode.VAULT_MODE_DEPOSIT, pCode.ASSET_TYPE_COIN, pCode.STATUS_PENDING]).then(results => {
+    DB.query("SELECT id, floID, txid FROM VaultTransactions WHERE mode=? AND asset_type=? AND r_status=?", [pCode.VAULT_MODE_DEPOSIT, pCode.ASSET_TYPE_TOKEN, pCode.STATUS_PENDING]).then(results => {
         results.forEach(r => {
             verifyTx.token(r.floID, r.txid).then(({ token, amount, flo_amount }) => {
-                DB.query("SELECT id FROM VaultTransactions where floID=? AND mode=? AND asset=? AND asset_type=? AND txid=?", [r.floID, pCode.VAULT_MODE_DEPOSIT, "FLO", pCode.ASSET_TYPE_TOKEN, r.txid]).then(result => {
+                DB.query("SELECT id FROM VaultTransactions where floID=? AND mode=? AND asset=? AND asset_type=? AND txid=?", [r.floID, pCode.VAULT_MODE_DEPOSIT, "FLO", pCode.ASSET_TYPE_COIN, r.txid]).then(result => {
                     let txQueries = [];
                     //Add the FLO balance if necessary
                     if (!result.length) {
@@ -104,7 +104,7 @@ function confirmDepositToken() {
                     txQueries.push(["UPDATE VaultTransactions SET r_status=?, asset=?, amount=? WHERE id=?", [pCode.STATUS_SUCCESS, token, amount, r.id]]);
                     txQueries.push(updateBalance.add(r.floID, token, amount));
                     DB.transaction(txQueries)
-                        .then(result => console.debug("Token deposited:", r.floID, token, amount))
+                        .then(result => console.info("Token deposited:", r.floID, token, amount))
                         .catch(error => console.error(error));
                 }).catch(error => console.error(error));
             }).catch(error => {
@@ -163,7 +163,7 @@ function confirmVaultWithdraw() {
                         if (!tx.blockheight || !tx.confirmations) //Still not confirmed
                             return;
                         DB.query("UPDATE VaultTransactions SET r_status=? WHERE id=?", [pCode.STATUS_SUCCESS, r.id])
-                            .then(result => console.debug("FLO withdrawed:", r.floID, r.amount))
+                            .then(result => console.info("FLO withdrawed:", r.floID, r.amount))
                             .catch(error => console.error(error))
                     }).catch(error => console.error(error));
                 else if (r.asset == "BTC")
@@ -171,7 +171,7 @@ function confirmVaultWithdraw() {
                         if (!tx.blockhash || !tx.confirmations) //Still not confirmed
                             return;
                         DB.query("UPDATE VaultTransactions SET r_status=? WHERE id=?", [pCode.STATUS_SUCCESS, r.id])
-                            .then(result => console.debug("BTC withdrawed:", r.floID, r.amount))
+                            .then(result => console.info("BTC withdrawed:", r.floID, r.amount))
                             .catch(error => console.error(error))
                     }).catch(error => console.error(error));
             } else if (r.asset_type == pCode.ASSET_TYPE_TOKEN)
@@ -179,7 +179,7 @@ function confirmVaultWithdraw() {
                     if (!tx.transactionDetails.blockheight || !tx.transactionDetails.confirmations) //Still not confirmed
                         return;
                     DB.query("UPDATE VaultTransactions SET r_status=? WHERE id=?", [pCode.STATUS_SUCCESS, r.id])
-                        .then(result => console.debug("Token withdrawed:", r.floID, r.asset, r.amount))
+                        .then(result => console.info("Token withdrawed:", r.floID, r.asset, r.amount))
                         .catch(error => console.error(error));
                 }).catch(error => console.error(error));
         })
@@ -192,7 +192,7 @@ verifyTx.BTC = function (sender, txid) {
             let vin_sender = tx.inputs.filter(v => floCrypto.isSameAddr(v.address, sender))
             if (!vin_sender.length)
                 return reject([true, "Transaction not sent by the sender"]);
-            if (vin_sender.length !== tx.vin.length)
+            if (vin_sender.length !== tx.inputs.length)
                 return reject([true, "Transaction input containes other floIDs"]);
             if (!tx.block_no)
                 return reject([false, "Transaction not included in any block yet"]);
@@ -211,7 +211,7 @@ verifyTx.BTC = function (sender, txid) {
 function verifyConvert() {
     DB.query("SELECT id, floID, mode, in_txid, amount, quantity FROM DirectConvert WHERE r_status=? AND coin=?", [pCode.STATUS_PENDING, "BTC"]).then(results => {
         results.forEach(r => {
-            if (r.mode == pCodeCONVERT_MODE_GET) {
+            if (r.mode == pCode.CONVERT_MODE_GET) {
                 verifyTx.token(r.floID, r.in_txid, true).then(({ amount }) => {
                     if (r.amount !== amount)
                         throw ([true, "Transaction amount mismatched in blockchain"]);
@@ -224,7 +224,7 @@ function verifyConvert() {
                         DB.query("UPDATE DirectConvert SET r_status=? WHERE id=?", [pCode.STATUS_REJECTED, r.id])
                             .then(_ => null).catch(error => console.error(error));
                 });
-            } else if (r.mode == pCodeCONVERT_MODE_PUT) {
+            } else if (r.mode == pCode.CONVERT_MODE_PUT) {
                 verifyTx.BTC(r.floID, r.in_txid).then(quantity => {
                     if (r.quantity !== quantity)
                         throw ([true, "Transaction quantity mismatched in blockchain"]);
@@ -245,9 +245,9 @@ function verifyConvert() {
 function retryConvert() {
     DB.query("SELECT id, floID, mode, amount, quantity FROM DirectConvert WHERE r_status=? AND coin=?", [pCode.STATUS_PROCESSING, "BTC"]).then(results => {
         results.forEach(r => {
-            if (r.mode == pCodeCONVERT_MODE_GET)
+            if (r.mode == pCode.CONVERT_MODE_GET)
                 blockchain.convertToCoin.retry(r.floID, "BTC", r.quantity, r.id);
-            else if (r.mode == pCodeCONVERT_MODE_PUT)
+            else if (r.mode == pCode.CONVERT_MODE_PUT)
                 blockchain.convertFromCoin.retry(r.floID, r.amount, r.id)
         })
     }).catch(error => console.error(error))
@@ -256,20 +256,20 @@ function retryConvert() {
 function confirmConvert() {
     DB.query("SELECT id, floID, mode, amount, quantity, out_txid FROM DirectConvert WHERE r_status=? AND coin=?", [pCode.STATUS_CONFIRMATION, "BTC"]).then(results => {
         results.forEach(r => {
-            if (r.mode == pCodeCONVERT_MODE_GET)
+            if (r.mode == pCode.CONVERT_MODE_GET)
                 btcOperator.getTx(r.out_txid).then(tx => {
                     if (!tx.blockhash || !tx.confirmations) //Still not confirmed
                         return;
                     DB.query("UPDATE DirectConvert SET r_status=? WHERE id=?", [pCode.STATUS_SUCCESS, r.id])
-                        .then(result => console.debug(`${r.floID} converted ${amount} to ${r.quantity} BTC`))
+                        .then(result => console.info(`${r.floID} converted ${amount} to ${r.quantity} BTC`))
                         .catch(error => console.error(error))
                 }).catch(error => console.error(error));
-            else if (r.mode == pCodeCONVERT_MODE_PUT)
+            else if (r.mode == pCode.CONVERT_MODE_PUT)
                 floTokenAPI.getTx(r.out_txid).then(tx => {
                     if (!tx.transactionDetails.blockheight || !tx.transactionDetails.confirmations) //Still not confirmed
                         return;
                     DB.query("UPDATE DirectConvert SET r_status=? WHERE id=?", [pCode.STATUS_SUCCESS, r.id])
-                        .then(result => console.debug(`${r.floID} converted ${r.quantity} BTC to ${amount}`))
+                        .then(result => console.info(`${r.floID} converted ${r.quantity} BTC to ${amount}`))
                         .catch(error => console.error(error));
                 }).catch(error => console.error(error));
         })
@@ -277,22 +277,24 @@ function confirmConvert() {
 }
 
 function verifyConvertFundDeposit() {
-    DB.query("SELECT id, mode, txid FROM ConvertFund WHERE r_status=? AND coin=?", [pCode.STATUS_PROCESSING, "BTC"]).then(results => {
+    DB.query("SELECT id, mode, txid, coin FROM ConvertFund WHERE r_status=? AND coin=?", [pCode.STATUS_PROCESSING, "BTC"]).then(results => {
         results.forEach(r => {
-            if (r.mode == pCodeCONVERT_MODE_GET) { //deposit currency
+            if (r.mode == pCode.CONVERT_MODE_GET) { //deposit currency
                 verifyTx.token(floGlobals.adminID, r.txid, true).then(({ amount }) => {
                     DB.query("UPDATE ConvertFund SET r_status=?, amount=? WHERE id=?", [pCode.STATUS_SUCCESS, amount, r.id])
-                        .then(_ => null).catch(error => console.error(error));
+                        .then(result => console.info(`Deposit-fund ${amount} ${floGlobals.currency} successful`))
+                        .catch(error => console.error(error));
                 }).catch(error => {
                     console.error(error);
                     if (error[0])
                         DB.query("UPDATE ConvertFund SET r_status=? WHERE id=?", [pCode.STATUS_REJECTED, r.id])
                             .then(_ => null).catch(error => console.error(error));
                 });
-            } else if (r.mode == pCodeCONVERT_MODE_PUT) {//deposit coin
+            } else if (r.mode == pCode.CONVERT_MODE_PUT) {//deposit coin
                 verifyTx.BTC(floGlobals.adminID, r.txid).then(quantity => {
                     DB.query("UPDATE ConvertFund SET r_status=?, quantity=? WHERE id=?", [pCode.STATUS_SUCCESS, quantity, r.id])
-                        .then(_ => null).catch(error => console.error(error));
+                        .then(result => console.info(`Deposit-fund ${quantity} ${r.coin} successful`))
+                        .catch(error => console.error(error));
                 }).catch(error => {
                     console.error(error);
                     if (error[0])
@@ -307,9 +309,9 @@ function verifyConvertFundDeposit() {
 function retryConvertFundWithdraw() {
     DB.query("SELECT id, mode, coin, quantity, amount FROM ConvertFund WHERE r_status=? AND coin=?", [pCode.STATUS_PENDING, "BTC"]).then(results => {
         results.forEach(r => {
-            if (r.mode == pCodeCONVERT_MODE_GET)  //withdraw coin
+            if (r.mode == pCode.CONVERT_MODE_GET)  //withdraw coin
                 blockchain.convertFundWithdraw.retry(r.coin, r.quantity, r.id);
-            else if (r.mode == pCodeCONVERT_MODE_PUT) //withdraw currency
+            else if (r.mode == pCode.CONVERT_MODE_PUT) //withdraw currency
                 blockchain.convertFundWithdraw.retry(floGlobals.currency, r.amount, r.id);
         })
     }).catch(error => console.error(error))
@@ -318,20 +320,20 @@ function retryConvertFundWithdraw() {
 function confirmConvertFundWithdraw() {
     DB.query("SELECT * FROM ConvertFund WHERE r_status=? AND coin=?", [pCode.STATUS_CONFIRMATION, "BTC"]).then(results => {
         results.forEach(r => {
-            if (r.mode == pCodeCONVERT_MODE_GET) { //withdraw coin
+            if (r.mode == pCode.CONVERT_MODE_GET) { //withdraw coin
                 btcOperator.getTx(r.txid).then(tx => {
                     if (!tx.blockhash || !tx.confirmations) //Still not confirmed
                         return;
                     DB.query("UPDATE ConvertFund SET r_status=? WHERE id=?", [pCode.STATUS_SUCCESS, r.id])
-                        .then(result => console.debug(`Withdraw-fund ${r.quantity} ${r.coin} successful`))
+                        .then(result => console.info(`Withdraw-fund ${r.quantity} ${r.coin} successful`))
                         .catch(error => console.error(error))
                 }).catch(error => console.error(error));
-            } else if (r.mode == pCodeCONVERT_MODE_PUT) {//withdraw currency
+            } else if (r.mode == pCode.CONVERT_MODE_PUT) {//withdraw currency
                 floTokenAPI.getTx(r.txid).then(tx => {
                     if (!tx.transactionDetails.blockheight || !tx.transactionDetails.confirmations) //Still not confirmed
                         return;
                     DB.query("UPDATE ConvertFund SET r_status=? WHERE id=?", [pCode.STATUS_SUCCESS, r.id])
-                        .then(result => console.debug(`Withdraw-fund ${r.amount} ${floGlobals.currency} successful`))
+                        .then(result => console.info(`Withdraw-fund ${r.amount} ${floGlobals.currency} successful`))
                         .catch(error => console.error(error));
                 }).catch(error => console.error(error));
             }
@@ -363,11 +365,11 @@ function retryRefund() {
 function confirmRefund() {
     DB.query("SELECT * FROM RefundTransact WHERE r_status=?", [pCode.STATUS_CONFIRMATION]).then(results => {
         results.forEach(r => {
-            floTokenAPI.getTx(r.txid).then(tx => {
+            floTokenAPI.getTx(r.out_txid).then(tx => {
                 if (!tx.transactionDetails.blockheight || !tx.transactionDetails.confirmations) //Still not confirmed
                     return;
                 DB.query("UPDATE RefundTransact SET r_status=? WHERE id=?", [pCode.STATUS_SUCCESS, r.id])
-                    .then(result => console.debug(`Refunded ${r.amount} to ${r.floID}`))
+                    .then(result => console.info(`Refunded ${r.amount} to ${r.floID}`))
                     .catch(error => console.error(error));
             }).catch(error => console.error(error));
         })
@@ -389,7 +391,7 @@ function confirmBondClosing() {
                 let closeBondString = bond_util.stringify.end(r.bond_id, r.end_date, r.btc_net, r.usd_net, r.amount, r.ref_sign, r.txid);
                 floBlockchainAPI.writeData(global.myFloID, closeBondString, global.myPrivKey, bond_util.config.adminID).then(txid => {
                     DB.query("UPDATE CloseBondTransact SET r_status=?, close_id=? WHERE id=?", [pCode.STATUS_SUCCESS, txid, r.id])
-                        .then(result => console.debug("Bond closed:", r.bond_id))
+                        .then(result => console.info("Bond closed:", r.bond_id))
                         .catch(error => console.error(error));
                 }).catch(error => console.error(error))
             }).catch(error => console.error(error));
@@ -412,7 +414,7 @@ function confirmFundClosing() {
                 let closeFundString = fund_util.stringify.end(r.fund_id, r.floID, r.end_date, r.btc_net, r.usd_net, r.amount, r.ref_sign, r.txid);
                 floBlockchainAPI.writeData(global.myFloID, closeFundString, global.myPrivKey, fund_util.config.adminID).then(txid => {
                     DB.query("UPDATE CloseFundTransact SET r_status=?, close_id=? WHERE id=?", [pCode.STATUS_SUCCESS, txid, r.id])
-                        .then(result => console.debug("Fund investment closed:", r.fund_id))
+                        .then(result => console.info("Fund investment closed:", r.fund_id))
                         .catch(error => console.error(error));
                 }).catch(error => console.error(error))
             }).catch(error => console.error(error));
@@ -448,6 +450,9 @@ function processAll() {
 module.exports = {
     blockchain,
     process: processAll,
+    set assetList(assets) {
+        assetList = assets;
+    },
     set DB(db) {
         DB = db;
         blockchain.DB = db;
diff --git a/src/backup/head.js b/src/backup/head.js
index 53306be..da9b884 100644
--- a/src/backup/head.js
+++ b/src/backup/head.js
@@ -363,6 +363,7 @@ function startBackupTransmitter(server) {
 function initProcess(a) {
     app = a;
     app.chests = chests;
+    app.collectAndCall = collectAndCall;
     startBackupTransmitter(app.server);
     connectToMaster(0, true);
 }
diff --git a/src/blockchain.js b/src/blockchain.js
index c60cb71..758cb2f 100644
--- a/src/blockchain.js
+++ b/src/blockchain.js
@@ -119,7 +119,7 @@ function sendAsset(floID, asset, quantity, type, id) {
 
 function withdrawAsset_init(floID, asset, amount) {
     let asset_type = ["FLO", "BTC"].includes(asset) ? pCode.ASSET_TYPE_COIN : pCode.ASSET_TYPE_TOKEN;
-    DB.query("INSERT INTO VaultTransactions (floID, mode, asset_type, asset, amount, r_status) VALUES (?)", [floID, pCode.VAULT_MODE_WITHDRAW, asset_type, asset, amount, pCode.STATUS_PENDING])
+    DB.query("INSERT INTO VaultTransactions (floID, mode, asset_type, asset, amount, r_status) VALUES (?)", [[floID, pCode.VAULT_MODE_WITHDRAW, asset_type, asset, amount, pCode.STATUS_PENDING]])
         .then(result => sendAsset(floID, asset, amount, TYPE_VAULT, result.insertId))
         .catch(error => console.error(error))
 }
diff --git a/src/market.js b/src/market.js
index 0602563..a95d52b 100644
--- a/src/market.js
+++ b/src/market.js
@@ -21,7 +21,7 @@ var DB, assetList; //container for database and allowed assets
 
 function login(floID, proxyKey) {
     return new Promise((resolve, reject) => {
-        DB.query("INSERT INTO UserSession (floID, proxyKey) VALUE (?) ON DUPLICATE KEY UPDATE session_time=DEFAULT, proxyKey=?",[[floID, proxyKey], proxyKey])
+        DB.query("INSERT INTO UserSession (floID, proxyKey) VALUE (?) ON DUPLICATE KEY UPDATE session_time=DEFAULT, proxyKey=?", [[floID, proxyKey], proxyKey])
             .then(result => resolve("Login Successful"))
             .catch(error => reject(error))
     })
@@ -256,7 +256,7 @@ function getAccountDetails(floID) {
 
 function getUserTransacts(floID) {
     return new Promise((resolve, reject) => {
-        DB.query("SELECT mode, asset, amount, txid, locktime, r_status, FROM VaultTransactions WHERE floID=?", [floID])
+        DB.query("SELECT mode, asset, amount, txid, locktime, r_status FROM VaultTransactions WHERE floID=?", [floID])
             .then(result => resolve(result))
             .catch(error => reject(error))
     })
@@ -382,7 +382,7 @@ function depositToken(floID, txid) {
                         return reject(INVALID(eCode.DUPLICATE_ENTRY, "Transaction already used to add tokens"));
                 }
             } else
-                DB.query("INSERT INTO VaultTransactions(floID, mode, asset_type, txid, r_status) VALUES (?)", [floID, pCode.VAULT_MODE_DEPOSIT, pCode.ASSET_TYPE_TOKEN, txid, pCode.STATUS_PENDING])
+                DB.query("INSERT INTO VaultTransactions(floID, mode, asset_type, txid, r_status) VALUES (?)", [[floID, pCode.VAULT_MODE_DEPOSIT, pCode.ASSET_TYPE_TOKEN, txid, pCode.STATUS_PENDING]])
                     .then(result => resolve("Deposit request in process"))
                     .catch(error => reject(error));
         }).catch(error => reject(error))
@@ -549,6 +549,7 @@ module.exports = {
     },
     set assetList(assets) {
         assetList = assets;
+        background.assetList = assets;
     },
     get assetList() {
         return assetList
diff --git a/src/services/conversion.js b/src/services/conversion.js
index e430f0b..6c9506f 100644
--- a/src/services/conversion.js
+++ b/src/services/conversion.js
@@ -51,23 +51,23 @@ function checkPoolBalance(coin, req_value, mode) {
         let q = "SELECT mode, SUM(quantity) AS coin_val, SUM(amount) AS cash_val FROM (" +
             "(SELECT amount, coin, quantity, mode, r_status FROM DirectConvert) UNION " +
             "(SELECT amount, coin, quantity, mode, r_status FROM ConvertFund) " +
-            ") WHERE coin=? AND r_status NOT IN (?) GROUP BY mode"
-        DB.query(q, [coin, [pCode.STATUS_REJECTED, "REFUND"]]).then(result => {
+            ") AS T1 WHERE T1.coin=? AND T1.r_status NOT IN (?) GROUP BY T1.mode"
+        DB.query(q, [coin, [pCode.STATUS_REJECTED]]).then(result => {
             let coin_net = 0, cash_net = 0;
             for (let r of result)
-                if (r.mode == pCodeCONVERT_MODE_GET) {
+                if (r.mode == pCode.CONVERT_MODE_GET) {
                     coin_net -= r.coin_val;
                     cash_net += r.cash_val;
-                } else if (r.mode == pCodeCONVERT_MODE_PUT) {
+                } else if (r.mode == pCode.CONVERT_MODE_PUT) {
                     coin_net += r.coin_val;
                     cash_net -= r.cash_val;
                 }
             BTC_INR().then(rate => {
                 coin_net = coin_net * rate;
                 let availability = -1;
-                if (mode == pCodeCONVERT_MODE_GET)
+                if (mode == pCode.CONVERT_MODE_GET)
                     availability = coin_net - cash_net * MIN_FUND;
-                else if (mode == pCodeCONVERT_MODE_PUT) {
+                else if (mode == pCode.CONVERT_MODE_PUT) {
                     availability = cash_net - coin_net * MIN_FUND;
                     req_value = req_value * rate; //convert to currency value
                 }
@@ -86,16 +86,16 @@ function convertToCoin(floID, txid, coin, amount) {
             return reject(INVALID(eCode.INVALID_TOKEN_NAME, `Invalid coin (${coin})`));
         else if (typeof amount !== "number" || amount <= 0)
             return reject(INVALID(eCode.INVALID_NUMBER, `Invalid amount (${amount})`));
-        DB.query("SELECT r_status FROM DirectConvert WHERE in_txid=? AND floID=? AND mode=?", [txid, floID, pCodeCONVERT_MODE_GET]).then(result => {
+        DB.query("SELECT r_status FROM DirectConvert WHERE in_txid=? AND floID=? AND mode=?", [txid, floID, pCode.CONVERT_MODE_GET]).then(result => {
             if (result.length)
                 return reject(INVALID(eCode.DUPLICATE_ENTRY, "Transaction already in process"));
-            checkPoolBalance(coin, amount, pCodeCONVERT_MODE_GET).then(result => {
-                DB.query("INSERT INTO DirectConvert(floID, in_txid, mode, coin, amount, r_status) VALUES (?)", [[floID, txid, pCodeCONVERT_MODE_GET, coin, amount, pCode.STATUS_PENDING]])
+            checkPoolBalance(coin, amount, pCode.CONVERT_MODE_GET).then(result => {
+                DB.query("INSERT INTO DirectConvert(floID, in_txid, mode, coin, amount, r_status) VALUES (?)", [[floID, txid, pCode.CONVERT_MODE_GET, coin, amount, pCode.STATUS_PENDING]])
                     .then(result => resolve("Conversion request in process"))
                     .catch(error => reject(error));
             }).catch(error => {
                 if (error instanceof INVALID && error.ecode === eCode.INSUFFICIENT_FUND)
-                    DB.query("INSERT INTO DirectConvert(floID, in_txid, mode, coin, amount, r_status) VALUES (?)", [[floID, txid, pCodeCONVERT_MODE_GET, coin, amount, "REFUND"]]).then(result => {
+                    DB.query("INSERT INTO DirectConvert(floID, in_txid, mode, coin, amount, r_status) VALUES (?)", [[floID, txid, pCode.CONVERT_MODE_GET, coin, amount, pCode.STATUS_REJECTED]]).then(result => {
                         DB.query("INSERT INTO RefundTransact(floID, in_txid, amount, r_status) VALUES (?)", [[floID, txid, amount, pCode.STATUS_PENDING]])
                             .then(_ => null).catch(error => console.error(error));
                     }).catch(error => console.error(error))
@@ -113,14 +113,14 @@ function convertFromCoin(floID, txid, tx_hex, coin, quantity) {
             return reject(INVALID(eCode.INVALID_NUMBER, `Invalid quantity (${quantity})`));
         else if (btcOperator.transactionID(tx_hex) !== txid)
             return reject(INVALID(eCode.INVALID_TX_ID, `txid ${txid} doesnt match the tx-hex`));
-        DB.query("SELECT r_status FROM DirectConvert WHERE in_txid=? AND floID=? AND mode=?", [txid, floID, pCodeCONVERT_MODE_PUT]).then(result => {
+        DB.query("SELECT r_status FROM DirectConvert WHERE in_txid=? AND floID=? AND mode=?", [txid, floID, pCode.CONVERT_MODE_PUT]).then(result => {
             if (result.length)
                 return reject(INVALID(eCode.DUPLICATE_ENTRY, "Transaction already in process"));
-            checkPoolBalance(coin, quantity, pCodeCONVERT_MODE_PUT).then(result => {
+            checkPoolBalance(coin, quantity, pCode.CONVERT_MODE_PUT).then(result => {
                 btcOperator.broadcastTx(tx_hex).then(b_txid => {
                     if (b_txid !== txid)
                         console.warn("broadcast TX-ID is not same as calculated TX-ID");
-                    DB.query("INSERT INTO DirectConvert(floID, in_txid, mode, coin, quantity, r_status) VALUES (?)", [[floID, b_txid, pCodeCONVERT_MODE_PUT, coin, quantity, pCode.STATUS_PENDING]])
+                    DB.query("INSERT INTO DirectConvert(floID, in_txid, mode, coin, quantity, r_status) VALUES (?)", [[floID, b_txid, pCode.CONVERT_MODE_PUT, coin, quantity, pCode.STATUS_PENDING]])
                         .then(result => resolve("Conversion request in process"))
                         .catch(error => reject(error));
                 }).catch(error => {
@@ -140,10 +140,10 @@ function depositCurrencyFund(floID, txid, coin) {
             return reject(INVALID(eCode.ACCESS_DENIED, 'Access Denied'));
         else if (!allowedConversion.includes(coin))
             return reject(INVALID(eCode.INVALID_TOKEN_NAME, `Invalid coin (${coin})`));
-        DB.query("SELECT r_status FROM ConvertFund WHERE txid=? AND mode=?", [txid, pCodeCONVERT_MODE_GET]).then(result => {
+        DB.query("SELECT r_status FROM ConvertFund WHERE txid=? AND mode=?", [txid, pCode.CONVERT_MODE_GET]).then(result => {
             if (result.length)
                 return reject(INVALID(eCode.DUPLICATE_ENTRY, "Transaction already in process"));
-            DB.query("INSERT INTO ConvertFund(txid, mode, coin, r_status) VALUES (?)", [[b_txid, pCodeCONVERT_MODE_GET, coin, pCode.STATUS_PROCESSING]])
+            DB.query("INSERT INTO ConvertFund(txid, mode, coin, r_status) VALUES (?)", [[txid, pCode.CONVERT_MODE_GET, coin, pCode.STATUS_PROCESSING]])
                 .then(result => resolve("Add currency fund in process"))
                 .catch(error => reject(error))
         }).catch(error => reject(error))
@@ -156,10 +156,10 @@ function depositCoinFund(floID, txid, coin) {
             return reject(INVALID(eCode.ACCESS_DENIED, 'Access Denied'));
         else if (!allowedConversion.includes(coin))
             return reject(INVALID(eCode.INVALID_TOKEN_NAME, `Invalid coin (${coin})`));
-        DB.query("SELECT r_status FROM ConvertFund WHERE txid=? AND mode=?", [txid, pCodeCONVERT_MODE_PUT]).then(result => {
+        DB.query("SELECT r_status FROM ConvertFund WHERE txid=? AND mode=?", [txid, pCode.CONVERT_MODE_PUT]).then(result => {
             if (result.length)
                 return reject(INVALID(eCode.DUPLICATE_ENTRY, "Transaction already in process"));
-            DB.query("INSERT INTO ConvertFund(txid, mode, coin, r_status) VALUES (?)", [[b_txid, pCodeCONVERT_MODE_PUT, coin, pCode.STATUS_PROCESSING]])
+            DB.query("INSERT INTO ConvertFund(txid, mode, coin, r_status) VALUES (?)", [[txid, pCode.CONVERT_MODE_PUT, coin, pCode.STATUS_PROCESSING]])
                 .then(result => resolve("Add coin fund in process"))
                 .catch(error => reject(error))
         }).catch(error => reject(error))
@@ -172,12 +172,12 @@ function withdrawCurrencyFund(floID, coin, amount) {
             return reject(INVALID(eCode.ACCESS_DENIED, 'Access Denied'));
         else if (!allowedConversion.includes(coin))
             return reject(INVALID(eCode.INVALID_TOKEN_NAME, `Invalid coin (${coin})`));
-        DB.query("SELECT SUM(amount) AS deposit_amount FROM ConvertFund WHERE mode=? AND r_status=?", [pCodeCONVERT_MODE_GET, pCode.STATUS_SUCCESS]).then(r1 => {
-            DB.query("SELECT SUM(amount) AS withdraw_amount FROM ConvertFund WHERE mode=? AND r_status IN (?)", [pCodeCONVERT_MODE_PUT, [pCode.STATUS_SUCCESS, pCode.STATUS_PENDING, pCode.STATUS_CONFIRMATION]]).then(r2 => {
+        DB.query("SELECT SUM(amount) AS deposit_amount FROM ConvertFund WHERE mode=? AND r_status=?", [pCode.CONVERT_MODE_GET, pCode.STATUS_SUCCESS]).then(r1 => {
+            DB.query("SELECT SUM(amount) AS withdraw_amount FROM ConvertFund WHERE mode=? AND r_status IN (?)", [pCode.CONVERT_MODE_PUT, [pCode.STATUS_SUCCESS, pCode.STATUS_PENDING, pCode.STATUS_CONFIRMATION]]).then(r2 => {
                 let available_amount = (r1[0].deposit_amount || 0) - (r2[0].withdraw_amount || 0);
                 if (available_amount < amount)
                     return reject(INVALID(eCode.INSUFFICIENT_BALANCE, "Insufficient convert-fund deposits to withdraw"));
-                DB.query("INSERT INTO ConvertFund(mode, coin, amount, r_status) VALUES (?)", [[pCodeCONVERT_MODE_PUT, coin, amount, pCode.STATUS_PENDING]])
+                DB.query("INSERT INTO ConvertFund(mode, coin, amount, r_status) VALUES (?)", [[pCode.CONVERT_MODE_PUT, coin, amount, pCode.STATUS_PENDING]])
                     .then(result => resolve("Add currency fund in process"))
                     .catch(error => reject(error))
             }).catch(error => reject(error))
@@ -191,12 +191,12 @@ function withdrawCoinFund(floID, coin, quantity) {
             return reject(INVALID(eCode.ACCESS_DENIED, 'Access Denied'));
         else if (!allowedConversion.includes(coin))
             return reject(INVALID(eCode.INVALID_TOKEN_NAME, `Invalid coin (${coin})`));
-        DB.query("SELECT SUM(quantity) AS deposit_quantity FROM ConvertFund WHERE mode=? AND r_status=?", [pCodeCONVERT_MODE_PUT, pCode.STATUS_SUCCESS]).then(r1 => {
-            DB.query("SELECT SUM(quantity) AS withdraw_quantity FROM ConvertFund WHERE mode=? AND r_status IN (?)", [pCodeCONVERT_MODE_GET, [pCode.STATUS_SUCCESS, pCode.STATUS_PENDING]]).then(r2 => {
+        DB.query("SELECT SUM(quantity) AS deposit_quantity FROM ConvertFund WHERE mode=? AND r_status=?", [pCode.CONVERT_MODE_PUT, pCode.STATUS_SUCCESS]).then(r1 => {
+            DB.query("SELECT SUM(quantity) AS withdraw_quantity FROM ConvertFund WHERE mode=? AND r_status IN (?)", [pCode.CONVERT_MODE_GET, [pCode.STATUS_SUCCESS, pCode.STATUS_PENDING]]).then(r2 => {
                 let available_quantity = (r1[0].deposit_quantity || 0) - (r2[0].withdraw_quantity || 0);
                 if (available_quantity < quantity)
                     return reject(INVALID(eCode.INSUFFICIENT_BALANCE, "Insufficient convert-fund deposits to withdraw"));
-                DB.query("INSERT INTO ConvertFund(mode, coin, quantity, r_status) VALUES (?)", [[pCodeCONVERT_MODE_GET, coin, quantity, pCode.STATUS_PENDING]])
+                DB.query("INSERT INTO ConvertFund(mode, coin, quantity, r_status) VALUES (?)", [[pCode.CONVERT_MODE_GET, coin, quantity, pCode.STATUS_PENDING]])
                     .then(result => resolve("Add currency fund in process"))
                     .catch(error => reject(error))
             }).catch(error => reject(error))

From 0389e833a5d4bce6d694f744405ffcea89b90f68 Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Mon, 24 Oct 2022 15:56:30 +0530
Subject: [PATCH 145/168] Bug fix

- Updated btcOperator
- Changed all BIT to TINYINT in SQL schema
- Fixed: "Public key missing" error in deposit/withdraw convert fund
- Updated btcOperator
- Fixed: btcOperator not imported in index.html and main.js
---
 args/schema.sql                |  8 ++---
 docs/index.html                |  1 +
 docs/scripts/btcOperator.js    | 38 ++++++++++++++++-------
 docs/scripts/floExchangeAPI.js | 57 ++++++++--------------------------
 src/main.js                    |  1 +
 5 files changed, 45 insertions(+), 60 deletions(-)

diff --git a/args/schema.sql b/args/schema.sql
index 57c4611..71275f7 100644
--- a/args/schema.sql
+++ b/args/schema.sql
@@ -117,8 +117,8 @@ CREATE TABLE BuyOrder (
 CREATE TABLE VaultTransactions (
     id INT NOT NULL AUTO_INCREMENT,
     floID CHAR(34) NOT NULL,
-    mode BIT NOT NULL,
-    asset_type BIT NOT NULL,
+    mode TINYINT NOT NULL,
+    asset_type TINYINT NOT NULL,
     asset VARCHAR(32),
     amount DECIMAL(16, 8),
     txid VARCHAR(128),
@@ -264,7 +264,7 @@ CREATE TABLE ConvertFund(
     amount DECIMAL(16, 8),
     coin VARCHAR(8) NOT NULL,
     quantity DECIMAL(16, 8),
-    mode BIT NOT NULL,
+    mode TINYINT NOT NULL,
     txid VARCHAR(128),
     r_status TINYINT NOT NULL,
     PRIMARY KEY(id)
@@ -276,7 +276,7 @@ CREATE TABLE DirectConvert(
     amount DECIMAL(16, 8),
     coin VARCHAR(8) NOT NULL,
     quantity DECIMAL(16, 8),
-    mode BIT NOT NULL,
+    mode TINYINT NOT NULL,
     in_txid VARCHAR(128),
     out_txid VARCHAR(128),
     locktime TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
diff --git a/docs/index.html b/docs/index.html
index 107bbdb..a5e729c 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -16,6 +16,7 @@
     <script src="https://unpkg.com/uhtml@3.0.1/es.js"></script>
     <script src="scripts/floGlobals.js"></script>
     <script src="scripts/lib.js"></script>
+    <script src="scripts/btcOperator.js"></script>
     <script src="scripts/floCrypto.js"></script>
     <script src="scripts/floBlockchainAPI.js"></script>
     <script src="scripts/floTokenAPI.js"></script>
diff --git a/docs/scripts/btcOperator.js b/docs/scripts/btcOperator.js
index ce8b09d..bb0b7ca 100644
--- a/docs/scripts/btcOperator.js
+++ b/docs/scripts/btcOperator.js
@@ -1,4 +1,4 @@
-(function (EXPORTS) { //btcOperator v1.0.11
+(function (EXPORTS) { //btcOperator v1.0.12
     /* BTC Crypto and API Operator */
     const btcOperator = EXPORTS;
 
@@ -32,16 +32,30 @@
     }
 
     const broadcastTx = btcOperator.broadcastTx = rawTxHex => new Promise((resolve, reject) => {
-        $.ajax({
-            type: "POST",
-            url: URL + "send_tx/BTC/",
-            data: {
-                "tx_hex": rawTxHex
+        let url = 'https://coinb.in/api/?uid=1&key=12345678901234567890123456789012&setmodule=bitcoin&request=sendrawtransaction';
+        fetch(url, {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/x-www-form-urlencoded'
             },
-            dataType: "json",
-            error: e => reject((e.responseJSON && e.responseJSON.status === "fail") ? null : e.responseJSON),
-            success: r => r.status === "success" ? resolve(r.data.txid) : reject(r)
-        })
+            body: "rawtx=" + rawTxHex
+        }).then(response => {
+            response.text().then(resultText => {
+                let r = resultText.match(/<result>.*<\/result>/);
+                if (!r)
+                    reject(resultText);
+                else {
+                    r = r.pop().replace('<result>', '').replace('</result>', '');
+                    if (r == '1') {
+                        let txid = resultText.match(/<txid>.*<\/txid>/).pop().replace('<txid>', '').replace('</txid>', '');
+                        resolve(txid);
+                    } else if (r == '0') {
+                        let error = resultText.match(/<response>.*<\/response>/).pop().replace('<response>', '').replace('</response>', '');
+                        reject(decodeURIComponent(error.replace(/\+/g, " ")));
+                    } else reject(resultText);
+                }
+            }).catch(error => reject(error))
+        }).catch(error => reject(error))
     });
 
     Object.defineProperties(btcOperator, {
@@ -461,7 +475,7 @@
         })
     }
 
-    const createSignedTx = btcOperator.createSignedTx = function (senders, privkeys, receivers, amounts, fee, change_addr = null) {
+    const createSignedTx = btcOperator.createSignedTx = function (senders, privkeys, receivers, amounts, fee = null, change_addr = null) {
         return new Promise((resolve, reject) => {
             try {
                 ({
@@ -529,7 +543,7 @@
         })
     }
 
-    btcOperator.createMultiSigTx = function (sender, redeemScript, receivers, amounts, fee) {
+    btcOperator.createMultiSigTx = function (sender, redeemScript, receivers, amounts, fee = null) {
         return new Promise((resolve, reject) => {
             //validate tx parameters
             if (validateAddress(sender) !== "multisig")
diff --git a/docs/scripts/floExchangeAPI.js b/docs/scripts/floExchangeAPI.js
index 3af1ae5..b51e678 100644
--- a/docs/scripts/floExchangeAPI.js
+++ b/docs/scripts/floExchangeAPI.js
@@ -708,39 +708,6 @@
         })
     }
 
-    /*
-    exchangeAPI.signUp = function (privKey, code, hash) {
-        return new Promise((resolve, reject) => {
-            if (!code || !hash)
-                return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Login Code missing", errorCode.MISSING_PARAMETER));
-            let request = {
-                pubKey: floCrypto.getPubKeyHex(privKey),
-                floID: floCrypto.getFloID(privKey),
-                code: code,
-                hash: hash,
-                timestamp: Date.now()
-            };
-            request.sign = signRequest({
-                type: "create_account",
-                random: code,
-                timestamp: request.timestamp
-            }, privKey);
-            console.debug(request);
-
-            fetch_api("/signup", {
-                    method: "POST",
-                    headers: {
-                        'Content-Type': 'application/json'
-                    },
-                    body: JSON.stringify(request)
-                }).then(result => {responseParse(result, false)
-                    .then(result => resolve(result))
-                    .catch(error => reject(error))})
-                .catch(error => reject(error));
-        });
-    }
-    */
-
     exchangeAPI.login = function (privKey, proxyKey, code, hash) {
         return new Promise((resolve, reject) => {
             if (!code || !hash)
@@ -1252,7 +1219,7 @@
         })
     }
 
-    exchangeAPI.convertToBTC = function (amount, floID, sinkID, privKey, proxySecret = null) {
+    exchangeAPI.convertToBTC = function (amount, floID, sinkID, privKey) {
         return new Promise((resolve, reject) => {
             if (!floCrypto.verifyPrivKey(privKey, floID))
                 return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Invalid Private Key", errorCode.INVALID_PRIVATE_KEY));
@@ -1264,15 +1231,14 @@
                     amount: amount,
                     timestamp: Date.now()
                 };
-                if (!proxySecret) //Direct signing (without proxy)
-                    request.pubKey = floCrypto.getPubKeyHex(privKey);
+                request.pubKey = floCrypto.getPubKeyHex(privKey);
                 request.sign = signRequest({
                     type: "convert_to",
                     coin: request.coin,
                     amount: amount,
                     txid: txid,
                     timestamp: request.timestamp
-                }, proxySecret || privKey);
+                }, privKey);
                 console.debug(request);
 
                 fetch_api('/convert-to', {
@@ -1290,13 +1256,13 @@
         })
     }
 
-    exchangeAPI.convertFromBTC = function (quantity, floID, sinkID, privKey, proxySecret = null) {
+    exchangeAPI.convertFromBTC = function (quantity, floID, sinkID, privKey, fee = null) {
         return new Promise((resolve, reject) => {
             if (!floCrypto.verifyPrivKey(privKey, floID))
                 return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Invalid Private Key", errorCode.INVALID_PRIVATE_KEY));
             let btc_id = btcOperator.convert.legacy2bech(floID),
                 btc_sink = btcOperator.convert.legacy2bech(sinkID);
-            btcOperator.createSignedTx(btc_id, privKey, btc_sink, quantity, null).then(result => {
+            btcOperator.createSignedTx(btc_id, privKey, btc_sink, quantity, fee).then(result => {
                 let request = {
                     floID: floID,
                     txid: btcOperator.transactionID(result.transaction),
@@ -1305,15 +1271,14 @@
                     quantity: quantity,
                     timestamp: Date.now()
                 };
-                if (!proxySecret) //Direct signing (without proxy)
-                    request.pubKey = floCrypto.getPubKeyHex(privKey);
+                request.pubKey = floCrypto.getPubKeyHex(privKey);
                 request.sign = signRequest({
                     type: "convert_from",
                     coin: request.coin,
                     quantity: quantity,
-                    txid: data.txid,
+                    txid: request.txid,
                     timestamp: request.timestamp
-                }, proxySecret || privKey);
+                }, privKey);
                 console.debug(request);
 
                 fetch_api('/convert-from', {
@@ -1344,6 +1309,7 @@
                     coin: "BTC",
                     timestamp: Date.now()
                 };
+                request.pubKey = floCrypto.getPubKeyHex(privKey);
                 request.sign = signRequest({
                     type: "deposit_convert_currency_fund",
                     coin: request.coin,
@@ -1382,12 +1348,13 @@
                     coin: "BTC",
                     timestamp: Date.now()
                 };
+                request.pubKey = floCrypto.getPubKeyHex(privKey);
                 request.sign = signRequest({
                     type: "deposit_convert_coin_fund",
                     coin: request.coin,
                     txid: data.txid,
                     timestamp: request.timestamp
-                }, proxySecret || privKey);
+                }, privKey);
                 console.debug(request);
 
                 fetch_api('/deposit-convert-coin-fund', {
@@ -1417,6 +1384,7 @@
                 coin: "BTC",
                 timestamp: Date.now()
             };
+            request.pubKey = floCrypto.getPubKeyHex(privKey);
             request.sign = signRequest({
                 type: "withdraw_convert_currency_fund",
                 coin: request.coin,
@@ -1451,6 +1419,7 @@
                 coin: "BTC",
                 timestamp: Date.now()
             };
+            request.pubKey = floCrypto.getPubKeyHex(privKey);
             request.sign = signRequest({
                 type: "withdraw_convert_coin_fund",
                 coin: request.coin,
diff --git a/src/main.js b/src/main.js
index 3aae7d1..2b8b7bd 100644
--- a/src/main.js
+++ b/src/main.js
@@ -5,6 +5,7 @@ require('../docs/scripts/lib');
 global.floCrypto = require('../docs/scripts/floCrypto');
 global.floBlockchainAPI = require('../docs/scripts/floBlockchainAPI');
 global.floTokenAPI = require('../docs/scripts/floTokenAPI');
+global.btcOperator =  require('../docs/scripts/btcOperator');
 
 const Database = require("./database");
 const App = require('./app');

From 4b26ad60bd8653e0554f69405ca32bd71c1229a9 Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Tue, 25 Oct 2022 02:12:58 +0530
Subject: [PATCH 146/168] Bug fix

- Adding rate column to DirectConvert table to store the rate of conversion
- Fixed: withdrawConvertFundCurrency not working correctly
- Fixed: closeBlockchainBond and closeBobsFundInvestment syntax bugs
- Adding request_timeout after with convert request will expire if tx from user is still unconfirmed
- Fixed: conversion result value has more than 8 decimal places
- Fixed minor syntax bugs
---
 args/schema.sql                |  1 +
 docs/scripts/floExchangeAPI.js | 12 +++---
 src/_constants.js              |  1 +
 src/background.js              | 69 ++++++++++++++++++----------------
 src/blockchain.js              | 12 ++++--
 5 files changed, 52 insertions(+), 43 deletions(-)

diff --git a/args/schema.sql b/args/schema.sql
index 71275f7..8bc523f 100644
--- a/args/schema.sql
+++ b/args/schema.sql
@@ -277,6 +277,7 @@ CREATE TABLE DirectConvert(
     coin VARCHAR(8) NOT NULL,
     quantity DECIMAL(16, 8),
     mode TINYINT NOT NULL,
+    rate DECIMAL(16, 2),
     in_txid VARCHAR(128),
     out_txid VARCHAR(128),
     locktime TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
diff --git a/docs/scripts/floExchangeAPI.js b/docs/scripts/floExchangeAPI.js
index b51e678..e84c2f6 100644
--- a/docs/scripts/floExchangeAPI.js
+++ b/docs/scripts/floExchangeAPI.js
@@ -1352,7 +1352,7 @@
                 request.sign = signRequest({
                     type: "deposit_convert_coin_fund",
                     coin: request.coin,
-                    txid: data.txid,
+                    txid: txid,
                     timestamp: request.timestamp
                 }, privKey);
                 console.debug(request);
@@ -1407,7 +1407,7 @@
         })
     }
 
-    exchangeAPI.withdrawConvertFundCurrency = function (quantity, floID, privKey) {
+    exchangeAPI.withdrawConvertFundCoin = function (quantity, floID, privKey) {
         return new Promise((resolve, reject) => {
             if (!floCrypto.verifyPrivKey(privKey, floID))
                 return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Invalid Private Key", errorCode.INVALID_PRIVATE_KEY));
@@ -1454,8 +1454,8 @@
             request.pubKey = floCrypto.getPubKeyHex(privKey);
             request.sign = signRequest({
                 type: "close_blockchain_bond",
-                bond_id: data.bond_id,
-                timestamp: data.timestamp
+                bond_id: request.bond_id,
+                timestamp: request.timestamp
             }, privKey);
             console.debug(request);
 
@@ -1485,8 +1485,8 @@
             request.pubKey = floCrypto.getPubKeyHex(privKey);
             request.sign = signRequest({
                 type: "close_bobs_fund",
-                fund_id: data.fund_id,
-                timestamp: data.timestamp
+                fund_id: request.fund_id,
+                timestamp: request.timestamp
             }, privKey);
             console.debug(request);
 
diff --git a/src/_constants.js b/src/_constants.js
index 50d64d2..9efffa8 100644
--- a/src/_constants.js
+++ b/src/_constants.js
@@ -9,6 +9,7 @@ module.exports = {
     market: {
         PERIOD_INTERVAL: 5 * 60 * 1000, //5 min,
         WAIT_TIME: 2 * 60 * 1000, //2 mins,
+        REQUEST_TIMEOUT: 24 * 60 * 60 * 1000, //1 day
         LAUNCH_SELLER_TAG: "launch-seller",
         MAXIMUM_LAUNCH_SELL_CHIPS: 100000,
         TRADE_HASH_PREFIX: "z1",
diff --git a/src/background.js b/src/background.js
index 3c9ae6b..1623842 100644
--- a/src/background.js
+++ b/src/background.js
@@ -8,6 +8,7 @@ const pCode = require('../docs/scripts/floExchangeAPI').processCode;
 const {
     LAUNCH_SELLER_TAG,
     MAXIMUM_LAUNCH_SELL_CHIPS,
+    REQUEST_TIMEOUT,
 } = require('./_constants')["market"];
 
 var DB, assetList; //container for database and allowed assets
@@ -209,37 +210,39 @@ verifyTx.BTC = function (sender, txid) {
 }
 
 function verifyConvert() {
-    DB.query("SELECT id, floID, mode, in_txid, amount, quantity FROM DirectConvert WHERE r_status=? AND coin=?", [pCode.STATUS_PENDING, "BTC"]).then(results => {
-        results.forEach(r => {
-            if (r.mode == pCode.CONVERT_MODE_GET) {
-                verifyTx.token(r.floID, r.in_txid, true).then(({ amount }) => {
-                    if (r.amount !== amount)
-                        throw ([true, "Transaction amount mismatched in blockchain"]);
-                    conversion_rates.BTC_INR().then(rate => {
-                        blockchain.convertToCoin.init(r.floID, "BTC", amount / rate, r.id)
-                    }).catch(error => console.error(error))
-                }).catch(error => {
-                    console.error(error);
-                    if (error[0])
-                        DB.query("UPDATE DirectConvert SET r_status=? WHERE id=?", [pCode.STATUS_REJECTED, r.id])
-                            .then(_ => null).catch(error => console.error(error));
-                });
-            } else if (r.mode == pCode.CONVERT_MODE_PUT) {
-                verifyTx.BTC(r.floID, r.in_txid).then(quantity => {
-                    if (r.quantity !== quantity)
-                        throw ([true, "Transaction quantity mismatched in blockchain"]);
-                    conversion_rates.BTC_INR().then(rate => {
-                        blockchain.convertFromCoin.init(r.floID, quantity * rate, r.id)
-                    }).catch(error => console.error(error))
-                }).catch(error => {
-                    console.error(error);
-                    if (error[0])
-                        DB.query("UPDATE DirectConvert SET r_status=? WHERE id=?", [pCode.STATUS_REJECTED, r.id])
-                            .then(_ => null).catch(error => console.error(error));
-                });
-            }
-        })
-    }).catch(error => console.error(error))
+    DB.query("UPDATE DirectConvert SET r_status=? WHERE r_status=? AND locktime<?", [pCode.STATUS_REJECTED, pCode.STATUS_PENDING, new Date(Date.now() - REQUEST_TIMEOUT)]).then(result => {
+        DB.query("SELECT id, floID, mode, in_txid, amount, quantity FROM DirectConvert WHERE r_status=? AND coin=?", [pCode.STATUS_PENDING, "BTC"]).then(results => {
+            results.forEach(r => {
+                if (r.mode == pCode.CONVERT_MODE_GET) {
+                    verifyTx.token(r.floID, r.in_txid, true).then(({ amount }) => {
+                        if (r.amount !== amount)
+                            throw ([true, "Transaction amount mismatched in blockchain"]);
+                        conversion_rates.BTC_INR().then(rate => {
+                            blockchain.convertToCoin.init(r.floID, "BTC", amount, rate, r.id)
+                        }).catch(error => console.error(error))
+                    }).catch(error => {
+                        console.error(error);
+                        if (error[0])
+                            DB.query("UPDATE DirectConvert SET r_status=? WHERE id=?", [pCode.STATUS_REJECTED, r.id])
+                                .then(_ => null).catch(error => console.error(error));
+                    });
+                } else if (r.mode == pCode.CONVERT_MODE_PUT) {
+                    verifyTx.BTC(r.floID, r.in_txid).then(quantity => {
+                        if (r.quantity !== quantity)
+                            throw ([true, "Transaction quantity mismatched in blockchain"]);
+                        conversion_rates.BTC_INR().then(rate => {
+                            blockchain.convertFromCoin.init(r.floID, quantity, rate, r.id)
+                        }).catch(error => console.error(error))
+                    }).catch(error => {
+                        console.error(error);
+                        if (error[0])
+                            DB.query("UPDATE DirectConvert SET r_status=? WHERE id=?", [pCode.STATUS_REJECTED, r.id])
+                                .then(_ => null).catch(error => console.error(error));
+                    });
+                }
+            })
+        }).catch(error => console.error(error))
+    }).catch(error => reject(error))
 }
 
 function retryConvert() {
@@ -261,7 +264,7 @@ function confirmConvert() {
                     if (!tx.blockhash || !tx.confirmations) //Still not confirmed
                         return;
                     DB.query("UPDATE DirectConvert SET r_status=? WHERE id=?", [pCode.STATUS_SUCCESS, r.id])
-                        .then(result => console.info(`${r.floID} converted ${amount} to ${r.quantity} BTC`))
+                        .then(result => console.info(`${r.floID} converted ${r.amount} to ${r.quantity} BTC`))
                         .catch(error => console.error(error))
                 }).catch(error => console.error(error));
             else if (r.mode == pCode.CONVERT_MODE_PUT)
@@ -269,7 +272,7 @@ function confirmConvert() {
                     if (!tx.transactionDetails.blockheight || !tx.transactionDetails.confirmations) //Still not confirmed
                         return;
                     DB.query("UPDATE DirectConvert SET r_status=? WHERE id=?", [pCode.STATUS_SUCCESS, r.id])
-                        .then(result => console.info(`${r.floID} converted ${r.quantity} BTC to ${amount}`))
+                        .then(result => console.info(`${r.floID} converted ${r.quantity} BTC to ${r.amount}`))
                         .catch(error => console.error(error));
                 }).catch(error => console.error(error));
         })
diff --git a/src/blockchain.js b/src/blockchain.js
index 758cb2f..60f9e42 100644
--- a/src/blockchain.js
+++ b/src/blockchain.js
@@ -118,6 +118,7 @@ function sendAsset(floID, asset, quantity, type, id) {
 }
 
 function withdrawAsset_init(floID, asset, amount) {
+    amount = parseFloat(amount.toFixed(8));
     let asset_type = ["FLO", "BTC"].includes(asset) ? pCode.ASSET_TYPE_COIN : pCode.ASSET_TYPE_TOKEN;
     DB.query("INSERT INTO VaultTransactions (floID, mode, asset_type, asset, amount, r_status) VALUES (?)", [[floID, pCode.VAULT_MODE_WITHDRAW, asset_type, asset, amount, pCode.STATUS_PENDING]])
         .then(result => sendAsset(floID, asset, amount, TYPE_VAULT, result.insertId))
@@ -130,8 +131,9 @@ function withdrawAsset_retry(floID, asset, amount, id) {
     else sendAsset(floID, asset, amount, TYPE_VAULT, id);
 }
 
-function convertToCoin_init(floID, coin, coin_quantity, id) {
-    DB.query("UPDATE DirectConvert SET quantity=?, r_status=?, locktime=DEFAULT WHERE id=?", [coin_quantity, pCode.STATUS_PROCESSING, id])
+function convertToCoin_init(floID, coin, currency_amount, rate, id) {
+    let coin_quantity = parseFloat((currency_amount / rate).toFixed(8));
+    DB.query("UPDATE DirectConvert SET quantity=?, r_status=?, rate=?, locktime=DEFAULT WHERE id=?", [coin_quantity, pCode.STATUS_PROCESSING, rate, id])
         .then(result => sendAsset(floID, coin, coin_quantity, TYPE_CONVERT, id))
         .catch(error => console.error(error))
 }
@@ -142,8 +144,9 @@ function convertToCoin_retry(floID, coin, coin_quantity, id) {
     else sendAsset(floID, coin, coin_quantity, TYPE_CONVERT, id);
 }
 
-function convertFromCoin_init(floID, currency_amount, id) {
-    DB.query("UPDATE DirectConvert SET amount=?, r_status=?, locktime=DEFAULT WHERE id=?", [currency_amount, pCode.STATUS_PROCESSING, id])
+function convertFromCoin_init(floID, coin_quantity, rate, id) {
+    let currency_amount = parseFloat((coin_quantity * rate).toFixed(8));
+    DB.query("UPDATE DirectConvert SET amount=?, r_status=?, rate=?, locktime=DEFAULT WHERE id=?", [currency_amount, pCode.STATUS_PROCESSING, rate, id])
         .then(result => sendAsset(floID, floGlobals.currency, currency_amount, TYPE_CONVERT, id))
         .catch(error => console.error(error))
 }
@@ -173,6 +176,7 @@ function fundTransact_retry(floID, amount, id) {
 }
 
 function refundTransact_init(floID, amount, id) {
+    amount = parseFloat(amount.toFixed(8));
     DB.query("UPDATE RefundTransact SET amount=?, r_status=?, locktime=DEFAULT WHERE id=?", [amount, pCode.STATUS_PROCESSING, id])
         .then(result => sendAsset(floID, floGlobals.currency, amount, TYPE_REFUND, id))
         .catch(error => console.error(error))

From 48609bd1b703d757de89e14fba9830c589286750 Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Tue, 25 Oct 2022 03:16:59 +0530
Subject: [PATCH 147/168] Changing env-var to arguments

- Changes console.log and console.debug to relevant types
- PASSWORD and I environment variables are now passed as arguments to npm commands
- Added optional argument `--debug`. when passed, console.debug is also logged, else console.debug are turned off
---
 .gitignore                  |  2 ++
 README.md                   | 23 ++++++++---------------
 docs/scripts/floGlobals.js  |  4 +---
 docs/scripts/floTokenAPI.js |  4 ++--
 setup/configure-settings.js | 15 +++++++++++----
 setup/create-schema.js      |  9 ++++++++-
 setup/help.js               |  8 ++------
 setup/reset-password.js     |  9 ++++++++-
 src/backup/head.js          |  6 +++---
 src/backup/slave.js         |  2 +-
 src/coupling.js             |  4 ++--
 src/main.js                 | 14 ++++++++++----
 src/market.js               |  2 +-
 src/services/conversion.js  |  8 ++++----
 src/set_globals.js          |  3 +++
 15 files changed, 66 insertions(+), 47 deletions(-)

diff --git a/.gitignore b/.gitignore
index e067b5b..bc0c19d 100644
--- a/.gitignore
+++ b/.gitignore
@@ -3,5 +3,7 @@
 /args/config*.json
 /args/param.json
 /args/keys*.json
+/log.txt
+/bash_start*
 *test*
 *.tmp*
diff --git a/README.md b/README.md
index 5bf29b2..5e55a46 100644
--- a/README.md
+++ b/README.md
@@ -15,24 +15,17 @@ npm run create-schema           - Create schema in MySQL database.
 npm start                       - Start the application (main).
 ```
 **NOTE:**
-env variable `PASSWORD` required for `npm start`.
-
-Windows:
+Argument `PASSWORD` required for `npm start`.
 ```
-$env:PASSWORD="<password>"; npm start
-```
-Linux:
-```
-PASSWORD="<password"> npm start
+npm start -- -PASSWORD=<password>
 ```
 *(Optional)*
-Multiple instance can be run/setup on the same dir with different config files by using env variable 'I'.
-
-Windows: 
+Multiple instance can be run/setup on the same dir with different config files by using argument 'I'.
 ```
-$env:I="<instance_ID>"; <command>
+<command> -- -I=<instance_ID>
 ```
-Linux: 
-```
-I="<instance_ID>" <command>
+*(Optional)*
+`console.debug` is now turned off by default. pass argument `--debug` to turn it on
 ```
+npm start -- -PASSWORD=<password> --debug
+```
\ No newline at end of file
diff --git a/docs/scripts/floGlobals.js b/docs/scripts/floGlobals.js
index 5501626..3ca2f62 100644
--- a/docs/scripts/floGlobals.js
+++ b/docs/scripts/floGlobals.js
@@ -1,10 +1,8 @@
 const floGlobals = {
-
-    //Required for all
     blockchain: "FLO",
     application: "exchange",
     adminID: "FMxYC7gYZhouzqtHZukGnPiQ8nvG4CMzXM",
     currency: "rupee"
 };
 
-('object' === typeof module) ? module.exports = floGlobals: null;
\ No newline at end of file
+('object' === typeof module) ? module.exports = floGlobals : null;
\ No newline at end of file
diff --git a/docs/scripts/floTokenAPI.js b/docs/scripts/floTokenAPI.js
index 7378f43..3f4cb5f 100644
--- a/docs/scripts/floTokenAPI.js
+++ b/docs/scripts/floTokenAPI.js
@@ -1,4 +1,4 @@
-(function(EXPORTS) { //floTokenAPI v1.0.3b
+(function(EXPORTS) { //floTokenAPI v1.0.3c
     /* Token Operator to send/receive tokens via blockchain using API calls*/
     'use strict';
     const tokenAPI = EXPORTS;
@@ -29,7 +29,7 @@
 
     const fetch_api = tokenAPI.fetch = function(apicall) {
         return new Promise((resolve, reject) => {
-            console.log(DEFAULT.apiURL + apicall);
+            console.debug(DEFAULT.apiURL + apicall);
             fetch(DEFAULT.apiURL + apicall).then(response => {
                 if (response.ok)
                     response.json().then(data => resolve(data));
diff --git a/setup/configure-settings.js b/setup/configure-settings.js
index abc1673..9a3b431 100644
--- a/setup/configure-settings.js
+++ b/setup/configure-settings.js
@@ -1,9 +1,16 @@
 const fs = require('fs');
 const getInput = require('./getInput');
 
+let _I = "";
+for (let arg of process.argv)
+    if (/^-I=/.test(arg)) {
+        _I = arg.split(/=(.*)/s)[1];
+        break;
+    }
+
 var config, flag_new;
 try {
-    config = require(`../args/config${process.env.I || ""}.json`);
+    config = require(`../args/config${_I}.json`);
     flag_new = false;
 } catch (error) {
     config = {
@@ -24,8 +31,8 @@ function flaggedYesOrNo(text) {
             resolve(true);
         else
             getInput.YesOrNo(text)
-            .then(result => resolve(result))
-            .catch(error => reject(error))
+                .then(result => resolve(result))
+                .catch(error => reject(error))
     })
 }
 
@@ -84,7 +91,7 @@ function configure() {
         configurePort().then(port_result => {
             randomizeSessionSecret().then(secret_result => {
                 configureSQL().then(sql_result => {
-                    fs.writeFile(__dirname + `/../args/config${process.env.I || ""}.json`, JSON.stringify(config), 'utf8', (err) => {
+                    fs.writeFile(__dirname + `/../args/config${_I}.json`, JSON.stringify(config), 'utf8', (err) => {
                         if (err) {
                             console.error(err);
                             return reject(false);
diff --git a/setup/create-schema.js b/setup/create-schema.js
index 3ed6c19..0b0f6fc 100644
--- a/setup/create-schema.js
+++ b/setup/create-schema.js
@@ -1,8 +1,15 @@
 const fs = require('fs');
 let Database = require('../src/database');
 
+let _I = "";
+for (let arg of process.argv)
+    if (/^-I=/.test(arg)) {
+        _I = arg.split(/=(.*)/s)[1];
+        break;
+    }
+
 function createSchema() {
-    const config = require(`../args/config${process.env.I || ""}.json`);
+    const config = require(`../args/config${_I}.json`);
     return new Promise((resolve, reject) => {
         fs.readFile(__dirname + '/../args/schema.sql', 'utf8', (err, data) => {
             if (err) {
diff --git a/setup/help.js b/setup/help.js
index 9092343..c431269 100644
--- a/setup/help.js
+++ b/setup/help.js
@@ -14,13 +14,9 @@ npm run backup                  - Run the backup-node.
 
 npm start                       - Start the application (main).
 
-NOTE: env variable 'PASSWORD' required for 'npm start'.
+NOTE: argument 'PASSWORD' required for 'npm start'
+npm start -- -PASSWORD=<password>
 
-WINDOWS: 
-$env:PASSWORD="<password>"; npm start
-
-LINUX: 
-PASSWORD="<password"> npm start
 `;
 
 console.log(message);
\ No newline at end of file
diff --git a/setup/reset-password.js b/setup/reset-password.js
index b0d0847..9fd6c3d 100644
--- a/setup/reset-password.js
+++ b/setup/reset-password.js
@@ -8,6 +8,13 @@ const floCrypto = require('../docs/scripts/floCrypto');
 
 console.log(__dirname);
 
+let _I = "";
+for (let arg of process.argv)
+    if (/^-I=/.test(arg)) {
+        _I = arg.split(/=(.*)/s)[1];
+        break;
+    }
+
 function validateKey(privKey) {
     return new Promise((resolve, reject) => {
         try {
@@ -62,7 +69,7 @@ function resetPassword() {
                     let encrypted = Crypto.AES.encrypt(privKey, password);
                     let randNum = floCrypto.randInt(10, 15);
                     let splitShares = floCrypto.createShamirsSecretShares(encrypted, randNum, randNum);
-                    fs.writeFile(__dirname + `/../args/keys${process.env.I || ""}.json`, JSON.stringify(splitShares), 'utf8', (err) => {
+                    fs.writeFile(__dirname + `/../args/keys${_I}.json`, JSON.stringify(splitShares), 'utf8', (err) => {
                         if (err) {
                             console.error(err);
                             return reject(false);
diff --git a/src/backup/head.js b/src/backup/head.js
index da9b884..7447f63 100644
--- a/src/backup/head.js
+++ b/src/backup/head.js
@@ -161,7 +161,7 @@ function collectShares(floID, sinkID, share) {
     try {
         let sinkKey = floCrypto.retrieveShamirSecret([].concat(...Object.values(shares_collected[sinkID].shares)));
         if (floCrypto.verifyPrivKey(sinkKey, sinkID)) {
-            console.log("Shares collected successfully for", sinkID);
+            console.debug("Shares collected successfully for", sinkID);
             shares_collected[sinkID].callbacks.forEach(fn => fn instanceof Function ? fn(sinkKey) : null);
             delete shares_collected[sinkID];
         }
@@ -200,7 +200,7 @@ function connectToMaster(i = 0, init = false) {
 
 //Node becomes master
 function serveAsMaster(init) {
-    console.debug('Starting master process');
+    console.info('Starting master process');
     slave.stop();
     _mode = MASTER_MODE;
     informLiveNodes(init);
@@ -208,7 +208,7 @@ function serveAsMaster(init) {
 }
 
 function serveAsSlave(ws, init) {
-    console.debug('Starting slave process');
+    console.info('Starting slave process');
     app.pause();
     slave.start(ws, init);
     _mode = SLAVE_MODE;
diff --git a/src/backup/slave.js b/src/backup/slave.js
index 7b33ec4..d02e99e 100644
--- a/src/backup/slave.js
+++ b/src/backup/slave.js
@@ -153,7 +153,7 @@ function storeSinkShare(sinkID, keyShare, decrypt = true) {
     if (decrypt)
         keyShare = floCrypto.decryptData(keyShare, global.myPrivKey)
     let encryptedShare = Crypto.AES.encrypt(keyShare, global.myPrivKey);
-    console.log(Date.now(), '|sinkID:', sinkID, '|EnShare:', encryptedShare);
+    console.debug(Date.now(), '|sinkID:', sinkID, '|EnShare:', encryptedShare);
     DB.query("INSERT INTO sinkShares (floID, share) VALUE (?) ON DUPLICATE KEY UPDATE share=?", [[sinkID, encryptedShare], encryptedShare])
         .then(_ => null).catch(error => console.error(error));
 }
diff --git a/src/coupling.js b/src/coupling.js
index 7113784..d250af9 100644
--- a/src/coupling.js
+++ b/src/coupling.js
@@ -98,7 +98,7 @@ function recursiveCoupling(asset, cur_rate, flag = false) {
     }).catch(error => {
         //noBuy = error[0], noSell = error[1], reason = error[2]
         price.noOrder(asset, error[0], error[1]);
-        console.error(error[2]);
+        error[3] ? console.debug(error[2]) : console.error(error[2]);
         //set timeout for next coupling (if not order placement occurs)
         if (flag) {
             price.updateLastTime(asset);
@@ -145,7 +145,7 @@ function processCoupling(asset, cur_rate) {
                 console.error(error.sell);
                 noSell = null;
             }
-            reject([noBuy, noSell, `No valid ${noSell? 'sellOrders': ''} | ${noBuy? 'buyOrders': ''} for Asset: ${asset}`]);
+            reject([noBuy, noSell, `No valid ${noSell ? 'sellOrders' : ''} | ${noBuy ? 'buyOrders' : ''} for Asset: ${asset}`, true]);
         });
     })
 }
diff --git a/src/main.js b/src/main.js
index 2b8b7bd..54adb1c 100644
--- a/src/main.js
+++ b/src/main.js
@@ -5,7 +5,7 @@ require('../docs/scripts/lib');
 global.floCrypto = require('../docs/scripts/floCrypto');
 global.floBlockchainAPI = require('../docs/scripts/floBlockchainAPI');
 global.floTokenAPI = require('../docs/scripts/floTokenAPI');
-global.btcOperator =  require('../docs/scripts/btcOperator');
+global.btcOperator = require('../docs/scripts/btcOperator');
 
 const Database = require("./database");
 const App = require('./app');
@@ -162,11 +162,17 @@ function setDB(db) {
 }
 
 module.exports = function startServer(public_dir) {
-    const config = require(`../args/config${process.env.I || ""}.json`);
+    let _pass, _I = "";
+    for (let arg of process.argv) {
+        if (/^-I=/.test(arg))
+            _I = arg.split(/=(.*)/s)[1];
+        else if (/^-password=/i.test(arg))
+            _pass = arg.split(/=(.*)/s)[1];
+    }
+    const config = require(`../args/config${_I}.json`);
     try {
-        var _tmp = require(`../args/keys${process.env.I || ""}.json`);
+        var _tmp = require(`../args/keys${_I}.json`);
         _tmp = floCrypto.retrieveShamirSecret(_tmp);
-        var _pass = process.env.PASSWORD;
         if (!_pass) {
             console.error('Password not entered!');
             process.exit(1);
diff --git a/src/market.js b/src/market.js
index a95d52b..8dae1cb 100644
--- a/src/market.js
+++ b/src/market.js
@@ -501,7 +501,7 @@ function periodicProcess() {
         if (lastSyncBlockHeight < result.blocks[0].height) {
             lastSyncBlockHeight = result.blocks[0].height;
             background.process();
-            console.debug("Last Block :", lastSyncBlockHeight);
+            console.log("Last Block :", lastSyncBlockHeight);
         }
     }).catch(error => console.error(error));
 }
diff --git a/src/services/conversion.js b/src/services/conversion.js
index 6c9506f..44c7987 100644
--- a/src/services/conversion.js
+++ b/src/services/conversion.js
@@ -144,7 +144,7 @@ function depositCurrencyFund(floID, txid, coin) {
             if (result.length)
                 return reject(INVALID(eCode.DUPLICATE_ENTRY, "Transaction already in process"));
             DB.query("INSERT INTO ConvertFund(txid, mode, coin, r_status) VALUES (?)", [[txid, pCode.CONVERT_MODE_GET, coin, pCode.STATUS_PROCESSING]])
-                .then(result => resolve("Add currency fund in process"))
+                .then(result => resolve("Deposit currency fund in process"))
                 .catch(error => reject(error))
         }).catch(error => reject(error))
     })
@@ -160,7 +160,7 @@ function depositCoinFund(floID, txid, coin) {
             if (result.length)
                 return reject(INVALID(eCode.DUPLICATE_ENTRY, "Transaction already in process"));
             DB.query("INSERT INTO ConvertFund(txid, mode, coin, r_status) VALUES (?)", [[txid, pCode.CONVERT_MODE_PUT, coin, pCode.STATUS_PROCESSING]])
-                .then(result => resolve("Add coin fund in process"))
+                .then(result => resolve("Deposit coin fund in process"))
                 .catch(error => reject(error))
         }).catch(error => reject(error))
     })
@@ -178,7 +178,7 @@ function withdrawCurrencyFund(floID, coin, amount) {
                 if (available_amount < amount)
                     return reject(INVALID(eCode.INSUFFICIENT_BALANCE, "Insufficient convert-fund deposits to withdraw"));
                 DB.query("INSERT INTO ConvertFund(mode, coin, amount, r_status) VALUES (?)", [[pCode.CONVERT_MODE_PUT, coin, amount, pCode.STATUS_PENDING]])
-                    .then(result => resolve("Add currency fund in process"))
+                    .then(result => resolve("Withdraw currency fund in process"))
                     .catch(error => reject(error))
             }).catch(error => reject(error))
         }).catch(error => reject(error))
@@ -197,7 +197,7 @@ function withdrawCoinFund(floID, coin, quantity) {
                 if (available_quantity < quantity)
                     return reject(INVALID(eCode.INSUFFICIENT_BALANCE, "Insufficient convert-fund deposits to withdraw"));
                 DB.query("INSERT INTO ConvertFund(mode, coin, quantity, r_status) VALUES (?)", [[pCode.CONVERT_MODE_GET, coin, quantity, pCode.STATUS_PENDING]])
-                    .then(result => resolve("Add currency fund in process"))
+                    .then(result => resolve("Withdraw currency fund in process"))
                     .catch(error => reject(error))
             }).catch(error => reject(error))
         }).catch(error => reject(error))
diff --git a/src/set_globals.js b/src/set_globals.js
index f402c37..20cae60 100644
--- a/src/set_globals.js
+++ b/src/set_globals.js
@@ -13,6 +13,9 @@ try {
         global[p] = param[p];
 }
 
+if (!process.argv.includes("--debug"))
+    global.console.debug = () => null;
+
 /*
 //Trace the debug logs in node js
 var debug = console.debug;

From a7747a2ecf3f8688198fb374813814b15c5d8ed3 Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Wed, 26 Oct 2022 04:55:50 +0530
Subject: [PATCH 148/168] Bug fix

- Fixed: Bob's fund data not read from blockchain
- Fixed: incorrect senders list passed to readData from blockchain
- Fixed: when data is not saved in DB correctly, do not update LastTx, hence in next refresh, it might get resolved
- Fixed: bugs in Blockchain bonds closing and bob's fund closing
- Merged parse.main and parse.end in Bob's fund module
---
 docs/scripts/floBlockchainAPI.js |  14 +--
 src/background.js                |   2 +-
 src/request.js                   |   6 +-
 src/services/bobs-fund.js        | 178 ++++++++++++++++---------------
 src/services/bonds.js            |  35 +++---
 5 files changed, 126 insertions(+), 109 deletions(-)

diff --git a/docs/scripts/floBlockchainAPI.js b/docs/scripts/floBlockchainAPI.js
index 5bb3cbb..473b192 100644
--- a/docs/scripts/floBlockchainAPI.js
+++ b/docs/scripts/floBlockchainAPI.js
@@ -1,4 +1,4 @@
-(function (EXPORTS) { //floBlockchainAPI v2.3.3c
+(function (EXPORTS) { //floBlockchainAPI v2.3.3d
     /* FLO Blockchain Operator to send/receive data from blockchain using API calls*/
     'use strict';
     const floBlockchainAPI = EXPORTS;
@@ -485,8 +485,8 @@
     floBlockchainAPI.readData = function (addr, options = {}) {
         options.limit = options.limit || 0;
         options.ignoreOld = options.ignoreOld || 0;
-        if (typeof options.sender === "string") options.sender = [options.sender];
-        if (typeof options.receiver === "string") options.receiver = [options.receiver];
+        if (typeof options.senders === "string") options.senders = [options.senders];
+        if (typeof options.receivers === "string") options.receivers = [options.receivers];
         return new Promise((resolve, reject) => {
             promisedAPI(`api/addrs/${addr}/txs?from=0&to=1`).then(response => {
                 var newItems = response.totalItems - options.ignoreOld;
@@ -521,10 +521,10 @@
                                 }
                             if (!flag) continue;
                         }
-                        if (Array.isArray(options.sender)) {
+                        if (Array.isArray(options.senders)) {
                             let flag = false;
                             for (let vin of response.items[i].vin)
-                                if (options.sender.includes(vin.addr)) {
+                                if (options.senders.includes(vin.addr)) {
                                     flag = true;
                                     break;
                                 }
@@ -539,10 +539,10 @@
                                 }
                             if (!flag) continue;
                         }
-                        if (Array.isArray(options.receiver)) {
+                        if (Array.isArray(options.receivers)) {
                             let flag = false;
                             for (let vout of response.items[i].vout)
-                                if (options.receiver.includes(vout.scriptPubKey.addresses[0])) {
+                                if (options.receivers.includes(vout.scriptPubKey.addresses[0])) {
                                     flag = true;
                                     break;
                                 }
diff --git a/src/background.js b/src/background.js
index 1623842..8aad551 100644
--- a/src/background.js
+++ b/src/background.js
@@ -417,7 +417,7 @@ function confirmFundClosing() {
                 let closeFundString = fund_util.stringify.end(r.fund_id, r.floID, r.end_date, r.btc_net, r.usd_net, r.amount, r.ref_sign, r.txid);
                 floBlockchainAPI.writeData(global.myFloID, closeFundString, global.myPrivKey, fund_util.config.adminID).then(txid => {
                     DB.query("UPDATE CloseFundTransact SET r_status=?, close_id=? WHERE id=?", [pCode.STATUS_SUCCESS, txid, r.id])
-                        .then(result => console.info("Fund investment closed:", r.fund_id))
+                        .then(result => console.info("Fund investment closed:", r.fund_id, r.floID))
                         .catch(error => console.error(error));
                 }).catch(error => console.error(error))
             }).catch(error => console.error(error));
diff --git a/src/request.js b/src/request.js
index b844dd7..71e3f34 100644
--- a/src/request.js
+++ b/src/request.js
@@ -387,7 +387,7 @@ function CloseBlockchainBond(req, res) {
     if (!data.pubKey)
         res.status(INVALID.e_code).send(INVALID.str(eCode.MISSING_PARAMETER, "Public key missing"));
     else
-        processRequest(res, data.floID, data.pubKey, data.sign, "Conversion", {
+        processRequest(res, data.floID, data.pubKey, data.sign, "Blockchain Bond Closing", {
             type: "close_blockchain_bond",
             bond_id: data.bond_id,
             timestamp: data.timestamp
@@ -399,7 +399,7 @@ function CloseBobsFund(req, res) {
     if (!data.pubKey)
         res.status(INVALID.e_code).send(INVALID.str(eCode.MISSING_PARAMETER, "Public key missing"));
     else
-        processRequest(res, data.floID, data.pubKey, data.sign, "Conversion", {
+        processRequest(res, data.floID, data.pubKey, data.sign, "Bob's Fund closing", {
             type: "close_bobs_fund",
             fund_id: data.fund_id,
             timestamp: data.timestamp
@@ -631,7 +631,7 @@ module.exports = {
     },
     refreshData(nodeList) {
         blockchain_bonds.refresh(nodeList);
-        bobs_fund.refresh(nodeList)
+        bobs_fund.refresh(nodeList);
     },
     pause() {
         serving = false;
diff --git a/src/services/bobs-fund.js b/src/services/bobs-fund.js
index d2171d0..f71a74e 100644
--- a/src/services/bobs-fund.js
+++ b/src/services/bobs-fund.js
@@ -96,97 +96,97 @@ const bobsFund = (function () {
         return result.join("|");
     }
 
-    function stringify_continue(fundID, investments) {
+    function stringify_continue(fund_id, investments) {
         return [
             `${productStr}`,
-            `continue: ${fundID}`,
+            `continue: ${fund_id}`,
             `Investment(s) (INR): ${investments.map(f => `${f[0].trim()}-${f[1].trim()}`).join("; ")}`
         ].join("|");
     }
 
-    function parse_main(data) {
-        let funds = {};
-        if (!Array.isArray(data))
-            data = [data];
-        data.forEach(fd => {
-            let cont = /continue: [a-z0-9]{64}\|/.test(fd);
-            fd.data.split("|").forEach(d => {
-                d = d.split(': ');
-                switch (d[0].toLowerCase()) {
-                    case "start date":
-                        cont ? null : funds["start_date"] = d[1]; break;
-                    case "base value":
-                        cont ? null : funds["BTC_base"] = parseNumber(d[1].slice(0, -4)); break;
-                    case "usd inr rate at start":
-                        cont ? null : funds["USD_base"] = parseFloat(d[1]); break;
-                    case "duration":
-                        cont ? null : funds["duration"] = parsePeriod(d[1]); break;
-                    case "management fee":
-                        cont ? null : funds["fee"] = parseFloat(d[1]); break;
-                    case "tapout availability":
-                        let x = d[1].toLowerCase().split("after")
-                        funds["tapoutInterval"] = x[1].match(/\d+ [a-z]+/gi).map(y => parsePeriod(y))
-                        funds["topoutWindow"] = parsePeriod(x[0]); break;
-                    case "invesment(s) (inr)":
-                    case "investment(s) (inr)":
-                        funds["amounts"] = funds["amounts"] || [];
-                        funds["amounts"].push(d[1].split("; ").map(a => {
-                            a = a.split("-");
-                            return [a[0], parseNumber(a[1])]
-                        })); break;
-                }
-            });
-        })
-        return funds;
-    }
-
     function stringify_end(fund_id, floID, end_date, BTC_net, USD_net, amount, ref_sign, payment_ref) {
         return [
             `${productStr}`,
-            `Fund: ${fund_id}`,
+            `close: ${fund_id}`,
             `Investor: ${floID}`,
             `End value: ${BTC_net} USD`,
-            `Date of withdrawal: ${end_date}`,
+            `Date of withdrawal: ${dateFormat(end_date)}`,
             `USD INR rate at end: ${USD_net}`,
             `Amount withdrawn: Rs ${amount} via ${payment_ref}`,
             `Reference: ${ref_sign}`
         ].join("|");
     }
 
-    function parse_end(data) {
-        //Data (end fund) send by market nodes
-        let details = {};
-        data.split("|").forEach(d => {
-            d = d.split(': ');
-            switch (d[0].toLowerCase()) {
-                case "fund":
-                    details["fundID"] = d[1]; break;
-                case "investor":
-                    details["floID"] = d[1]; break;
-                case "end value":
-                    details["BTC_net"] = parseNumber(d[1].slice(0, -4)); break;
-                case "date of withdrawal":
-                    details["endDate"] = new Date(d[1]); break;
-                case "amount withdrawn":
-                    details["amountFinal"] = parseNumber(d[1].match(/\d.+ via/).toString());
-                    details["payment_refRef"] = d[1].match(/via .+/).toString().substring(4); break;
-                case "usd inr rate at end":
-                    details["USD_net"] = parseFloat(d[1]); break;
-                case "reference":
-                    details["refSign"] = d[1]; break;
+    function parse_details(data) {
+        let funds = {};
+        funds.investments = {};
+        if (!Array.isArray(data))
+            data = [data];
+        data.forEach(fd => {
+            if (!/close: [a-z0-9]{64}\|/.test(fd)) { // not a closing tx
+                let cont = /continue: [a-z0-9]{64}\|/.test(fd);
+                fd.split("|").forEach(d => {
+                    d = d.split(': ');
+                    if (["invesment(s) (inr)", "investment(s) (inr)"].includes(d[0].toLowerCase()))
+                        d[1].split(";").forEach(a => {
+                            a = a.split("-");
+                            let floID = a[0].replace(/\s/g, ''); //for removing spaces (trailing) if any
+                            funds["investments"][floID] = funds["investments"][floID] || {};
+                            funds["investments"][floID].amount = parseNumber(a[1])
+                        });
+                    else if (!cont)
+                        switch (d[0].toLowerCase()) {
+                            case "start date":
+                                funds["start_date"] = new Date(d[1]); break;
+                            case "base value":
+                                funds["BTC_base"] = parseNumber(d[1].slice(0, -4)); break;
+                            case "usd inr rate at start":
+                                funds["USD_base"] = parseFloat(d[1]); break;
+                            case "duration":
+                                funds["duration"] = parsePeriod(d[1]); break;
+                            case "management fee":
+                                funds["fee"] = parseFloat(d[1]); break;
+                            case "tapout availability":
+                                let x = d[1].toLowerCase().split("after")
+                                funds["tapoutInterval"] = x[1].match(/\d+ [a-z]+/gi).map(y => parsePeriod(y))
+                                funds["topoutWindow"] = parsePeriod(x[0]); break;
+                        }
+                });
+            } else {
+                let floID, details = {};
+                fd.split("|").forEach(d => {
+                    d = d.split(': ');
+                    switch (d[0].toLowerCase()) {
+                        case "investor":
+                            floID = d[1]; break;
+                        case "end value":
+                            details["BTC_net"] = parseNumber(d[1].slice(0, -4)); break;
+                        case "date of withdrawal":
+                            details["endDate"] = new Date(d[1]); break;
+                        case "amount withdrawn":
+                            details["amountFinal"] = parseNumber(d[1].match(/\d.+ via/).toString());
+                            details["payment_refRef"] = d[1].match(/via .+/).toString().substring(4); break;
+                        case "usd inr rate at end":
+                            details["USD_net"] = parseFloat(d[1]); break;
+                        case "reference":
+                            details["refSign"] = d[1]; break;
+                    }
+                });
+                if (floID) {
+                    funds.investments[floID] = funds.investments[floID] || {};
+                    funds.investments[floID].closed = details;
+                }
             }
-        })
+        });
+        return funds;
     }
 
-
     return {
+        productStr,
         dateAdder,
         dateFormat,
         calcNetValue,
-        parse: {
-            main: parse_main,
-            end: parse_end
-        },
+        parse: parse_details,
         stringify: {
             main: stringify_main,
             continue: stringify_continue,
@@ -207,14 +207,14 @@ function refreshBlockchainData(nodeList = []) {
             let lastTx = result.length ? result[0].num : 0;
             floBlockchainAPI.readData(bobsFund.config.adminID, {
                 ignoreOld: lastTx,
-                senders: [nodeList].concat(bobsFund.config.adminID), //sentOnly: true,
+                senders: nodeList.concat(bobsFund.config.adminID), //sentOnly: true,
                 tx: true,
-                filter: d => d.startsWith(bobsFund.config.productStr)
+                filter: d => d.startsWith(bobsFund.productStr)
             }).then(result => {
                 let promises = [];
-                result.data.forEach(d => {
-                    let fund = d.senders.has(bobsFund.config.adminID) ? bobsFund.parse.main(d.data) : null;
-                    if (fund && fund.amount) {
+                result.data.reverse().forEach(d => {
+                    let fund = bobsFund.parse(d.data);
+                    if (d.senders.has(bobsFund.config.adminID) && !/close:/.test(d.data)) {
                         let fund_id = d.data.match(/continue: [a-z0-9]{64}\|/);
                         if (!fund_id) {
                             fund_id = d.txid;
@@ -224,21 +224,27 @@ function refreshBlockchainData(nodeList = []) {
                             promises.push(DB.query(`INSERT INTO BobsFund(fund_id, begin_date, btc_base, usd_base, fee, duration ${fund.tapoutInterval ? ", tapout_window, tapout_interval" : ""}) VALUES ? ON DUPLICATE KEY UPDATE fund_id=fund_id`, [[values]]));
                         } else
                             fund_id = fund_id.pop().match(/[a-z0-9]{64}/).pop();
-                        let investments = fund.amounts.map(i => [fund_id, i[0], i[1]]);
-                        promises.push(DB.query("INSERT INTO BobsFundInvestments(fund_id, floID, amount_in) VALUES ?", [investments]));
+                        let investments = Object.entries(fund.investments).map(a => [fund_id, a[0], a[1].amount]);
+                        promises.push(DB.query("INSERT INTO BobsFundInvestments(fund_id, floID, amount_in) VALUES ? ON DUPLICATE KEY UPDATE floID=floID", [investments]));
                     }
                     else {
-                        let details = bobsFund.parse.end(d.data);
-                        if (details.fundID && details.floID && details.amountFinal)
-                            promises.push(DB.query("UPDATE BobsFundInvestments SET close_id=? amount_out=? WHERE fund_id=? AND floID=?", [d.txid, details.amountFinal, details.fundID, details.floID]));
+                        let fund_id = d.data.match(/close: [a-z0-9]{64}\|/);
+                        if (fund_id) {
+                            fund_id = fund_id.pop().match(/[a-z0-9]{64}/).pop();
+                            let closing_details = Object.entries(fund.investments).filter(a => typeof a[1].closed === "object" && a[1].closed.amountFinal).pop();   //only one close-fund will be there in a tx
+                            if (closing_details)
+                                promises.push(DB.query("UPDATE BobsFundInvestments SET close_id=?, amount_out=? WHERE fund_id=? AND floID=?", [d.txid, closing_details[1].closed.amountFinal, fund_id, closing_details[0]]))
+                        }
                     }
                 });
-                promises.push(DB.query("INSERT INTO LastTx (floID, num) VALUE (?) ON DUPLICATE KEY UPDATE num=?", [[bobsFund.config.adminID, result.totalTxs], result.totalTxs]));
                 Promise.allSettled(promises).then(results => {
                     //console.debug(results.filter(r => r.status === "rejected"));
                     if (results.reduce((a, r) => r.status === "rejected" ? ++a : a, 0))
-                        console.warn("Some fund data might not have been saved in database correctly");
-                    resolve(result.totalTxs);
+                        reject("Some fund data might not have been saved in database correctly");
+                    else
+                        DB.query("INSERT INTO LastTx (floID, num) VALUE (?) ON DUPLICATE KEY UPDATE num=?", [[bobsFund.config.adminID, result.totalTxs], result.totalTxs])
+                            .then(_ => resolve(result.totalTxs))
+                            .catch(error => reject(error));
                 })
             }).catch(error => reject(error))
         }).catch(error => reject(error))
@@ -247,9 +253,9 @@ function refreshBlockchainData(nodeList = []) {
 
 function closeFund(fund_id, floID, ref) {
     return new Promise((resolve, reject) => {
-        DB.query("SELECT r_status FROM CloseFundTransact WHERE fund_id=?", [fund_id]).then(result => {
+        DB.query("SELECT r_status, close_id FROM CloseFundTransact WHERE fund_id=?", [fund_id]).then(result => {
             if (result.length)
-                return reject(INVALID(eCode.DUPLICATE_ENTRY, `Fund closing already in process`));
+                return reject(INVALID(eCode.DUPLICATE_ENTRY, result[0].r_status == pCode.STATUS_SUCCESS ? `Fund investment already closed (${result[0].close_id})` : `Fund closing already in process`));
             DB.query("SELECT * FROM BobsFund WHERE fund_id=?", [fund_id]).then(result => {
                 if (!result.length)
                     return reject(INVALID(eCode.NOT_FOUND, 'Fund not found'));
@@ -279,7 +285,7 @@ function closeFund(fund_id, floID, ref) {
                     getRate.BTC_USD().then(btc_rate => {
                         getRate.USD_INR().then(usd_rate => {
                             let net_value = bobsFund.calcNetValue(fund.btc_base, btc_rate, fund.usd_base, usd_rate, investment.amount_in, fund.fee)
-                            DB.query("INSERT INTO CloseFundTransact(fund_id, floID, amount, end_date, btc_net, usd_net, ref_sign, r_status) VALUE ?", [[fund_id, floID, net_value, cur_date, btc_rate, usd_rate, ref, pCode.STATUS_PENDING]])
+                            DB.query("INSERT INTO CloseFundTransact(fund_id, floID, amount, end_date, btc_net, usd_net, ref_sign, r_status) VALUE (?)", [[fund_id, floID, net_value, cur_date, btc_rate, usd_rate, ref, pCode.STATUS_PENDING]])
                                 .then(result => resolve({ "USD_net": usd_rate, "BTC_net": btc_rate, "amount_out": net_value, "end_date": cur_date }))
                                 .catch(error => reject(error))
                         }).catch(error => reject(error))
@@ -291,7 +297,11 @@ function closeFund(fund_id, floID, ref) {
 }
 
 module.exports = {
-    refresh: refreshBlockchainData,
+    refresh(nodeList) {
+        refreshBlockchainData(nodeList)
+            .then(result => console.debug("Refreshed Bob's Fund data"))
+            .catch(error => console.error(error));
+    },
     set DB(db) {
         DB = db;
     },
diff --git a/src/services/bonds.js b/src/services/bonds.js
index 9f34068..7808ea4 100644
--- a/src/services/bonds.js
+++ b/src/services/bonds.js
@@ -88,7 +88,7 @@ const blockchainBond = (function () {
         return [
             `${productStr}`,
             `Base value: ${BTC_base} USD`,
-            `Date of bond start: ${start_date}`,
+            `Date of bond start: ${dateFormat(start_date)}`,
             `Guaranteed interest: ${guaranteed_interest}% per annum simple for ${guarantee_period}`,
             `Bond value: guaranteed interest or ${gain_cut}% of the gains whichever is higher`,
             `Amount invested: Rs ${amount}`,
@@ -122,7 +122,7 @@ const blockchainBond = (function () {
                 case "flo id of bond holder":
                     details["floID"] = d[1]; break;
             }
-        })
+        });
         return details;
     }
 
@@ -131,7 +131,7 @@ const blockchainBond = (function () {
             `${productStr}`,
             `Bond: ${bond_id}`,
             `End value: ${BTC_net} USD`,
-            `Date of bond end: ${end_date}`,
+            `Date of bond end: ${dateFormat(end_date)}`,
             `USD INR rate at end: ${USD_net}`,
             `Amount withdrawn: Rs ${amount} via ${payment_ref}`,
             `Reference: ${ref_sign}`
@@ -158,7 +158,8 @@ const blockchainBond = (function () {
                 case "reference":
                     details["refSign"] = d[1]; break;
             }
-        })
+        });
+        return details;
     }
 
     return {
@@ -189,12 +190,12 @@ function refreshBlockchainData(nodeList = []) {
             let lastTx = result.length ? result[0].num : 0;
             floBlockchainAPI.readData(blockchainBond.config.adminID, {
                 ignoreOld: lastTx,
-                senders: [nodeList].concat(blockchainBond.config.adminID), //sentOnly: true,
+                senders: nodeList.concat(blockchainBond.config.adminID), //sentOnly: true,
                 tx: true,
                 filter: d => d.startsWith(blockchainBond.productStr)
             }).then(result => {
                 let promises = [];
-                result.data.forEach(d => {
+                result.data.reverse().forEach(d => {
                     let bond = d.senders.has(blockchainBond.config.adminID) ? blockchainBond.parse.main(d.data) : null;
                     if (bond && bond.amount)
                         promises.push(DB.query("INSERT INTO BlockchainBonds(bond_id, floID, amount_in, begin_date, btc_base, usd_base, gain_cut, min_ipa, max_period, lockin_period) VALUES ? ON DUPLICATE KEY UPDATE bond_id=bond_id",
@@ -202,15 +203,17 @@ function refreshBlockchainData(nodeList = []) {
                     else {
                         let details = blockchainBond.parse.end(d.data);
                         if (details.bondID && details.amountFinal)
-                            promises.push(DB.query("UPDATE BlockchainBonds SET close_id=? amount_out=? WHERE bond_id=?", [d.txid, details.amountFinal, details.bondID]));
+                            promises.push(DB.query("UPDATE BlockchainBonds SET close_id=?, amount_out=? WHERE bond_id=?", [d.txid, details.amountFinal, details.bondID]));
                     }
                 });
-                promises.push(DB.query("INSERT INTO LastTx (floID, num) VALUE (?) ON DUPLICATE KEY UPDATE num=?", [[blockchainBond.config.adminID, result.totalTxs], result.totalTxs]));
                 Promise.allSettled(promises).then(results => {
                     //console.debug(results.filter(r => r.status === "rejected"));
                     if (results.reduce((a, r) => r.status === "rejected" ? ++a : a, 0))
-                        console.warn("Some bond data might not have been saved in database correctly");
-                    resolve(result.totalTxs);
+                        reject("Some bond data might not have been saved in database correctly");
+                    else
+                        DB.query("INSERT INTO LastTx (floID, num) VALUE (?) ON DUPLICATE KEY UPDATE num=?", [[blockchainBond.config.adminID, result.totalTxs], result.totalTxs])
+                            .then(_ => resolve(result.totalTxs))
+                            .catch(error => reject(error));
                 })
             }).catch(error => reject(error))
         }).catch(error => reject(error))
@@ -219,9 +222,9 @@ function refreshBlockchainData(nodeList = []) {
 
 function closeBond(bond_id, floID, ref) {
     return new Promise((resolve, reject) => {
-        DB.query("SELECT r_status FROM CloseBondTransact WHERE bond_id=?", [bond_id]).then(result => {
+        DB.query("SELECT r_status, close_id FROM CloseBondTransact WHERE bond_id=?", [bond_id]).then(result => {
             if (result.length)
-                return reject(INVALID(eCode.DUPLICATE_ENTRY, `Bond closing already in process`));
+                return reject(INVALID(eCode.DUPLICATE_ENTRY, result[0].r_status == pCode.STATUS_SUCCESS ? `Bond already closed (${result[0].close_id})` : `Bond closing already in process`));
             DB.query("SELECT * FROM BlockchainBonds WHERE bond_id=?", [bond_id]).then(result => {
                 if (!result.length)
                     return reject(INVALID(eCode.NOT_FOUND, 'Bond not found'));
@@ -236,7 +239,7 @@ function closeBond(bond_id, floID, ref) {
                     getRate.USD_INR().then(usd_rate => {
                         let end_date = new Date(),
                             net_value = blockchainBond.calcNetValue(bond.btc_base, btc_rate, bond.begin_date, bond.min_ipa, bond.max_period, bond.gain_cut, bond.amount_in, bond.usd_base, usd_rate);
-                        DB.query("INSERT INTO CloseBondTransact(bond_id, floID, amount, end_date, btc_net, usd_net, ref_sign, r_status) VALUE ?", [[bond_id, floID, net_value, end_date, btc_rate, usd_rate, ref, pCode.STATUS_PENDING]])
+                        DB.query("INSERT INTO CloseBondTransact(bond_id, floID, amount, end_date, btc_net, usd_net, ref_sign, r_status) VALUE (?)", [[bond_id, floID, net_value, end_date, btc_rate, usd_rate, ref, pCode.STATUS_PENDING]])
                             .then(result => resolve({ "USD_net": usd_rate, "BTC_net": btc_rate, "amount_out": net_value, "end_date": end_date }))
                             .catch(error => reject(error))
                     }).catch(error => reject(error))
@@ -247,7 +250,11 @@ function closeBond(bond_id, floID, ref) {
 }
 
 module.exports = {
-    refresh: refreshBlockchainData,
+    refresh(nodeList) {
+        refreshBlockchainData(nodeList)
+            .then(result => console.debug("Refreshed Blockchain-bonds data"))
+            .catch(error => console.error(error));
+    },
     set DB(db) {
         DB = db;
     },

From 821de1a6d7a7b126be09ce26d1947ec80af8a61c Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Sat, 29 Oct 2022 03:46:55 +0530
Subject: [PATCH 149/168] inscribing marketID in floExchangeAPI.js

- Inscribed marketID and market name inside floExchange.js
- Added getter for floExchangeAPI
  .adminID
  .application
  .nodeList
---
 docs/scripts/floExchangeAPI.js | 42 ++++++++++++++++++++++++++--------
 docs/scripts/floGlobals.js     |  3 +--
 src/main.js                    |  6 +++++
 3 files changed, 39 insertions(+), 12 deletions(-)

diff --git a/docs/scripts/floExchangeAPI.js b/docs/scripts/floExchangeAPI.js
index e84c2f6..ba5ebe5 100644
--- a/docs/scripts/floExchangeAPI.js
+++ b/docs/scripts/floExchangeAPI.js
@@ -1,8 +1,13 @@
 'use strict';
 
-(function (EXPORTS) { //floExchangeAPI v1.1.2
+(function (EXPORTS) { //floExchangeAPI v1.1.3
     const exchangeAPI = EXPORTS;
 
+    const DEFAULT = {
+        marketID: floGlobals.marketID || "FMxYC7gYZhouzqtHZukGnPiQ8nvG4CMzXM",
+        marketApp: "exchange"
+    }
+
     /*Kademlia DHT K-bucket implementation as a binary tree.*/
     /**
      * Implementation of a Kademlia DHT k-bucket used for storing
@@ -464,6 +469,23 @@
 
     var nodeList, nodeURL, nodeKBucket; //Container for (backup) node list
 
+    Object.defineProperties(exchangeAPI, {
+        adminID: {
+            get: () => DEFAULT.marketID
+        },
+        application: {
+            get: () => DEFAULT.marketApp
+        },
+        nodeList: {
+            get: () => {
+                if (Array.isArray(nodeList))
+                    return Array.from(nodeList);
+                else
+                    throw "Exchange API is not loaded";
+            }
+        }
+    });
+
     function fetch_api(api, options) {
         return new Promise((resolve, reject) => {
             let curPos = fetch_api.curPos || 0;
@@ -1300,7 +1322,7 @@
         return new Promise((resolve, reject) => {
             if (!floCrypto.verifyPrivKey(privKey, floID))
                 return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Invalid Private Key", errorCode.INVALID_PRIVATE_KEY));
-            if (floID !== floGlobals.adminID)
+            if (floID !== DEFAULT.marketID)
                 return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Access Denied", errorCode.ACCESS_DENIED));
             floTokenAPI.sendToken(privKey, amount, sinkID, '(add convert fund)', floGlobals.currency).then(txid => {
                 let request = {
@@ -1337,7 +1359,7 @@
         return new Promise((resolve, reject) => {
             if (!floCrypto.verifyPrivKey(privKey, floID))
                 return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Invalid Private Key", errorCode.INVALID_PRIVATE_KEY));
-            if (floID !== floGlobals.adminID)
+            if (floID !== DEFAULT.marketID)
                 return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Access Denied", errorCode.ACCESS_DENIED));
             let btc_id = btcOperator.convert.legacy2bech(floID),
                 btc_sink = btcOperator.convert.legacy2bech(sinkID);
@@ -1376,7 +1398,7 @@
         return new Promise((resolve, reject) => {
             if (!floCrypto.verifyPrivKey(privKey, floID))
                 return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Invalid Private Key", errorCode.INVALID_PRIVATE_KEY));
-            if (floID !== floGlobals.adminID)
+            if (floID !== DEFAULT.marketID)
                 return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Access Denied", errorCode.ACCESS_DENIED));
             let request = {
                 floID: floID,
@@ -1411,7 +1433,7 @@
         return new Promise((resolve, reject) => {
             if (!floCrypto.verifyPrivKey(privKey, floID))
                 return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Invalid Private Key", errorCode.INVALID_PRIVATE_KEY));
-            if (floID !== floGlobals.adminID)
+            if (floID !== DEFAULT.marketID)
                 return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Access Denied", errorCode.ACCESS_DENIED));
             let request = {
                 floID: floID,
@@ -1504,7 +1526,7 @@
         })
     }
 
-    exchangeAPI.init = function refreshDataFromBlockchain(adminID = floGlobals.adminID, appName = floGlobals.application) {
+    exchangeAPI.init = function refreshDataFromBlockchain() {
         return new Promise((resolve, reject) => {
             let nodes, assets, tags, lastTx;
             try {
@@ -1521,13 +1543,13 @@
                 tags = new Set();
                 lastTx = 0;
             }
-            floBlockchainAPI.readData(adminID, {
+            floBlockchainAPI.readData(DEFAULT.marketID, {
                 ignoreOld: lastTx,
                 sentOnly: true,
-                pattern: appName
+                pattern: DEFAULT.marketApp
             }).then(result => {
                 result.data.reverse().forEach(data => {
-                    var content = JSON.parse(data)[appName];
+                    var content = JSON.parse(data)[DEFAULT.marketApp];
                     //Node List
                     if (content.Nodes) {
                         if (content.Nodes.remove)
@@ -1557,7 +1579,7 @@
                 localStorage.setItem('exchange-assets', Array.from(assets).join(","));
                 localStorage.setItem('exchange-tags', Array.from(tags).join(","));
                 nodeURL = nodes;
-                nodeKBucket = new K_Bucket(adminID, Object.keys(nodeURL));
+                nodeKBucket = new K_Bucket(DEFAULT.marketID, Object.keys(nodeURL));
                 nodeList = nodeKBucket.order;
                 resolve(nodes);
             }).catch(error => reject(error));
diff --git a/docs/scripts/floGlobals.js b/docs/scripts/floGlobals.js
index 3ca2f62..07e4369 100644
--- a/docs/scripts/floGlobals.js
+++ b/docs/scripts/floGlobals.js
@@ -1,7 +1,6 @@
 const floGlobals = {
     blockchain: "FLO",
-    application: "exchange",
-    adminID: "FMxYC7gYZhouzqtHZukGnPiQ8nvG4CMzXM",
+    marketID: "FMxYC7gYZhouzqtHZukGnPiQ8nvG4CMzXM",
     currency: "rupee"
 };
 
diff --git a/src/main.js b/src/main.js
index 54adb1c..e92dc41 100644
--- a/src/main.js
+++ b/src/main.js
@@ -7,6 +7,12 @@ global.floBlockchainAPI = require('../docs/scripts/floBlockchainAPI');
 global.floTokenAPI = require('../docs/scripts/floTokenAPI');
 global.btcOperator = require('../docs/scripts/btcOperator');
 
+(function () {
+    const { adminID, application } = require("../docs/scripts/floExchangeAPI");
+    floGlobals.adminID = adminID;
+    floGlobals.application = application;
+})();
+
 const Database = require("./database");
 const App = require('./app');
 

From e4adaf7ed7cf038898ebd18bf332e09ba355bf27 Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Sat, 5 Nov 2022 03:56:40 +0530
Subject: [PATCH 150/168] Minor changes and Bug fixes

- deduce BTC fee from users
- If timeout rejected tx are confirmed, refund the asset
- Blockchain bond and Bob's fund withdraw now sends equivalent BTC to users (via BTC blockchain)
- Fixed minor bugs
- Changed toFixed (fn to limit the decimal) to toStandardDecimal (set_global.js)
---
 args/schema.sql             |   2 +
 docs/scripts/btcOperator.js |  67 +++++++++++++++---------
 src/background.js           | 100 +++++++++++++++++++++++++++---------
 src/blockchain.js           |  28 +++++-----
 src/coupling.js             |   2 +-
 src/market.js               |   6 +--
 src/price.js                |  10 ++--
 src/services/bobs-fund.js   |   2 +-
 src/services/conversion.js  |   2 +-
 src/set_globals.js          |   2 +
 10 files changed, 146 insertions(+), 75 deletions(-)

diff --git a/args/schema.sql b/args/schema.sql
index 8bc523f..0b7fcf4 100644
--- a/args/schema.sql
+++ b/args/schema.sql
@@ -288,6 +288,8 @@ CREATE TABLE DirectConvert(
 CREATE TABLE RefundTransact(
     id INT NOT NULL AUTO_INCREMENT,
     floID CHAR(34) NOT NULL,
+    asset_type TINYINT NOT NULL,
+    asset VARCHAR(32) NOT NULL,
     amount DECIMAL(16, 8),
     in_txid VARCHAR(128),
     out_txid VARCHAR(128),
diff --git a/docs/scripts/btcOperator.js b/docs/scripts/btcOperator.js
index bb0b7ca..baa70a5 100644
--- a/docs/scripts/btcOperator.js
+++ b/docs/scripts/btcOperator.js
@@ -1,4 +1,4 @@
-(function (EXPORTS) { //btcOperator v1.0.12
+(function (EXPORTS) { //btcOperator v1.0.13
     /* BTC Crypto and API Operator */
     const btcOperator = EXPORTS;
 
@@ -307,8 +307,8 @@
         parameters.receivers.forEach(id => !validateAddress(id) ? invalids.push(id) : null);
         if (invalids.length)
             throw "Invalid receivers:" + invalids;
-        if (parameters.change_addr && !validateAddress(parameters.change_addr))
-            throw "Invalid change_address:" + parameters.change_addr;
+        if (parameters.change_address && !validateAddress(parameters.change_address))
+            throw "Invalid change_address:" + parameters.change_address;
         //fee and amounts
         if ((typeof parameters.fee !== "number" || parameters.fee <= 0) && parameters.fee !== null) //fee = null (auto calc)
             throw "Invalid fee:" + parameters.fee;
@@ -323,16 +323,29 @@
         return parameters;
     }
 
-    function createTransaction(senders, redeemScripts, receivers, amounts, fee, change_addr) {
+    function createTransaction(senders, redeemScripts, receivers, amounts, fee, change_address, fee_from_receiver) {
         return new Promise((resolve, reject) => {
             let total_amount = parseFloat(amounts.reduce((t, a) => t + a, 0).toFixed(8));
             const tx = coinjs.transaction();
-            let output_size = addOutputs(tx, receivers, amounts, change_addr);
+            let output_size = addOutputs(tx, receivers, amounts, change_address);
             addInputs(tx, senders, redeemScripts, total_amount, fee, output_size).then(result => {
-                if (result.change_amount > 0)
+                if (result.change_amount > 0)   //add change amount if any
                     tx.outs[tx.outs.length - 1].value = parseInt(result.change_amount * SATOSHI_IN_BTC); //values are in satoshi
-                else
-                    tx.outs.pop(); //remove the change output if no change_amount
+                if (fee_from_receiver) { //deduce fee from receivers if fee_from_receiver
+                    let fee_remaining = parseInt(result.fee * SATOSHI_IN_BTC);
+                    for (let i = 0; i < tx.outs.length - 1 && fee_remaining > 0; i++) {
+                        if (fee_remaining < tx.outs[i].value) {
+                            tx.outs[i].value -= fee_remaining;
+                            fee_remaining = 0;
+                        } else {
+                            fee_remaining -= tx.outs[i].value;
+                            tx.outs[i].value = 0;
+                        }
+                    }
+                    if (fee_remaining > 0)
+                        return reject("Send amount is less than fee");
+                }
+                tx.outs = tx.outs.filter(o => o.value !== 0); //remove all output with value 0
                 result.output_size = output_size;
                 result.output_amount = total_amount;
                 result.total_size = BASE_TX_SIZE + output_size + result.input_size;
@@ -342,10 +355,10 @@
         })
     }
 
-    function addInputs(tx, senders, redeemScripts, total_amount, fee, output_size) {
+    function addInputs(tx, senders, redeemScripts, total_amount, fee, output_size, fee_from_receiver) {
         return new Promise((resolve, reject) => {
             if (fee !== null) {
-                addUTXOs(tx, senders, redeemScripts, total_amount + fee, false).then(result => {
+                addUTXOs(tx, senders, redeemScripts, fee_from_receiver ? total_amount : total_amount + fee, false).then(result => {
                     result.fee = fee;
                     resolve(result);
                 }).catch(error => reject(error))
@@ -353,7 +366,10 @@
                 get_fee_rate().then(fee_rate => {
                     let net_fee = BASE_TX_SIZE * fee_rate;
                     net_fee += (output_size * fee_rate);
-                    addUTXOs(tx, senders, redeemScripts, total_amount + net_fee, fee_rate).then(result => {
+                    (fee_from_receiver ?
+                        addUTXOs(tx, senders, redeemScripts, total_amount, false) :
+                        addUTXOs(tx, senders, redeemScripts, total_amount + net_fee, fee_rate)
+                    ).then(result => {
                         result.fee = parseFloat((net_fee + (result.input_size * fee_rate)).toFixed(8));
                         result.fee_rate = fee_rate;
                         resolve(result);
@@ -416,14 +432,14 @@
         })
     }
 
-    function addOutputs(tx, receivers, amounts, change_addr) {
+    function addOutputs(tx, receivers, amounts, change_address) {
         let size = 0;
         for (let i in receivers) {
             tx.addoutput(receivers[i], amounts[i]);
             size += _sizePerOutput(receivers[i]);
         }
-        tx.addoutput(change_addr, 0);
-        size += _sizePerOutput(change_addr);
+        tx.addoutput(change_address, 0);
+        size += _sizePerOutput(change_address);
         return size;
     }
 
@@ -464,9 +480,9 @@
     }
     */
 
-    btcOperator.sendTx = function (senders, privkeys, receivers, amounts, fee, change_addr = null) {
+    btcOperator.sendTx = function (senders, privkeys, receivers, amounts, fee = null, options = {}) {
         return new Promise((resolve, reject) => {
-            createSignedTx(senders, privkeys, receivers, amounts, fee, change_addr).then(result => {
+            createSignedTx(senders, privkeys, receivers, amounts, fee, options).then(result => {
                 debugger;
                 broadcastTx(result.transaction.serialize())
                     .then(txid => resolve(txid))
@@ -475,7 +491,7 @@
         })
     }
 
-    const createSignedTx = btcOperator.createSignedTx = function (senders, privkeys, receivers, amounts, fee = null, change_addr = null) {
+    const createSignedTx = btcOperator.createSignedTx = function (senders, privkeys, receivers, amounts, fee = null, options = {}) {
         return new Promise((resolve, reject) => {
             try {
                 ({
@@ -489,7 +505,7 @@
                     receivers,
                     amounts,
                     fee,
-                    change_addr
+                    change_address: options.change_address
                 }));
             } catch (e) {
                 return reject(e)
@@ -504,7 +520,7 @@
             if (redeemScripts.includes(null)) //TODO: segwit
                 return reject("Unable to get redeem-script");
             //create transaction
-            createTransaction(senders, redeemScripts, receivers, amounts, fee, change_addr || senders[0]).then(result => {
+            createTransaction(senders, redeemScripts, receivers, amounts, fee, options.change_address || senders[0], options.fee_from_receiver).then(result => {
                 let tx = result.transaction;
                 console.debug("Unsigned:", tx.serialize());
                 new Set(wif_keys).forEach(key => console.debug("Signing key:", key, tx.sign(key, 1 /*sighashtype*/))); //Sign the tx using private key WIF
@@ -514,7 +530,7 @@
         })
     }
 
-    btcOperator.createTx = function (senders, receivers, amounts, fee = null, change_addr = null) {
+    btcOperator.createTx = function (senders, receivers, amounts, fee = null, options = {}) {
         return new Promise((resolve, reject) => {
             try {
                 ({
@@ -526,7 +542,7 @@
                     receivers,
                     amounts,
                     fee,
-                    change_addr
+                    change_address: options.change_address
                 }));
             } catch (e) {
                 return reject(e)
@@ -535,7 +551,7 @@
             if (redeemScripts.includes(null)) //TODO: segwit
                 return reject("Unable to get redeem-script");
             //create transaction
-            createTransaction(senders, redeemScripts, receivers, amounts, fee, change_addr || senders[0]).then(result => {
+            createTransaction(senders, redeemScripts, receivers, amounts, fee, options.change_address || senders[0], options.fee_from_receiver).then(result => {
                 result.tx_hex = result.transaction.serialize();
                 delete result.transaction;
                 resolve(result);
@@ -543,7 +559,7 @@
         })
     }
 
-    btcOperator.createMultiSigTx = function (sender, redeemScript, receivers, amounts, fee = null) {
+    btcOperator.createMultiSigTx = function (sender, redeemScript, receivers, amounts, fee = null, options = {}) {
         return new Promise((resolve, reject) => {
             //validate tx parameters
             if (validateAddress(sender) !== "multisig")
@@ -561,13 +577,14 @@
                 } = validateTxParameters({
                     receivers,
                     amounts,
-                    fee
+                    fee,
+                    change_address: options.change_address
                 }));
             } catch (e) {
                 return reject(e)
             }
             //create transaction
-            createTransaction([sender], [redeemScript], receivers, amounts, fee, sender).then(result => {
+            createTransaction([sender], [redeemScript], receivers, amounts, fee, options.change_address || sender, options.fee_from_receiver).then(result => {
                 result.tx_hex = result.transaction.serialize();
                 delete result.transaction;
                 resolve(result);
diff --git a/src/background.js b/src/background.js
index 8aad551..a5acb23 100644
--- a/src/background.js
+++ b/src/background.js
@@ -152,7 +152,7 @@ function retryVaultWithdrawal() {
             } else if (r.asset_type == pCode.ASSET_TYPE_TOKEN)
                 blockchain.withdrawAsset.retry(r.floID, r.asset, r.amount, r.id)
         })
-    }).catch(error => reject(error))
+    }).catch(error => console.error(error))
 }
 
 function confirmVaultWithdraw() {
@@ -210,7 +210,16 @@ verifyTx.BTC = function (sender, txid) {
 }
 
 function verifyConvert() {
-    DB.query("UPDATE DirectConvert SET r_status=? WHERE r_status=? AND locktime<?", [pCode.STATUS_REJECTED, pCode.STATUS_PENDING, new Date(Date.now() - REQUEST_TIMEOUT)]).then(result => {
+    //Set all timeout convert request to refund mode (thus, asset will be refund if tx gets confirmed later)
+    let req_timeout = new Date(Date.now() - REQUEST_TIMEOUT),
+        to_refund_sql = "INSERT INTO RefundTransact (floID, in_txid, asset_type, asset, r_status)" +
+            " SELECT floID, in_txid, ? AS asset_type, ? AS asset, r_status" +
+            " WHERE r_status=? AND locktime<? AND mode=?";
+    let txQueries = [];
+    txQueries.push([to_refund_sql, [pCode.ASSET_TYPE_TOKEN, floGlobals.currency, pCode.STATUS_PENDING, req_timeout, pCode.CONVERT_MODE_GET]]);
+    txQueries.push([to_refund_sql, [pCode.ASSET_TYPE_COIN, "BTC", pCode.STATUS_PENDING, req_timeout, pCode.CONVERT_MODE_PUT]]);
+    txQueries.push(["UPDATE DirectConvert SET r_status=? WHERE r_status=? AND locktime<?", [pCode.STATUS_REJECTED, pCode.STATUS_PENDING, req_timeout]]);
+    DB.transaction(txQueries).then(result => {
         DB.query("SELECT id, floID, mode, in_txid, amount, quantity FROM DirectConvert WHERE r_status=? AND coin=?", [pCode.STATUS_PENDING, "BTC"]).then(results => {
             results.forEach(r => {
                 if (r.mode == pCode.CONVERT_MODE_GET) {
@@ -242,7 +251,7 @@ function verifyConvert() {
                 }
             })
         }).catch(error => console.error(error))
-    }).catch(error => reject(error))
+    }).catch(error => console.error(error))
 }
 
 function retryConvert() {
@@ -345,11 +354,34 @@ function confirmConvertFundWithdraw() {
 }
 
 function verifyRefund() {
-    DB.query("SELECT id, floID, in_txid FROM RefundTransact WHERE r_status=?", [pCode.STATUS_PENDING]).then(results => {
+    DB.query("SELECT id, floID, asset_type, asset, in_txid FROM RefundTransact WHERE r_status=?", [pCode.STATUS_PENDING]).then(results => {
         results.forEach(r => {
-            verifyTx.token(r.floID, r.in_txid, true)
-                .then(({ amount }) => blockchain.refundTransact.init(r.floID, amount, r.id))
-                .catch(error => {
+            if (r.ASSET_TYPE_COIN) {
+                if (r.asset == "FLO")
+                    verifyTx.FLO(r.floID, r.in_txid)
+                        .then(amount => blockchain.refundTransact.init(r.floID, r.asset, amount, r.id))
+                        .catch(error => {
+                            console.error(error);
+                            if (error[0])
+                                DB.query("UPDATE RefundTransact SET r_status=? WHERE id=?", [pCode.STATUS_REJECTED, r.id])
+                                    .then(_ => null).catch(error => console.error(error));
+                        });
+                else if (r.asset == "BTC")
+                    verifyTx.BTC(r.floID, r.in_txid)
+                        .then(amount => blockchain.refundTransact.init(r.floID, r.asset, amount, r.id))
+                        .catch(error => {
+                            console.error(error);
+                            if (error[0])
+                                DB.query("UPDATE RefundTransact SET r_status=? WHERE id=?", [pCode.STATUS_REJECTED, r.id])
+                                    .then(_ => null).catch(error => console.error(error));
+                        });
+            } else if (r.ASSET_TYPE_TOKEN)
+                verifyTx.token(r.floID, r.in_txid).then(({ token, amount }) => {
+                    if (token !== r.asset)
+                        throw ([true, "Transaction token mismatched"]);
+                    else
+                        blockchain.refundTransact.init(r.floID, token, amount, r.id);
+                }).catch(error => {
                     console.error(error);
                     if (error[0])
                         DB.query("UPDATE RefundTransact SET r_status=? WHERE id=?", [pCode.STATUS_REJECTED, r.id])
@@ -360,36 +392,54 @@ function verifyRefund() {
 }
 
 function retryRefund() {
-    DB.query("SELECT id, floID, amount FROM RefundTransact WHERE r_status=?", [pCode.STATUS_PROCESSING]).then(results => {
-        results.forEach(r => blockchain.refundTransact.retry(r.floID, r.amount, r.id))
+    DB.query("SELECT id, floID, asset, amount FROM RefundTransact WHERE r_status=?", [pCode.STATUS_PROCESSING]).then(results => {
+        results.forEach(r => blockchain.refundTransact.retry(r.floID, r.asset, r.amount, r.id))
     }).catch(error => console.error(error))
 }
 
 function confirmRefund() {
     DB.query("SELECT * FROM RefundTransact WHERE r_status=?", [pCode.STATUS_CONFIRMATION]).then(results => {
-        results.forEach(r => {
-            floTokenAPI.getTx(r.out_txid).then(tx => {
-                if (!tx.transactionDetails.blockheight || !tx.transactionDetails.confirmations) //Still not confirmed
-                    return;
-                DB.query("UPDATE RefundTransact SET r_status=? WHERE id=?", [pCode.STATUS_SUCCESS, r.id])
-                    .then(result => console.info(`Refunded ${r.amount} to ${r.floID}`))
-                    .catch(error => console.error(error));
-            }).catch(error => console.error(error));
+        results.forEach(r => { //TODO
+            if (r.ASSET_TYPE_COIN) {
+                if (r.asset == "FLO")
+                    floBlockchainAPI.getTx(r.out_txid).then(tx => {
+                        if (!tx.blockheight || !tx.confirmations) //Still not confirmed
+                            return;
+                        DB.query("UPDATE RefundTransact SET r_status=? WHERE id=?", [pCode.STATUS_SUCCESS, r.id])
+                            .then(result => console.info(`Refunded ${r.amount} ${r.asset} to ${r.floID}`))
+                            .catch(error => console.error(error))
+                    }).catch(error => console.error(error));
+                else if (r.asset == "BTC")
+                    btcOperator.getTx(r.out_txid).then(tx => {
+                        if (!tx.blockhash || !tx.confirmations) //Still not confirmed
+                            return;
+                        DB.query("UPDATE RefundTransact SET r_status=? WHERE id=?", [pCode.STATUS_SUCCESS, r.id])
+                            .then(result => console.info(`Refunded ${r.amount} ${r.asset} to ${r.floID}`))
+                            .catch(error => console.error(error))
+                    }).catch(error => console.error(error));
+            } else if (r.ASSET_TYPE_TOKEN)
+                floTokenAPI.getTx(r.out_txid).then(tx => {
+                    if (!tx.transactionDetails.blockheight || !tx.transactionDetails.confirmations) //Still not confirmed
+                        return;
+                    DB.query("UPDATE RefundTransact SET r_status=? WHERE id=?", [pCode.STATUS_SUCCESS, r.id])
+                        .then(result => console.info(`Refunded ${r.amount} ${r.asset} to ${r.floID}`))
+                        .catch(error => console.error(error));
+                }).catch(error => console.error(error));
         })
     }).catch(error => console.error(error))
 }
 
 function retryBondClosing() {
-    DB.query("SELECT id, floID, amount FROM CloseBondTransact WHERE r_status=?", [pCode.STATUS_PENDING]).then(results => {
-        results.forEach(r => blockchain.bondTransact.retry(r.floID, r.amount, r.id))
+    DB.query("SELECT id, floID, amount, btc_net, usd_net FROM CloseBondTransact WHERE r_status=?", [pCode.STATUS_PENDING]).then(results => {
+        results.forEach(r => blockchain.bondTransact.retry(r.floID, r.amount, r.btc_net, r.usd_net, r.id))
     }).catch(error => console.error(error))
 }
 
 function confirmBondClosing() {
     DB.query("SELECT * FROM CloseBondTransact WHERE r_status=?", [pCode.STATUS_CONFIRMATION]).then(results => {
         results.forEach(r => {
-            floTokenAPI.getTx(r.txid).then(tx => {
-                if (!tx.transactionDetails.blockheight || !tx.transactionDetails.confirmations) //Still not confirmed
+            btcOperator.getTx(r.txid).then(tx => {
+                if (!tx.blockhash || !tx.confirmations) //Still not confirmed
                     return;
                 let closeBondString = bond_util.stringify.end(r.bond_id, r.end_date, r.btc_net, r.usd_net, r.amount, r.ref_sign, r.txid);
                 floBlockchainAPI.writeData(global.myFloID, closeBondString, global.myPrivKey, bond_util.config.adminID).then(txid => {
@@ -403,16 +453,16 @@ function confirmBondClosing() {
 }
 
 function retryFundClosing() {
-    DB.query("SELECT id, floID, amount FROM CloseFundTransact WHERE r_status=?", [pCode.STATUS_PENDING]).then(results => {
-        results.forEach(r => blockchain.fundTransact.retry(r.floID, r.amount, r.id))
+    DB.query("SELECT id, floID, amount, btc_net, usd_net FROM CloseFundTransact WHERE r_status=?", [pCode.STATUS_PENDING]).then(results => {
+        results.forEach(r => blockchain.fundTransact.retry(r.floID, r.amount, r.btc_net, r.usd_net, r.id))
     }).catch(error => console.error(error))
 }
 
 function confirmFundClosing() {
     DB.query("SELECT * FROM CloseFundTransact WHERE r_status=?", [pCode.STATUS_CONFIRMATION]).then(results => {
         results.forEach(r => {
-            floTokenAPI.getTx(r.txid).then(tx => {
-                if (!tx.transactionDetails.blockheight || !tx.transactionDetails.confirmations) //Still not confirmed
+            btcOperator.getTx(r.txid).then(tx => {
+                if (!tx.blockhash || !tx.confirmations) //Still not confirmed
                     return;
                 let closeFundString = fund_util.stringify.end(r.fund_id, r.floID, r.end_date, r.btc_net, r.usd_net, r.amount, r.ref_sign, r.txid);
                 floBlockchainAPI.writeData(global.myFloID, closeFundString, global.myPrivKey, fund_util.config.adminID).then(txid => {
diff --git a/src/blockchain.js b/src/blockchain.js
index 60f9e42..13aec35 100644
--- a/src/blockchain.js
+++ b/src/blockchain.js
@@ -79,7 +79,7 @@ function sendTx(floID, asset, quantity, sinkID, sinkKey, message) {
         case "BTC":
             let btc_sinkID = btcOperator.convert.legacy2bech(sinkID),
                 btc_receiver = btcOperator.convert.legacy2bech(floID);
-            return btcOperator.sendTx(btc_sinkID, sinkKey, btc_receiver, quantity, null);
+            return btcOperator.sendTx(btc_sinkID, sinkKey, btc_receiver, quantity, null, { fee_from_receiver: true });
         default:
             return floTokenAPI.sendToken(sinkKey, quantity, floID, message, asset);
     }
@@ -95,6 +95,7 @@ const updateSyntax = {
 };
 
 function sendAsset(floID, asset, quantity, type, id) {
+    quantity = global.toStandardDecimal(quantity);
     getSinkID(quantity, asset).then(sinkID => {
         let callback = (sinkKey) => {
             //Send asset to user via API
@@ -118,7 +119,7 @@ function sendAsset(floID, asset, quantity, type, id) {
 }
 
 function withdrawAsset_init(floID, asset, amount) {
-    amount = parseFloat(amount.toFixed(8));
+    amount = global.toStandardDecimal(amount);
     let asset_type = ["FLO", "BTC"].includes(asset) ? pCode.ASSET_TYPE_COIN : pCode.ASSET_TYPE_TOKEN;
     DB.query("INSERT INTO VaultTransactions (floID, mode, asset_type, asset, amount, r_status) VALUES (?)", [[floID, pCode.VAULT_MODE_WITHDRAW, asset_type, asset, amount, pCode.STATUS_PENDING]])
         .then(result => sendAsset(floID, asset, amount, TYPE_VAULT, result.insertId))
@@ -132,7 +133,7 @@ function withdrawAsset_retry(floID, asset, amount, id) {
 }
 
 function convertToCoin_init(floID, coin, currency_amount, rate, id) {
-    let coin_quantity = parseFloat((currency_amount / rate).toFixed(8));
+    let coin_quantity = global.toStandardDecimal(currency_amount / rate);
     DB.query("UPDATE DirectConvert SET quantity=?, r_status=?, rate=?, locktime=DEFAULT WHERE id=?", [coin_quantity, pCode.STATUS_PROCESSING, rate, id])
         .then(result => sendAsset(floID, coin, coin_quantity, TYPE_CONVERT, id))
         .catch(error => console.error(error))
@@ -145,7 +146,7 @@ function convertToCoin_retry(floID, coin, coin_quantity, id) {
 }
 
 function convertFromCoin_init(floID, coin_quantity, rate, id) {
-    let currency_amount = parseFloat((coin_quantity * rate).toFixed(8));
+    let currency_amount = global.toStandardDecimal(coin_quantity * rate);
     DB.query("UPDATE DirectConvert SET amount=?, r_status=?, rate=?, locktime=DEFAULT WHERE id=?", [currency_amount, pCode.STATUS_PROCESSING, rate, id])
         .then(result => sendAsset(floID, floGlobals.currency, currency_amount, TYPE_CONVERT, id))
         .catch(error => console.error(error))
@@ -163,29 +164,28 @@ function convertFundWithdraw_retry(asset, amount, id) {
     else sendAsset(floGlobals.adminID, asset, amount, TYPE_CONVERT_POOL, id);
 }
 
-function bondTransact_retry(floID, amount, id) {
+function bondTransact_retry(floID, amount, btc_rate, usd_rate, id) {
     if (id in callbackCollection[TYPE_BOND])
         console.debug("A callback is already pending for this Bond closing");
-    else sendAsset(floID, floGlobals.currency, amount, TYPE_BOND, id);
+    else sendAsset(floID, "BTC", amount / (btc_rate * usd_rate), TYPE_BOND, id);
 }
-
-function fundTransact_retry(floID, amount, id) {
+function fundTransact_retry(floID, amount, btc_rate, usd_rate, id) {
     if (id in callbackCollection[TYPE_FUND])
         console.debug("A callback is already pending for this Fund investment closing");
-    else sendAsset(floID, floGlobals.currency, amount, TYPE_FUND, id);
+    else sendAsset(floID, "BTC", amount / (btc_rate * usd_rate), TYPE_FUND, id);
 }
 
-function refundTransact_init(floID, amount, id) {
-    amount = parseFloat(amount.toFixed(8));
+function refundTransact_init(floID, asset, amount, id) {
+    amount = global.toStandardDecimal(amount);
     DB.query("UPDATE RefundTransact SET amount=?, r_status=?, locktime=DEFAULT WHERE id=?", [amount, pCode.STATUS_PROCESSING, id])
-        .then(result => sendAsset(floID, floGlobals.currency, amount, TYPE_REFUND, id))
+        .then(result => sendAsset(floID, asset, amount, TYPE_REFUND, id))
         .catch(error => console.error(error))
 }
 
-function refundTransact_retry(floID, amount, id) {
+function refundTransact_retry(floID, asset, amount, id) {
     if (id in callbackCollection[TYPE_REFUND])
         console.debug("A callback is already pending for this Refund");
-    else sendAsset(floID, floGlobals.currency, amount, TYPE_REFUND, id);
+    else sendAsset(floID, asset, amount, TYPE_REFUND, id);
 }
 
 module.exports = {
diff --git a/src/coupling.js b/src/coupling.js
index d250af9..c9a87e8 100644
--- a/src/coupling.js
+++ b/src/coupling.js
@@ -34,7 +34,7 @@ function startCouplingForAsset(asset, updatePrice = false) {
         return;
     }
     price.getRates(asset, updatePrice).then(cur_rate => {
-        cur_rate = cur_rate.toFixed(8);
+        cur_rate = global.toStandardDecimal(cur_rate);
         couplingInstance[asset] = true; //set instance as running
         recursiveCoupling(asset, cur_rate, updatePrice);
     }).catch(error => console.error(error));
diff --git a/src/market.js b/src/market.js
index 8dae1cb..8959692 100644
--- a/src/market.js
+++ b/src/market.js
@@ -71,7 +71,7 @@ getBalance.floID_token = (floID, token) => new Promise((resolve, reject) => {
     DB.query("SELECT quantity AS balance FROM UserBalance WHERE floID=? AND token=?", [floID, token]).then(result => resolve({
         floID,
         token,
-        balance: result.length ? result[0].balance.toFixed(8) : 0
+        balance: result.length ? global.toStandardDecimal(result[0].balance) : 0
     })).catch(error => reject(error))
 });
 
@@ -82,7 +82,7 @@ getBalance.floID = (floID) => new Promise((resolve, reject) => {
             balance: {}
         };
         for (let row of result)
-            response.balance[row.token] = row.balance.toFixed(8);
+            response.balance[row.token] = global.toStandardDecimal(row.balance);
         resolve(response);
     }).catch(error => reject(error))
 });
@@ -94,7 +94,7 @@ getBalance.token = (token) => new Promise((resolve, reject) => {
             balance: {}
         };
         for (let row of result)
-            response.balance[row.floID] = row.balance.toFixed(8);
+            response.balance[row.floID] = global.toStandardDecimal(row.balance);
         resolve(response);
     }).catch(error => reject(error))
 });
diff --git a/src/price.js b/src/price.js
index 669e9da..4c43924 100644
--- a/src/price.js
+++ b/src/price.js
@@ -22,11 +22,11 @@ const updateLastTime = asset => lastTime[asset] = Date.now();
 
 //store FLO price in DB every 1 hr
 function storeHistory(asset, rate) {
-    DB.query("INSERT INTO PriceHistory (asset, rate) VALUE (?)", [[asset, rate.toFixed(8)]])
+    DB.query("INSERT INTO PriceHistory (asset, rate) VALUE (?)", [[asset, global.toStandardDecimal(rate)]])
         .then(_ => null).catch(error => console.error(error))
 }
 
-storeHistory.start = function() {
+storeHistory.start = function () {
     storeHistory.stop();
     storeHistory.instance = setInterval(() => {
         for (let asset in currentRate)
@@ -34,7 +34,7 @@ storeHistory.start = function() {
     }, REC_HISTORY_INTERVAL);
 }
 
-storeHistory.stop = function() {
+storeHistory.stop = function () {
     if (storeHistory.instance !== undefined) {
         clearInterval(storeHistory.instance);
         delete storeHistory.instance;
@@ -157,8 +157,8 @@ function checkForRatedSellers(asset) {
             DB.query("SELECT COUNT(*) as value FROM SellOrder WHERE floID IN (" +
                 " SELECT UserTag.floID FROM UserTag INNER JOIN TagList ON UserTag.tag = TagList.tag" +
                 " WHERE TagList.sellPriority > ?) AND asset=?", [ratedMin, asset]).then(result => {
-                resolve(result[0].value > 0);
-            }).catch(error => reject(error))
+                    resolve(result[0].value > 0);
+                }).catch(error => reject(error))
         }).catch(error => reject(error))
     })
 }
diff --git a/src/services/bobs-fund.js b/src/services/bobs-fund.js
index f71a74e..7c90a08 100644
--- a/src/services/bobs-fund.js
+++ b/src/services/bobs-fund.js
@@ -253,7 +253,7 @@ function refreshBlockchainData(nodeList = []) {
 
 function closeFund(fund_id, floID, ref) {
     return new Promise((resolve, reject) => {
-        DB.query("SELECT r_status, close_id FROM CloseFundTransact WHERE fund_id=?", [fund_id]).then(result => {
+        DB.query("SELECT r_status, close_id FROM CloseFundTransact WHERE fund_id=? AND floID=?", [fund_id, floID]).then(result => {
             if (result.length)
                 return reject(INVALID(eCode.DUPLICATE_ENTRY, result[0].r_status == pCode.STATUS_SUCCESS ? `Fund investment already closed (${result[0].close_id})` : `Fund closing already in process`));
             DB.query("SELECT * FROM BobsFund WHERE fund_id=?", [fund_id]).then(result => {
diff --git a/src/services/conversion.js b/src/services/conversion.js
index 44c7987..38b38d0 100644
--- a/src/services/conversion.js
+++ b/src/services/conversion.js
@@ -96,7 +96,7 @@ function convertToCoin(floID, txid, coin, amount) {
             }).catch(error => {
                 if (error instanceof INVALID && error.ecode === eCode.INSUFFICIENT_FUND)
                     DB.query("INSERT INTO DirectConvert(floID, in_txid, mode, coin, amount, r_status) VALUES (?)", [[floID, txid, pCode.CONVERT_MODE_GET, coin, amount, pCode.STATUS_REJECTED]]).then(result => {
-                        DB.query("INSERT INTO RefundTransact(floID, in_txid, amount, r_status) VALUES (?)", [[floID, txid, amount, pCode.STATUS_PENDING]])
+                        DB.query("INSERT INTO RefundTransact(floID, in_txid, asset_type, asset, r_status) VALUES (?)", [[floID, txid, pCode.ASSET_TYPE_TOKEN, floGlobals.currency, pCode.STATUS_PENDING]])
                             .then(_ => null).catch(error => console.error(error));
                     }).catch(error => console.error(error))
                 reject(error);
diff --git a/src/set_globals.js b/src/set_globals.js
index 20cae60..39756ad 100644
--- a/src/set_globals.js
+++ b/src/set_globals.js
@@ -13,6 +13,8 @@ try {
         global[p] = param[p];
 }
 
+global.toStandardDecimal = num => (parseInt(num * 1e8) * 1e-8)
+
 if (!process.argv.includes("--debug"))
     global.console.debug = () => null;
 

From 178fcf4ce2678f4d6f5100a4ee86a990b9468fb5 Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Sat, 12 Nov 2022 04:29:28 +0530
Subject: [PATCH 151/168] Update database module

- Updated database module so that other modules can use it directly by require()
- use path module where-ever needed
- Fixed: public directory not viewed in browser when opening the link
---
 setup/configure-settings.js |   3 +-
 setup/create-schema.js      |   7 +-
 setup/reset-password.js     |   5 +-
 src/app.js                  |   7 +-
 src/background.js           |   7 +-
 src/backup/head.js          |   8 +-
 src/backup/slave.js         |   8 +-
 src/backup/sync.js          |   9 +-
 src/blockchain.js           |   7 +-
 src/coupling.js             |   9 +-
 src/database.js             | 169 +++++++++++++++++++-----------------
 src/main.js                 |  17 ++--
 src/market.js               |   8 +-
 src/price.js                |   8 +-
 src/request.js              |  10 +--
 src/services/bobs-fund.js   |   6 +-
 src/services/bonds.js       |   6 +-
 src/services/conversion.js  |   6 +-
 start.js                    |   4 +-
 19 files changed, 128 insertions(+), 176 deletions(-)

diff --git a/setup/configure-settings.js b/setup/configure-settings.js
index 9a3b431..e74baaf 100644
--- a/setup/configure-settings.js
+++ b/setup/configure-settings.js
@@ -1,4 +1,5 @@
 const fs = require('fs');
+const path = require('path');
 const getInput = require('./getInput');
 
 let _I = "";
@@ -91,7 +92,7 @@ function configure() {
         configurePort().then(port_result => {
             randomizeSessionSecret().then(secret_result => {
                 configureSQL().then(sql_result => {
-                    fs.writeFile(__dirname + `/../args/config${_I}.json`, JSON.stringify(config), 'utf8', (err) => {
+                    fs.writeFile(path.resolve(__dirname, '..', 'args', `config${_I}.json`), JSON.stringify(config), 'utf8', (err) => {
                         if (err) {
                             console.error(err);
                             return reject(false);
diff --git a/setup/create-schema.js b/setup/create-schema.js
index 0b0f6fc..1de1212 100644
--- a/setup/create-schema.js
+++ b/setup/create-schema.js
@@ -1,5 +1,6 @@
 const fs = require('fs');
-let Database = require('../src/database');
+const path = require('path');
+let DB = require('../src/database');
 
 let _I = "";
 for (let arg of process.argv)
@@ -11,12 +12,12 @@ for (let arg of process.argv)
 function createSchema() {
     const config = require(`../args/config${_I}.json`);
     return new Promise((resolve, reject) => {
-        fs.readFile(__dirname + '/../args/schema.sql', 'utf8', (err, data) => {
+        fs.readFile(path.resolve(__dirname, '..', 'args', `schema.sql`), 'utf8', (err, data) => {
             if (err) {
                 console.error(err);
                 return reject(null);
             }
-            Database(config["sql_user"], config["sql_pwd"], config["sql_db"], config["sql_host"]).then(DB => {
+            DB.connect(config["sql_user"], config["sql_pwd"], config["sql_db"], config["sql_host"]).then(_ => {
                 let txQueries = data.split(';');
                 txQueries.pop();
                 txQueries = txQueries.map(q => q.trim().replace(/\n/g, ' '));
diff --git a/setup/reset-password.js b/setup/reset-password.js
index 9fd6c3d..04bd5c3 100644
--- a/setup/reset-password.js
+++ b/setup/reset-password.js
@@ -5,8 +5,7 @@ global.floGlobals = require('../docs/scripts/floGlobals');
 require('../src/set_globals');
 require('../docs/scripts/lib');
 const floCrypto = require('../docs/scripts/floCrypto');
-
-console.log(__dirname);
+const path = require('path');
 
 let _I = "";
 for (let arg of process.argv)
@@ -69,7 +68,7 @@ function resetPassword() {
                     let encrypted = Crypto.AES.encrypt(privKey, password);
                     let randNum = floCrypto.randInt(10, 15);
                     let splitShares = floCrypto.createShamirsSecretShares(encrypted, randNum, randNum);
-                    fs.writeFile(__dirname + `/../args/keys${_I}.json`, JSON.stringify(splitShares), 'utf8', (err) => {
+                    fs.writeFile(path.resolve(__dirname, '..', 'args', `keys${_I}.json`), JSON.stringify(splitShares), 'utf8', (err) => {
                         if (err) {
                             console.error(err);
                             return reject(false);
diff --git a/src/app.js b/src/app.js
index 7e74db6..a97b52e 100644
--- a/src/app.js
+++ b/src/app.js
@@ -3,11 +3,13 @@ const express = require('express');
 //const cookieParser = require("cookie-parser");
 //const sessions = require('express-session');
 const Request = require('./request');
+const path = require('path');
+const PUBLIC_DIR = path.resolve(__dirname, '..', 'docs');
 
-module.exports = function App(secret, DB) {
+module.exports = function App(secret) {
 
     if (!(this instanceof App))
-        return new App(secret, DB);
+        return new App(secret);
 
     var server = null;
     const app = express();
@@ -103,7 +105,6 @@ module.exports = function App(secret, DB) {
     app.post('/add-distributor', Request.AddDistributor);
     app.post('/remove-distributor', Request.RemoveDistributor);
 
-    Request.DB = DB;
     Request.secret = secret;
 
     //Properties
diff --git a/src/background.js b/src/background.js
index a5acb23..5962dc5 100644
--- a/src/background.js
+++ b/src/background.js
@@ -4,6 +4,7 @@ const conversion_rates = require('./services/conversion').getRate;
 const bond_util = require('./services/bonds').util;
 const fund_util = require('./services/bobs-fund').util;
 const pCode = require('../docs/scripts/floExchangeAPI').processCode;
+const DB = require("./database");
 
 const {
     LAUNCH_SELLER_TAG,
@@ -11,7 +12,7 @@ const {
     REQUEST_TIMEOUT,
 } = require('./_constants')["market"];
 
-var DB, assetList; //container for database and allowed assets
+var assetList; //container and allowed assets
 var updateBalance; // container for updateBalance function
 
 const verifyTx = {};
@@ -506,10 +507,6 @@ module.exports = {
     set assetList(assets) {
         assetList = assets;
     },
-    set DB(db) {
-        DB = db;
-        blockchain.DB = db;
-    },
     set updateBalance(f) {
         updateBalance = f;
     }
diff --git a/src/backup/head.js b/src/backup/head.js
index 7447f63..7647388 100644
--- a/src/backup/head.js
+++ b/src/backup/head.js
@@ -4,12 +4,13 @@ const K_Bucket = require('../../docs/scripts/floExchangeAPI').K_Bucket;
 const slave = require('./slave');
 const sync = require('./sync');
 const WebSocket = require('ws');
+const DB = require("../database");
 
 const {
     SHARE_THRESHOLD
 } = require("../_constants")["backup"];
 
-var DB, app, wss, tokenList; //Container for database and app
+var app, wss, tokenList; //Container for app and wss
 var nodeList, nodeURL, nodeKBucket; //Container for (backup) node list
 const connectedSlaves = {},
     shares_collected = {},
@@ -381,11 +382,6 @@ module.exports = {
     set assetList(assets) {
         tokenList = assets.filter(a => a.toUpperCase() !== "FLO");
     },
-    set DB(db) {
-        DB = db;
-        sync.DB = db;
-        slave.DB = db;
-    },
     get wss() {
         return wss;
     }
diff --git a/src/backup/slave.js b/src/backup/slave.js
index d02e99e..55eae2f 100644
--- a/src/backup/slave.js
+++ b/src/backup/slave.js
@@ -1,5 +1,7 @@
 'use strict';
 
+const DB = require("../database");
+
 const {
     BACKUP_INTERVAL,
     BACKUP_SYNC_TIMEOUT,
@@ -7,7 +9,6 @@ const {
     HASH_N_ROW
 } = require("../_constants")["backup"];
 
-var DB; //Container for Database connection
 var masterWS = null; //Container for Master websocket connection
 
 var intervalID = null;
@@ -161,7 +162,7 @@ function storeSinkShare(sinkID, keyShare, decrypt = true) {
 function sendSinkShare(sinkID, pubKey) {
     DB.query("SELECT share FROM sinkShares WHERE floID=?", [sinkID]).then(result => {
         if (!result.length)
-            return console.warn(`key-shares for ${sinkID} not found in DB!`);
+            return console.warn(`key-shares for ${sinkID} not found in database!`);
         let share = Crypto.AES.decrypt(result[0].share, global.myPrivKey);
         let response = {
             type: "SINK_SHARE",
@@ -421,9 +422,6 @@ function requestTableChunks(tables, ws) {
 }
 
 module.exports = {
-    set DB(db) {
-        DB = db;
-    },
     get masterWS() {
         return masterWS;
     },
diff --git a/src/backup/sync.js b/src/backup/sync.js
index e7f1e7e..0f3f7d4 100644
--- a/src/backup/sync.js
+++ b/src/backup/sync.js
@@ -1,11 +1,11 @@
 'use strict';
 
+const DB = require("../database");
+
 const {
     HASH_N_ROW
 } = require("../_constants")["backup"];
 
-var DB; //Container for database
-
 //Backup Transfer
 function sendBackupData(last_time, checksum, ws) {
     if (!last_time) last_time = 0;
@@ -263,8 +263,5 @@ function tableSync_checksum(tables, ws) {
 module.exports = {
     sendBackupData,
     sendTableHash,
-    sendTableData,
-    set DB(db) {
-        DB = db;
-    }
+    sendTableData
 }
\ No newline at end of file
diff --git a/src/blockchain.js b/src/blockchain.js
index 13aec35..138f70e 100644
--- a/src/blockchain.js
+++ b/src/blockchain.js
@@ -1,10 +1,10 @@
 'use strict';
 
 const pCode = require('../docs/scripts/floExchangeAPI').processCode;
+const DB = require("./database");
 
 var collectAndCall; //container for collectAndCall function from backup module
 var chests; //container for blockchain ids (where assets are stored)
-var DB; //container for database
 
 const TYPE_VAULT = "VAULT",
     TYPE_CONVERT = "CONVERT",
@@ -102,7 +102,7 @@ function sendAsset(floID, asset, quantity, type, id) {
             sendTx(floID, asset, quantity, sinkID, sinkKey, WITHDRAWAL_MESSAGE[type]).then(txid => {
                 if (!txid)
                     console.error("Transaction not successful");
-                else //Transaction was successful, Add in DB
+                else //Transaction was successful, Add in database
                     DB.query(updateSyntax[type], [pCode.STATUS_CONFIRMATION, txid, id])
                         .then(_ => null).catch(error => console.error(error));
             }).catch(error => console.error(error)).finally(_ => {
@@ -222,8 +222,5 @@ module.exports = {
     refundTransact: {
         init: refundTransact_init,
         retry: refundTransact_retry
-    },
-    set DB(db) {
-        DB = db;
     }
 }
\ No newline at end of file
diff --git a/src/coupling.js b/src/coupling.js
index c9a87e8..90d3b01 100644
--- a/src/coupling.js
+++ b/src/coupling.js
@@ -1,14 +1,13 @@
 'use strict';
 
 const price = require("./price");
+const DB = require("./database");
 
 const {
     WAIT_TIME,
     TRADE_HASH_PREFIX
 } = require("./_constants")["market"];
 
-var DB; //container for database
-
 const updateBalance = {};
 updateBalance.consume = (floID, token, amount) => ["UPDATE UserBalance SET quantity=quantity-? WHERE floID=? AND token=?", [amount, floID, token]];
 updateBalance.add = (floID, token, amount) => ["INSERT INTO UserBalance (floID, token, quantity) VALUE (?) ON DUPLICATE KEY UPDATE quantity=quantity+?", [[floID, token, amount], amount]];
@@ -250,9 +249,5 @@ module.exports = {
     initiate: startCouplingForAsset,
     stopAll: stopAllInstance,
     updateBalance,
-    price,
-    set DB(db) {
-        DB = db;
-        price.DB = db;
-    }
+    price
 }
\ No newline at end of file
diff --git a/src/database.js b/src/database.js
index 89e8841..affa349 100644
--- a/src/database.js
+++ b/src/database.js
@@ -1,87 +1,11 @@
 'use strict';
 var mysql = require('mysql');
 
-function Database(user, password, dbname, host = 'localhost') {
-    const db = {};
-
-    Object.defineProperty(db, "connect", {
-        get: () => new Promise((resolve, reject) => {
-            db.pool.getConnection((error, conn) => {
-                if (error)
-                    reject(error);
-                else
-                    resolve(conn);
-            });
-        })
-    });
-
-    Object.defineProperty(db, "query", {
-        value: (sql, values) => new Promise((resolve, reject) => {
-            db.connect.then(conn => {
-                const fn = (err, res) => {
-                    conn.release();
-                    (err ? reject(err) : resolve(res));
-                };
-                if (values)
-                    conn.query(sql, values, fn);
-                else
-                    conn.query(sql, fn);
-            }).catch(error => reject(error));
-        })
-    });
-
-    Object.defineProperty(db, "transaction", {
-        value: (queries) => new Promise((resolve, reject) => {
-            db.connect.then(conn => {
-                conn.beginTransaction(err => {
-                    if (err)
-                        conn.rollback(() => {
-                            conn.release();
-                            reject(err);
-                        });
-                    else {
-                        (function queryFn(result) {
-                            if (!queries.length) {
-                                conn.commit(err => {
-                                    if (err)
-                                        conn.rollback(() => {
-                                            conn.release();
-                                            reject(err);
-                                        });
-                                    else {
-                                        conn.release();
-                                        resolve(result);
-                                    }
-                                });
-                            } else {
-                                let q_i = queries.shift();
-                                const callback = function(err, res) {
-                                    if (err)
-                                        conn.rollback(() => {
-                                            conn.release();
-                                            reject(err);
-                                        });
-                                    else {
-                                        result.push(res);
-                                        queryFn(result);
-                                    }
-                                };
-                                if (!Array.isArray(q_i))
-                                    q_i = [q_i];
-                                if (q_i[1])
-                                    conn.query(q_i[0], q_i[1], callback);
-                                else
-                                    conn.query(q_i[0], callback);
-                            }
-                        })([]);
-                    }
-                });
-            }).catch(error => reject(error));
-        })
-    });
+var pool;//container for connected pool;
 
+function connectToDatabase(user, password, dbname, host = 'localhost') {
     return new Promise((resolve, reject) => {
-        db.pool = mysql.createPool({
+        pool = mysql.createPool({
             host: host,
             user: user,
             password: password,
@@ -89,11 +13,92 @@ function Database(user, password, dbname, host = 'localhost') {
             //dateStrings : true,
             //timezone: 'UTC'
         });
-        db.connect.then(conn => {
+        getConnection().then(conn => {
             conn.release();
-            resolve(db);
+            resolve(pool);
         }).catch(error => reject(error));
     });
 }
 
-module.exports = Database;
\ No newline at end of file
+function getConnection() {
+    return new Promise((resolve, reject) => {
+        if (!pool)
+            return reject("Database not connected");
+        pool.getConnection((error, conn) => {
+            if (error)
+                reject(error);
+            else
+                resolve(conn);
+        });
+    })
+}
+
+function SQL_query(sql, values) {
+    return new Promise((resolve, reject) => {
+        getConnection().then(conn => {
+            const fn = (err, res) => {
+                conn.release();
+                (err ? reject(err) : resolve(res));
+            };
+            if (values)
+                conn.query(sql, values, fn);
+            else
+                conn.query(sql, fn);
+        }).catch(error => reject(error));
+    })
+}
+
+function SQL_transaction(queries) {
+    return new Promise((resolve, reject) => {
+        getConnection().then(conn => {
+            conn.beginTransaction(err => {
+                if (err)
+                    conn.rollback(() => {
+                        conn.release();
+                        reject(err);
+                    });
+                else {
+                    (function queryFn(result) {
+                        if (!queries.length) {
+                            conn.commit(err => {
+                                if (err)
+                                    conn.rollback(() => {
+                                        conn.release();
+                                        reject(err);
+                                    });
+                                else {
+                                    conn.release();
+                                    resolve(result);
+                                }
+                            });
+                        } else {
+                            let q_i = queries.shift();
+                            const callback = function (err, res) {
+                                if (err)
+                                    conn.rollback(() => {
+                                        conn.release();
+                                        reject(err);
+                                    });
+                                else {
+                                    result.push(res);
+                                    queryFn(result);
+                                }
+                            };
+                            if (!Array.isArray(q_i))
+                                q_i = [q_i];
+                            if (q_i[1])
+                                conn.query(q_i[0], q_i[1], callback);
+                            else
+                                conn.query(q_i[0], callback);
+                        }
+                    })([]);
+                }
+            });
+        }).catch(error => reject(error));
+    })
+}
+module.exports = {
+    connect: connectToDatabase,
+    query: SQL_query,
+    transaction: SQL_transaction
+};
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
index e92dc41..26bf63b 100644
--- a/src/main.js
+++ b/src/main.js
@@ -13,7 +13,7 @@ global.btcOperator = require('../docs/scripts/btcOperator');
     floGlobals.application = application;
 })();
 
-const Database = require("./database");
+const DB = require("./database");
 const App = require('./app');
 
 const backup = require('./backup/head');
@@ -22,7 +22,7 @@ const {
     BLOCKCHAIN_REFRESH_INTERVAL
 } = require("./_constants")["app"];
 
-var DB, app;
+var app;
 
 function refreshData(startup = false) {
     return new Promise((resolve, reject) => {
@@ -162,12 +162,7 @@ loadDataFromDB.trustedIDs = function () {
     })
 }
 
-function setDB(db) {
-    DB = db;
-    backup.DB = DB;
-}
-
-module.exports = function startServer(public_dir) {
+module.exports = function startServer() {
     let _pass, _I = "";
     for (let arg of process.argv) {
         if (/^-I=/.test(arg))
@@ -193,12 +188,10 @@ module.exports = function startServer(public_dir) {
         process.exit(1);
     }
 
-    global.PUBLIC_DIR = public_dir;
     console.log("Logged in as", global.myFloID);
 
-    Database(config["sql_user"], config["sql_pwd"], config["sql_db"], config["sql_host"]).then(db => {
-        setDB(db);
-        app = new App(config['secret'], DB);
+    DB.connect(config["sql_user"], config["sql_pwd"], config["sql_db"], config["sql_host"]).then(result => {
+        app = new App(config['secret']);
         refreshData(true).then(_ => {
             app.start(config['port']).then(result => {
                 console.log(result);
diff --git a/src/market.js b/src/market.js
index 8959692..f23c04f 100644
--- a/src/market.js
+++ b/src/market.js
@@ -2,6 +2,7 @@
 
 const coupling = require('./coupling');
 const background = require('./background');
+const DB = require("./database");
 
 const blockchain = background.blockchain;
 
@@ -17,7 +18,7 @@ const pCode = require('../docs/scripts/floExchangeAPI').processCode;
 
 const updateBalance = background.updateBalance = coupling.updateBalance;
 
-var DB, assetList; //container for database and allowed assets
+var assetList; //container for allowed assets
 
 function login(floID, proxyKey) {
     return new Promise((resolve, reject) => {
@@ -542,11 +543,6 @@ module.exports = {
         start: periodicProcess_start,
         stop: periodicProcess_stop
     },
-    set DB(db) {
-        DB = db;
-        coupling.DB = db;
-        background.DB = db;
-    },
     set assetList(assets) {
         assetList = assets;
         background.assetList = assets;
diff --git a/src/price.js b/src/price.js
index 4c43924..2752a56 100644
--- a/src/price.js
+++ b/src/price.js
@@ -1,4 +1,5 @@
 'use strict';
+const DB = require("./database");
 
 const {
     MIN_TIME,
@@ -11,8 +12,6 @@ const {
     REC_HISTORY_INTERVAL
 } = require("./_constants")["price"];
 
-var DB; //container for database
-
 var currentRate = {}, //container for FLO price (from API or by model)
     lastTime = {}, //container for timestamp of the last tx
     noBuyOrder = {},
@@ -20,7 +19,7 @@ var currentRate = {}, //container for FLO price (from API or by model)
 
 const updateLastTime = asset => lastTime[asset] = Date.now();
 
-//store FLO price in DB every 1 hr
+//store FLO price in database every 1 hr
 function storeHistory(asset, rate) {
     DB.query("INSERT INTO PriceHistory (asset, rate) VALUE (?)", [[asset, global.toStandardDecimal(rate)]])
         .then(_ => null).catch(error => console.error(error))
@@ -173,9 +172,6 @@ module.exports = {
         noBuyOrder[asset] = buy;
         noSellOrder[asset] = sell;
     },
-    set DB(db) {
-        DB = db;
-    },
     get currentRates() {
         return Object.assign({}, currentRate);
     },
diff --git a/src/request.js b/src/request.js
index 71e3f34..03e997c 100644
--- a/src/request.js
+++ b/src/request.js
@@ -1,4 +1,5 @@
 'use strict';
+const DB = require("./database");
 
 const market = require("./market");
 const conversion = require('./services/conversion');
@@ -12,7 +13,7 @@ const {
 
 const eCode = require('../docs/scripts/floExchangeAPI').errorCode;
 
-var DB, trustedIDs, secret; //container for database
+var trustedIDs, secret; //containers for trusted IDs and secret
 
 global.INVALID = function (ecode, message) {
     if (!(this instanceof INVALID))
@@ -619,13 +620,6 @@ module.exports = {
     set collectAndCall(fn) {
         market.collectAndCall = fn;
     },
-    set DB(db) {
-        DB = db;
-        market.DB = db;
-        conversion.DB = db;
-        blockchain_bonds.DB = db;
-        bobs_fund.DB = db;
-    },
     set secret(s) {
         secret = s;
     },
diff --git a/src/services/bobs-fund.js b/src/services/bobs-fund.js
index 7c90a08..23f4eb9 100644
--- a/src/services/bobs-fund.js
+++ b/src/services/bobs-fund.js
@@ -1,11 +1,10 @@
 'use strict';
 
+const DB = require("../database");
 const eCode = require('../../docs/scripts/floExchangeAPI').errorCode;
 const pCode = require('../../docs/scripts/floExchangeAPI').processCode;
 const getRate = require('./conversion').getRate;
 
-var DB; //container for database
-
 const bobsFund = (function () {
     const productStr = "Bobs Fund";
 
@@ -302,9 +301,6 @@ module.exports = {
             .then(result => console.debug("Refreshed Bob's Fund data"))
             .catch(error => console.error(error));
     },
-    set DB(db) {
-        DB = db;
-    },
     util: bobsFund,
     closeFund
 }
\ No newline at end of file
diff --git a/src/services/bonds.js b/src/services/bonds.js
index 7808ea4..5d41041 100644
--- a/src/services/bonds.js
+++ b/src/services/bonds.js
@@ -1,11 +1,10 @@
 'use strict';
 
+const DB = require("../database");
 const eCode = require('../../docs/scripts/floExchangeAPI').errorCode;
 const pCode = require('../../docs/scripts/floExchangeAPI').processCode;
 const getRate = require('./conversion').getRate;
 
-var DB; //container for database
-
 const blockchainBond = (function () {
     const productStr = "Product: RanchiMall Bitcoin Bond";
 
@@ -255,9 +254,6 @@ module.exports = {
             .then(result => console.debug("Refreshed Blockchain-bonds data"))
             .catch(error => console.error(error));
     },
-    set DB(db) {
-        DB = db;
-    },
     util: blockchainBond,
     closeBond
 }
\ No newline at end of file
diff --git a/src/services/conversion.js b/src/services/conversion.js
index 38b38d0..d548801 100644
--- a/src/services/conversion.js
+++ b/src/services/conversion.js
@@ -1,13 +1,12 @@
 'use strict';
 
+const DB = require("../database");
 const { MIN_FUND } = require('../_constants')['convert'];
 const eCode = require('../../docs/scripts/floExchangeAPI').errorCode;
 const pCode = require('../../docs/scripts/floExchangeAPI').processCode;
 
 const allowedConversion = ["BTC"];
 
-var DB; //container for database
-
 function BTC_INR() {
     return new Promise((resolve, reject) => {
         BTC_USD().then(btc_usd => {
@@ -219,8 +218,5 @@ module.exports = {
     withdrawFund: {
         coin: withdrawCoinFund,
         currency: withdrawCurrencyFund
-    },
-    set DB(db) {
-        DB = db;
     }
 }
\ No newline at end of file
diff --git a/start.js b/start.js
index 0339217..32915f3 100644
--- a/start.js
+++ b/start.js
@@ -1,4 +1,2 @@
-const PUBLIC_DIR = __dirname + "/public";
-
 const start = require('./src/main');
-start(PUBLIC_DIR);
\ No newline at end of file
+start();
\ No newline at end of file

From 6c0237b0b5d26bf0b29463a32b3de9c79b82c6bf Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Tue, 15 Nov 2022 03:18:23 +0530
Subject: [PATCH 152/168] Upgrade Keys module

Keys module
- Private keys of node and sinks (shares) are managed by keys module
- sink_chest is moved here
- Seperate sinkIDs for each service

Sink Private key security improvements
- Shares are stored as index in SQL
- Indexes are mapped with sinkIDs in file system
- File is shuffled on interval
- Every file data is stored in encrypted format

Other changes
- changes required for the above
- RefundTransact is now dedicated to Convert service only (as every service has diff sinkID)
- moved periodicProcess to background.js
---
 args/schema.sql      |  31 +++-
 args/truncateAll.sql |   2 +-
 src/_constants.js    |  10 +-
 src/background.js    | 176 +++++++++++---------
 src/backup/head.js   | 284 +++++++++++++++++---------------
 src/backup/slave.js  |  77 ++++-----
 src/blockchain.js    |  85 +++++-----
 src/keys.js          | 380 +++++++++++++++++++++++++++++++++++++++++++
 src/main.js          |   9 +-
 src/market.js        |  65 +-------
 10 files changed, 761 insertions(+), 358 deletions(-)
 create mode 100644 src/keys.js

diff --git a/args/schema.sql b/args/schema.sql
index 0b7fcf4..a7746e4 100644
--- a/args/schema.sql
+++ b/args/schema.sql
@@ -285,7 +285,7 @@ CREATE TABLE DirectConvert(
     PRIMARY KEY(id)
 );
 
-CREATE TABLE RefundTransact(
+CREATE TABLE RefundConvert(
     id INT NOT NULL AUTO_INCREMENT,
     floID CHAR(34) NOT NULL,
     asset_type TINYINT NOT NULL,
@@ -317,12 +317,27 @@ CREATE table _backupCache(
 );
 
 CREATE TABLE sinkShares(
-    floID CHAR(34) NOT NULL,
+    num INT NOT NULL AUTO_INCREMENT,
     share TEXT,
     time_stored TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+    PRIMARY KEY(num)
+);
+
+CREATE TABLE discardedSinks(
+    id INT AUTO_INCREMENT,
+    floID CHAR(34) NOT NULL,
+    discard_time TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+    KEY(id),
     PRIMARY KEY(floID)
 );
 
+CREATE TRIGGER discardedSinks_I AFTER INSERT ON discardedSinks
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('discardedSinks', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, u_time=DEFAULT;
+CREATE TRIGGER discardedSinks_U AFTER UPDATE ON discardedSinks
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('discardedSinks', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, u_time=DEFAULT;
+CREATE TRIGGER discardedSinks_D AFTER DELETE ON discardedSinks
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('discardedSinks', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, u_time=DEFAULT;
+
 CREATE TRIGGER RequestLog_I AFTER INSERT ON RequestLog
 FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('RequestLog', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, u_time=DEFAULT;
 CREATE TRIGGER RequestLog_U AFTER UPDATE ON RequestLog
@@ -400,12 +415,12 @@ FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('DirectConvert', NEW.id) O
 CREATE TRIGGER DirectConvert_D AFTER DELETE ON DirectConvert
 FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('DirectConvert', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, u_time=DEFAULT;
 
-CREATE TRIGGER RefundTransact_I AFTER INSERT ON RefundTransact
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('RefundTransact', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, u_time=DEFAULT;
-CREATE TRIGGER RefundTransact_U AFTER UPDATE ON RefundTransact
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('RefundTransact', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, u_time=DEFAULT;
-CREATE TRIGGER RefundTransact_D AFTER DELETE ON RefundTransact
-FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('RefundTransact', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, u_time=DEFAULT;
+CREATE TRIGGER RefundConvert_I AFTER INSERT ON RefundConvert
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('RefundConvert', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, u_time=DEFAULT;
+CREATE TRIGGER RefundConvert_U AFTER UPDATE ON RefundConvert
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('RefundConvert', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, u_time=DEFAULT;
+CREATE TRIGGER RefundConvert_D AFTER DELETE ON RefundConvert
+FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('RefundConvert', OLD.id) ON DUPLICATE KEY UPDATE mode=NULL, u_time=DEFAULT;
 
 CREATE TRIGGER UserTag_I AFTER INSERT ON UserTag
 FOR EACH ROW INSERT INTO _backup (t_name, id) VALUES ('UserTag', NEW.id) ON DUPLICATE KEY UPDATE mode=TRUE, u_time=DEFAULT;
diff --git a/args/truncateAll.sql b/args/truncateAll.sql
index b289f75..402a1df 100644
--- a/args/truncateAll.sql
+++ b/args/truncateAll.sql
@@ -18,7 +18,7 @@ TRUNCATE CloseBondTransact;
 TRUNCATE CloseFundTransact;
 TRUNCATE ConvertFund;
 TRUNCATE DirectConvert;
-TRUNCATE RefundTransact;
+TRUNCATE RefundConvert;
 
 /* Blockchain data */
 TRUNCATE LastTx;
diff --git a/src/_constants.js b/src/_constants.js
index 9efffa8..5b248b2 100644
--- a/src/_constants.js
+++ b/src/_constants.js
@@ -6,10 +6,17 @@ module.exports = {
         SIGN_EXPIRE_TIME: 5 * 60 * 1000, //5 mins
         MAX_SESSION_TIMEOUT: 30 * 24 * 60 * 60 * 1000, //30 days
     },
-    market: {
+    background: {
         PERIOD_INTERVAL: 5 * 60 * 1000, //5 min,
         WAIT_TIME: 2 * 60 * 1000, //2 mins,
         REQUEST_TIMEOUT: 24 * 60 * 60 * 1000, //1 day
+    },
+    keys: {
+        SHARES_PER_NODE: 8,
+        SHARE_THRESHOLD: 50 / 100, //50%
+        DISCARD_COOLDOWN: 24 * 60 * 60 * 1000, //1 day
+    },
+    market: {
         LAUNCH_SELLER_TAG: "launch-seller",
         MAXIMUM_LAUNCH_SELL_CHIPS: 100000,
         TRADE_HASH_PREFIX: "z1",
@@ -29,7 +36,6 @@ module.exports = {
         MIN_FUND: 0.3 // 30%
     },
     backup: {
-        SHARE_THRESHOLD: 50 / 100, //50%
         HASH_N_ROW: 100,
         BACKUP_INTERVAL: 5 * 60 * 1000, //5 min
         BACKUP_SYNC_TIMEOUT: 10 * 60 * 1000, //10 mins
diff --git a/src/background.js b/src/background.js
index 5962dc5..8b264ca 100644
--- a/src/background.js
+++ b/src/background.js
@@ -1,15 +1,22 @@
 'use strict';
+
+const keys = require('./keys');
 const blockchain = require('./blockchain');
 const conversion_rates = require('./services/conversion').getRate;
 const bond_util = require('./services/bonds').util;
 const fund_util = require('./services/bobs-fund').util;
 const pCode = require('../docs/scripts/floExchangeAPI').processCode;
 const DB = require("./database");
+const coupling = require('./coupling');
+const price = require('./price');
 
+const {
+    PERIOD_INTERVAL,
+    REQUEST_TIMEOUT
+} = require('./_constants')['background'];
 const {
     LAUNCH_SELLER_TAG,
-    MAXIMUM_LAUNCH_SELL_CHIPS,
-    REQUEST_TIMEOUT,
+    MAXIMUM_LAUNCH_SELL_CHIPS
 } = require('./_constants')["market"];
 
 var assetList; //container and allowed assets
@@ -20,7 +27,7 @@ const verifyTx = {};
 function confirmDepositFLO() {
     DB.query("SELECT id, floID, txid FROM VaultTransactions WHERE mode=? AND asset=? AND asset_type=? AND r_status=?", [pCode.VAULT_MODE_DEPOSIT, "FLO", pCode.ASSET_TYPE_COIN, pCode.STATUS_PENDING]).then(results => {
         results.forEach(r => {
-            verifyTx.FLO(r.floID, r.txid).then(amount => {
+            verifyTx.FLO(r.floID, r.txid, keys.sink_groups.EXCHANGE).then(amount => {
                 addSellChipsIfLaunchSeller(r.floID, amount).then(txQueries => {
                     txQueries.push(updateBalance.add(r.floID, "FLO", amount));
                     txQueries.push(["UPDATE VaultTransactions SET r_status=?, amount=? WHERE id=?", [pCode.STATUS_SUCCESS, amount, r.id]]);
@@ -38,7 +45,7 @@ function confirmDepositFLO() {
     }).catch(error => console.error(error))
 }
 
-verifyTx.FLO = function (sender, txid) {
+verifyTx.FLO = function (sender, txid, group) {
     return new Promise((resolve, reject) => {
         floBlockchainAPI.getTx(txid).then(tx => {
             let vin_sender = tx.vin.filter(v => v.addr === sender)
@@ -50,7 +57,7 @@ verifyTx.FLO = function (sender, txid) {
                 return reject([false, "Transaction not included in any block yet"]);
             if (!tx.confirmations)
                 return reject([false, "Transaction not confirmed yet"]);
-            let amount = tx.vout.reduce((a, v) => blockchain.chests.includes(v.scriptPubKey.addresses[0]) ? a + v.value : a, 0);
+            let amount = tx.vout.reduce((a, v) => keys.sink_chest.includes(group, v.scriptPubKey.addresses[0]) ? a + v.value : a, 0);
             if (amount == 0)
                 return reject([true, "Transaction receiver is not market ID"]); //Maybe reject as false? (to compensate delay in chestsList loading from other nodes)
             else
@@ -95,7 +102,7 @@ function addSellChipsIfLaunchSeller(floID, quantity) {
 function confirmDepositToken() {
     DB.query("SELECT id, floID, txid FROM VaultTransactions WHERE mode=? AND asset_type=? AND r_status=?", [pCode.VAULT_MODE_DEPOSIT, pCode.ASSET_TYPE_TOKEN, pCode.STATUS_PENDING]).then(results => {
         results.forEach(r => {
-            verifyTx.token(r.floID, r.txid).then(({ token, amount, flo_amount }) => {
+            verifyTx.token(r.floID, r.txid, keys.sink_groups.EXCHANGE).then(({ token, amount, flo_amount }) => {
                 DB.query("SELECT id FROM VaultTransactions where floID=? AND mode=? AND asset=? AND asset_type=? AND txid=?", [r.floID, pCode.VAULT_MODE_DEPOSIT, "FLO", pCode.ASSET_TYPE_COIN, r.txid]).then(result => {
                     let txQueries = [];
                     //Add the FLO balance if necessary
@@ -119,7 +126,7 @@ function confirmDepositToken() {
     }).catch(error => console.error(error))
 }
 
-verifyTx.token = function (sender, txid, currencyOnly = false) {
+verifyTx.token = function (sender, txid, group, currencyOnly = false) {
     return new Promise((resolve, reject) => {
         floTokenAPI.getTx(txid).then(tx => {
             if (tx.parsedFloData.type !== "transfer")
@@ -135,7 +142,7 @@ verifyTx.token = function (sender, txid, currencyOnly = false) {
             let vin_sender = tx.transactionDetails.vin.filter(v => v.addr === sender)
             if (!vin_sender.length)
                 return reject([true, "Transaction not sent by the sender"]);
-            let flo_amount = tx.transactionDetails.vout.reduce((a, v) => blockchain.chests.includes(v.scriptPubKey.addresses[0]) ? a + v.value : a, 0);
+            let flo_amount = tx.transactionDetails.vout.reduce((a, v) => keys.sink_chest.includes(group, v.scriptPubKey.addresses[0]) ? a + v.value : a, 0);
             if (flo_amount == 0)
                 return reject([true, "Transaction receiver is not market ID"]); //Maybe reject as false? (to compensate delay in chestsList loading from other nodes)
             else
@@ -188,7 +195,7 @@ function confirmVaultWithdraw() {
     }).catch(error => console.error(error));
 }
 
-verifyTx.BTC = function (sender, txid) {
+verifyTx.BTC = function (sender, txid, group) {
     return new Promise((resolve, reject) => {
         btcOperator.getTx(txid).then(tx => {
             let vin_sender = tx.inputs.filter(v => floCrypto.isSameAddr(v.address, sender))
@@ -201,7 +208,7 @@ verifyTx.BTC = function (sender, txid) {
             if (!tx.confirmations)
                 return reject([false, "Transaction not confirmed yet"]);
             let amount = tx.outputs.reduce((a, v) =>
-                blockchain.chests.includes(floCrypto.toFloID(v.address, { bech: [coinjs.bech32.version] })) ? a + parseFloat(v.value) : a, 0);
+                keys.sink_chest.includes(group, floCrypto.toFloID(v.address, { bech: [coinjs.bech32.version] })) ? a + parseFloat(v.value) : a, 0);
             if (amount == 0)
                 return reject([true, "Transaction receiver is not market ID"]); //Maybe reject as false? (to compensate delay in chestsList loading from other nodes)
             else
@@ -213,7 +220,7 @@ verifyTx.BTC = function (sender, txid) {
 function verifyConvert() {
     //Set all timeout convert request to refund mode (thus, asset will be refund if tx gets confirmed later)
     let req_timeout = new Date(Date.now() - REQUEST_TIMEOUT),
-        to_refund_sql = "INSERT INTO RefundTransact (floID, in_txid, asset_type, asset, r_status)" +
+        to_refund_sql = "INSERT INTO RefundConvert (floID, in_txid, asset_type, asset, r_status)" +
             " SELECT floID, in_txid, ? AS asset_type, ? AS asset, r_status" +
             " WHERE r_status=? AND locktime<? AND mode=?";
     let txQueries = [];
@@ -224,7 +231,7 @@ function verifyConvert() {
         DB.query("SELECT id, floID, mode, in_txid, amount, quantity FROM DirectConvert WHERE r_status=? AND coin=?", [pCode.STATUS_PENDING, "BTC"]).then(results => {
             results.forEach(r => {
                 if (r.mode == pCode.CONVERT_MODE_GET) {
-                    verifyTx.token(r.floID, r.in_txid, true).then(({ amount }) => {
+                    verifyTx.token(r.floID, r.in_txid, keys.sink_groups.CONVERT, true).then(({ amount }) => {
                         if (r.amount !== amount)
                             throw ([true, "Transaction amount mismatched in blockchain"]);
                         conversion_rates.BTC_INR().then(rate => {
@@ -237,7 +244,7 @@ function verifyConvert() {
                                 .then(_ => null).catch(error => console.error(error));
                     });
                 } else if (r.mode == pCode.CONVERT_MODE_PUT) {
-                    verifyTx.BTC(r.floID, r.in_txid).then(quantity => {
+                    verifyTx.BTC(r.floID, r.in_txid, keys.sink_groups.CONVERT).then(quantity => {
                         if (r.quantity !== quantity)
                             throw ([true, "Transaction quantity mismatched in blockchain"]);
                         conversion_rates.BTC_INR().then(rate => {
@@ -293,7 +300,7 @@ function verifyConvertFundDeposit() {
     DB.query("SELECT id, mode, txid, coin FROM ConvertFund WHERE r_status=? AND coin=?", [pCode.STATUS_PROCESSING, "BTC"]).then(results => {
         results.forEach(r => {
             if (r.mode == pCode.CONVERT_MODE_GET) { //deposit currency
-                verifyTx.token(floGlobals.adminID, r.txid, true).then(({ amount }) => {
+                verifyTx.token(floGlobals.adminID, r.txid, keys.sink_groups.CONVERT, true).then(({ amount }) => {
                     DB.query("UPDATE ConvertFund SET r_status=?, amount=? WHERE id=?", [pCode.STATUS_SUCCESS, amount, r.id])
                         .then(result => console.info(`Deposit-fund ${amount} ${floGlobals.currency} successful`))
                         .catch(error => console.error(error));
@@ -304,7 +311,7 @@ function verifyConvertFundDeposit() {
                             .then(_ => null).catch(error => console.error(error));
                 });
             } else if (r.mode == pCode.CONVERT_MODE_PUT) {//deposit coin
-                verifyTx.BTC(floGlobals.adminID, r.txid).then(quantity => {
+                verifyTx.BTC(floGlobals.adminID, r.txid, keys.sink_groups.CONVERT).then(quantity => {
                     DB.query("UPDATE ConvertFund SET r_status=?, quantity=? WHERE id=?", [pCode.STATUS_SUCCESS, quantity, r.id])
                         .then(result => console.info(`Deposit-fund ${quantity} ${r.coin} successful`))
                         .catch(error => console.error(error));
@@ -354,67 +361,47 @@ function confirmConvertFundWithdraw() {
     }).catch(error => console.error(error))
 }
 
-function verifyRefund() {
-    DB.query("SELECT id, floID, asset_type, asset, in_txid FROM RefundTransact WHERE r_status=?", [pCode.STATUS_PENDING]).then(results => {
+function verifyConvertRefund() {
+    DB.query("SELECT id, floID, asset_type, asset, in_txid FROM RefundConvert WHERE r_status=?", [pCode.STATUS_PENDING]).then(results => {
         results.forEach(r => {
             if (r.ASSET_TYPE_COIN) {
-                if (r.asset == "FLO")
-                    verifyTx.FLO(r.floID, r.in_txid)
-                        .then(amount => blockchain.refundTransact.init(r.floID, r.asset, amount, r.id))
+                if (r.asset == "BTC") //Convert is only for BTC right now
+                    verifyTx.BTC(r.floID, r.in_txid, keys.sink_groups.CONVERT)
+                        .then(amount => blockchain.refundConvert.init(r.floID, r.asset, amount, r.id))
                         .catch(error => {
                             console.error(error);
                             if (error[0])
-                                DB.query("UPDATE RefundTransact SET r_status=? WHERE id=?", [pCode.STATUS_REJECTED, r.id])
-                                    .then(_ => null).catch(error => console.error(error));
-                        });
-                else if (r.asset == "BTC")
-                    verifyTx.BTC(r.floID, r.in_txid)
-                        .then(amount => blockchain.refundTransact.init(r.floID, r.asset, amount, r.id))
-                        .catch(error => {
-                            console.error(error);
-                            if (error[0])
-                                DB.query("UPDATE RefundTransact SET r_status=? WHERE id=?", [pCode.STATUS_REJECTED, r.id])
+                                DB.query("UPDATE RefundConvert SET r_status=? WHERE id=?", [pCode.STATUS_REJECTED, r.id])
                                     .then(_ => null).catch(error => console.error(error));
                         });
             } else if (r.ASSET_TYPE_TOKEN)
-                verifyTx.token(r.floID, r.in_txid).then(({ token, amount }) => {
-                    if (token !== r.asset)
-                        throw ([true, "Transaction token mismatched"]);
-                    else
-                        blockchain.refundTransact.init(r.floID, token, amount, r.id);
+                verifyTx.token(r.floID, r.in_txid, keys.sink_groups.CONVERT, true).then(({ amount }) => {
+                    blockchain.refundConvert.init(r.floID, floGlobals.currency, amount, r.id);
                 }).catch(error => {
                     console.error(error);
                     if (error[0])
-                        DB.query("UPDATE RefundTransact SET r_status=? WHERE id=?", [pCode.STATUS_REJECTED, r.id])
+                        DB.query("UPDATE RefundConvert SET r_status=? WHERE id=?", [pCode.STATUS_REJECTED, r.id])
                             .then(_ => null).catch(error => console.error(error));
                 });
         })
     }).catch(error => console.error(error))
 }
 
-function retryRefund() {
-    DB.query("SELECT id, floID, asset, amount FROM RefundTransact WHERE r_status=?", [pCode.STATUS_PROCESSING]).then(results => {
-        results.forEach(r => blockchain.refundTransact.retry(r.floID, r.asset, r.amount, r.id))
+function retryConvertRefund() {
+    DB.query("SELECT id, floID, asset, amount FROM RefundConvert WHERE r_status=?", [pCode.STATUS_PROCESSING]).then(results => {
+        results.forEach(r => blockchain.refundConvert.retry(r.floID, r.asset, r.amount, r.id))
     }).catch(error => console.error(error))
 }
 
-function confirmRefund() {
-    DB.query("SELECT * FROM RefundTransact WHERE r_status=?", [pCode.STATUS_CONFIRMATION]).then(results => {
-        results.forEach(r => { //TODO
+function confirmConvertRefund() {
+    DB.query("SELECT * FROM RefundConvert WHERE r_status=?", [pCode.STATUS_CONFIRMATION]).then(results => {
+        results.forEach(r => {
             if (r.ASSET_TYPE_COIN) {
-                if (r.asset == "FLO")
-                    floBlockchainAPI.getTx(r.out_txid).then(tx => {
-                        if (!tx.blockheight || !tx.confirmations) //Still not confirmed
-                            return;
-                        DB.query("UPDATE RefundTransact SET r_status=? WHERE id=?", [pCode.STATUS_SUCCESS, r.id])
-                            .then(result => console.info(`Refunded ${r.amount} ${r.asset} to ${r.floID}`))
-                            .catch(error => console.error(error))
-                    }).catch(error => console.error(error));
-                else if (r.asset == "BTC")
+                if (r.asset == "BTC") //Convert is only for BTC right now
                     btcOperator.getTx(r.out_txid).then(tx => {
                         if (!tx.blockhash || !tx.confirmations) //Still not confirmed
                             return;
-                        DB.query("UPDATE RefundTransact SET r_status=? WHERE id=?", [pCode.STATUS_SUCCESS, r.id])
+                        DB.query("UPDATE RefundConvert SET r_status=? WHERE id=?", [pCode.STATUS_SUCCESS, r.id])
                             .then(result => console.info(`Refunded ${r.amount} ${r.asset} to ${r.floID}`))
                             .catch(error => console.error(error))
                     }).catch(error => console.error(error));
@@ -422,7 +409,7 @@ function confirmRefund() {
                 floTokenAPI.getTx(r.out_txid).then(tx => {
                     if (!tx.transactionDetails.blockheight || !tx.transactionDetails.confirmations) //Still not confirmed
                         return;
-                    DB.query("UPDATE RefundTransact SET r_status=? WHERE id=?", [pCode.STATUS_SUCCESS, r.id])
+                    DB.query("UPDATE RefundConvert SET r_status=? WHERE id=?", [pCode.STATUS_SUCCESS, r.id])
                         .then(result => console.info(`Refunded ${r.amount} ${r.asset} to ${r.floID}`))
                         .catch(error => console.error(error));
                 }).catch(error => console.error(error));
@@ -443,7 +430,7 @@ function confirmBondClosing() {
                 if (!tx.blockhash || !tx.confirmations) //Still not confirmed
                     return;
                 let closeBondString = bond_util.stringify.end(r.bond_id, r.end_date, r.btc_net, r.usd_net, r.amount, r.ref_sign, r.txid);
-                floBlockchainAPI.writeData(global.myFloID, closeBondString, global.myPrivKey, bond_util.config.adminID).then(txid => {
+                floBlockchainAPI.writeData(keys.node_id, closeBondString, keys.node_priv, bond_util.config.adminID).then(txid => {
                     DB.query("UPDATE CloseBondTransact SET r_status=?, close_id=? WHERE id=?", [pCode.STATUS_SUCCESS, txid, r.id])
                         .then(result => console.info("Bond closed:", r.bond_id))
                         .catch(error => console.error(error));
@@ -466,7 +453,7 @@ function confirmFundClosing() {
                 if (!tx.blockhash || !tx.confirmations) //Still not confirmed
                     return;
                 let closeFundString = fund_util.stringify.end(r.fund_id, r.floID, r.end_date, r.btc_net, r.usd_net, r.amount, r.ref_sign, r.txid);
-                floBlockchainAPI.writeData(global.myFloID, closeFundString, global.myPrivKey, fund_util.config.adminID).then(txid => {
+                floBlockchainAPI.writeData(keys.node_id, closeFundString, keys.node_priv, fund_util.config.adminID).then(txid => {
                     DB.query("UPDATE CloseFundTransact SET r_status=?, close_id=? WHERE id=?", [pCode.STATUS_SUCCESS, txid, r.id])
                         .then(result => console.info("Fund investment closed:", r.fund_id, r.floID))
                         .catch(error => console.error(error));
@@ -476,34 +463,75 @@ function confirmFundClosing() {
     }).catch(error => console.error(error))
 }
 
+//Periodic Process
+
 function processAll() {
     //deposit-withdraw asset balance
-    confirmDepositFLO();
-    confirmDepositToken();
-    retryVaultWithdrawal();
-    confirmVaultWithdraw();
+    if (keys.sink_chest.list(keys.sink_groups.EXCHANGE).length) {
+        confirmDepositFLO();
+        confirmDepositToken();
+        retryVaultWithdrawal();
+        confirmVaultWithdraw();
+    }
     //convert service
-    verifyConvert();
-    retryConvert();
-    confirmConvert();
-    verifyConvertFundDeposit();
-    retryConvertFundWithdraw();
-    confirmConvertFundWithdraw();
+    if (keys.sink_chest.list(keys.sink_groups.CONVERT).length) {
+        verifyConvert();
+        retryConvert();
+        confirmConvert();
+        verifyConvertFundDeposit();
+        retryConvertFundWithdraw();
+        confirmConvertFundWithdraw();
+        verifyConvertRefund();
+        retryConvertRefund();
+        confirmConvertRefund();
+    }
     //blockchain-bond service
-    retryBondClosing();
-    confirmBondClosing();
+    if (keys.sink_chest.list(keys.sink_groups.BLOCKCHAIN_BONDS).length) {
+        retryBondClosing();
+        confirmBondClosing();
+    }
     //bob's fund service
-    retryFundClosing();
-    confirmFundClosing();
-    //refund transactions
-    verifyRefund();
-    retryRefund();
-    confirmRefund();
+    if (keys.sink_chest.list(keys.sink_groups.EXCHANGE).length) {
+        retryFundClosing();
+        confirmFundClosing();
+    }
+}
+
+var lastSyncBlockHeight = 0;
+
+function periodicProcess() {
+    floBlockchainAPI.promisedAPI('api/blocks?limit=1').then(result => {
+        if (lastSyncBlockHeight < result.blocks[0].height) {
+            lastSyncBlockHeight = result.blocks[0].height;
+            processAll();
+            console.log("Last Block :", lastSyncBlockHeight);
+        }
+    }).catch(error => console.error(error));
+}
+
+function periodicProcess_start() {
+    periodicProcess_stop();
+    periodicProcess();
+    assetList.forEach(asset => coupling.initiate(asset, true));
+    price.storeHistory.start();
+    periodicProcess.instance = setInterval(periodicProcess, PERIOD_INTERVAL);
+}
+
+function periodicProcess_stop() {
+    if (periodicProcess.instance !== undefined) {
+        clearInterval(periodicProcess.instance);
+        delete periodicProcess.instance;
+    }
+    coupling.stopAll();
+    price.storeHistory.stop();
 }
 
 module.exports = {
     blockchain,
-    process: processAll,
+    periodicProcess: {
+        start: periodicProcess_start,
+        stop: periodicProcess_stop
+    },
     set assetList(assets) {
         assetList = assets;
     },
diff --git a/src/backup/head.js b/src/backup/head.js
index 7647388..5ec9b8e 100644
--- a/src/backup/head.js
+++ b/src/backup/head.js
@@ -1,93 +1,74 @@
 'use strict';
 
+const keys = require('../keys');
 const K_Bucket = require('../../docs/scripts/floExchangeAPI').K_Bucket;
 const slave = require('./slave');
 const sync = require('./sync');
 const WebSocket = require('ws');
-const DB = require("../database");
 
-const {
-    SHARE_THRESHOLD
-} = require("../_constants")["backup"];
+const { BACKUP_INTERVAL } = require("../_constants")["backup"];
+const { DISCARD_COOLDOWN } = require("../_constants")["keys"];
 
-var app, wss, tokenList; //Container for app and wss
+var _app, _wss, tokenList; //Container for app and wss
 var nodeList, nodeURL, nodeKBucket; //Container for (backup) node list
 const connectedSlaves = {},
     shares_collected = {},
-    shares_pending = {};
+    shares_pending = {},
+    discarded_sinks = [];
+
 var _mode = null;
 const SLAVE_MODE = 0,
     MASTER_MODE = 1;
 
-const sinkList = {};
-
-const chests = {
-    get list() {
-        return Object.keys(sinkList);
-    },
-    get activeList() {
-        let result = [];
-        for (let id in sinkList)
-            if (sinkList[id])
-                result.push(id);
-        return result;
-    },
-    includes(id) {
-        return (id in sinkList);
-    },
-    isActive(id) {
-        return (id in sinkList && sinkList[id] !== null);
-    },
-    get pick() {
-        let sinks = Object.keys(sinkList),
-            i = floCrypto.randInt(0, sinks.length);
-        return sinks[i];
-    }
-};
-
 //Shares
 function generateShares(sinkKey) {
-    let nextNodes = nodeKBucket.nextNode(global.myFloID, null),
+    let nextNodes = nodeKBucket.nextNode(keys.node_id, null),
         aliveNodes = Object.keys(connectedSlaves);
-    nextNodes.unshift(global.myFloID);
-    aliveNodes.unshift(global.myFloID);
-    let N = nextNodes.length + 1,
-        th = Math.ceil(aliveNodes.length * SHARE_THRESHOLD) + 1,
-        shares, refShare, mappedShares = {};
-    shares = floCrypto.createShamirsSecretShares(sinkKey, N, th);
-    refShare = shares.pop();
+    nextNodes.unshift(keys.node_id);
+    aliveNodes.unshift(keys.node_id);
+    let shares, mappedShares = {};
+    shares = keys.generateShares(sinkKey, nextNodes.length, aliveNodes.length);
     for (let i in nextNodes)
-        mappedShares[nextNodes[i]] = [refShare, shares[i]].join("|");
+        mappedShares[nextNodes[i]] = shares[i];
     return mappedShares;
 }
 
-function sendShare(ws, sinkID, keyShare) {
-    if (shares_pending[sinkID][ws.floID] === keyShare) //this should always be true unless there is an error
-        delete shares_pending[sinkID][ws.floID]; //delete the share after sending it to respective slave
-    ws.send(JSON.stringify({
+function sendShares(ws, sinkID) {
+    if (!(sinkID in shares_pending) || !(ws.floID in shares_pending[sinkID].shares))
+        return;
+    let { ref, group } = shares_pending[sinkID],
+        shares = shares_pending[sinkID].shares[ws.floID];
+    delete shares_pending[sinkID].shares[ws.floID]; //delete the share after sending it to respective slave
+    shares.forEach(s => ws.send(JSON.stringify({
         command: "SINK_SHARE",
-        sinkID,
-        keyShare: floCrypto.encryptData(keyShare, ws.pubKey)
-    }));
+        sinkID, ref, group,
+        share: floCrypto.encryptData(s, ws.pubKey)
+    })));
 }
 
-function sendSharesToNodes(sinkID, shares) {
-    shares_pending[sinkID] = shares;
+function sendSharesToNodes(sinkID, group, shares) {
+    if (discarded_sinks.includes(sinkID)) { //sinkID is discarded, abort the new shares
+        let i = discarded_sinks.findIndex(sinkID);
+        discarded_sinks.splice(i, 1);
+        return;
+    }
+    let ref = Date.now();
+    shares_pending[sinkID] = { shares, group, ref };
+    if (keys.node_id in shares) {
+        shares.forEach(s => keys.addShare(group, sinkID, ref, s))
+        delete shares_pending[sinkID].shares[keys.node_id];
+    }
     for (let node in shares)
         if (node in connectedSlaves)
-            sendShare(connectedSlaves[node], sinkID, shares[node]);
-    if (global.myFloID in shares) {
-        slave.storeShare(sinkID, shares[global.myFloID], false);
-        delete shares_pending[sinkID][global.myFloID];
-    }
-    sinkList[sinkID] = Date.now();
+            sendShares(connectedSlaves[node], sinkID);
+    keys.sink_chest.set_id(group, sinkID, ref);
 }
 
-function requestShare(ws, sinkID) {
+function requestShare(ws, group, sinkID) {
     ws.send(JSON.stringify({
         command: "SEND_SHARE",
-        sinkID: sinkID,
-        pubKey: global.myPubKey
+        group, sinkID,
+        pubKey: keys.node_pub
     }));
 }
 
@@ -126,20 +107,16 @@ function transferMoneyToNewSink(oldSinkID, oldSinkKey, newSink) {
 }
 */
 
-function collectAndCall(sinkID, callback, timeout = null) {
+function collectAndCall(group, sinkID, callback, timeout = null) {
     if (!(callback instanceof Function))
         throw Error("callback should be a function");
     if (!(sinkID in shares_collected)) { //if not already collecting shares for sinkID, then initiate collection
-        shares_collected[sinkID] = {
-            callbacks: [],
-            shares: {}
-        };
+        shares_collected[sinkID] = { group, ref: 0, callbacks: [], shares: {} };
         for (let floID in connectedSlaves)
-            requestShare(connectedSlaves[floID], sinkID);
-        DB.query("SELECT share FROM sinkShares WHERE floID=?", [sinkID]).then(result => {
-            if (result.length)
-                collectShares(myFloID, sinkID, Crypto.AES.decrypt(result[0].share, global.myPrivKey))
-        }).catch(error => console.error(error))
+            requestShare(connectedSlaves[floID], group, sinkID);
+        keys.getShares(group, sinkID)
+            .then(({ ref, shares }) => shares.forEach(s => collectShares(sinkID, ref, s)))
+            .catch(error => console.error(error))
     }
     shares_collected[sinkID].callbacks.push(callback);
     if (timeout)
@@ -153,14 +130,22 @@ function collectAndCall(sinkID, callback, timeout = null) {
 
 collectAndCall.isAlive = (sinkID, callbackRef) => (sinkID in shares_collected && shares_collected[sinkID].callbacks.indexOf(callbackRef) != -1);
 
-function collectShares(floID, sinkID, share) {
+function collectShares(sinkID, ref, share) {
     if (_mode !== MASTER_MODE)
         return console.warn("Not serving as master");
     if (!(sinkID in shares_collected))
         return console.error("Something is wrong! Slaves are sending sinkID thats not been collected");
-    shares_collected[sinkID].shares[floID] = share.split("|");
+    if (shares_collected[sinkID].ref > ref)
+        return console.debug("Received expired share");
+    else if (shares_collected[sinkID].ref < ref) {
+        shares_collected[sinkID].ref = ref;
+        shares_collected[sinkID].shares = [];
+    }
+    if (shares_collected[sinkID].shares.includes(share))
+        return console.debug("Received duplicate share");
+    shares_collected[sinkID].shares.push(share);
     try {
-        let sinkKey = floCrypto.retrieveShamirSecret([].concat(...Object.values(shares_collected[sinkID].shares)));
+        let sinkKey = floCrypto.retrieveShamirSecret(shares_collected[sinkID].shares);
         if (floCrypto.verifyPrivKey(sinkKey, sinkID)) {
             console.debug("Shares collected successfully for", sinkID);
             shares_collected[sinkID].callbacks.forEach(fn => fn instanceof Function ? fn(sinkKey) : null);
@@ -182,11 +167,11 @@ function connectWS(floID) {
 
 function connectToMaster(i = 0, init = false) {
     if (i >= nodeList.length) {
-        console.error("No master is found, and myFloID is not in list. This should not happen!");
+        console.error("No master is found and Node not in list. This should not happen!");
         process.exit(1);
     }
     let floID = nodeList[i];
-    if (floID === myFloID)
+    if (floID === keys.node_id)
         serveAsMaster(init);
     else
         connectWS(floID).then(ws => {
@@ -199,32 +184,16 @@ function connectToMaster(i = 0, init = false) {
         });
 }
 
-//Node becomes master
-function serveAsMaster(init) {
-    console.info('Starting master process');
-    slave.stop();
-    _mode = MASTER_MODE;
-    informLiveNodes(init);
-    app.resume();
-}
-
-function serveAsSlave(ws, init) {
-    console.info('Starting slave process');
-    app.pause();
-    slave.start(ws, init);
-    _mode = SLAVE_MODE;
-}
-
 function informLiveNodes(init) {
     let message = {
-        floID: global.myFloID,
+        floID: keys.node_id,
         type: "UPDATE_MASTER",
-        pubKey: global.myPubKey,
+        pubKey: keys.node_pub,
         req_time: Date.now()
     };
-    message.sign = floCrypto.signData(message.type + "|" + message.req_time, global.myPrivKey);
+    message.sign = floCrypto.signData(message.type + "|" + message.req_time, keys.node_priv);
     message = JSON.stringify(message);
-    let nodes = nodeList.filter(n => n !== global.myFloID);
+    let nodes = nodeList.filter(n => n !== keys.node_id);
     Promise.allSettled(nodes.map(n => connectWS(n))).then(result => {
         let flag = false;
         for (let i in result)
@@ -237,20 +206,29 @@ function informLiveNodes(init) {
                 console.warn(`Node(${nodes[i]}) is offline`);
         if (init && flag)
             syncRequest();
-        DB.query("SELECT floID, share FROM sinkShares ORDER BY time_stored DESC").then(result => {
-            if (result.length)
-                result.forEach(r => reconstructShares(r.floID));
-            else if (!flag) {
+        keys.getStoredList().then(result => {
+            if (Object.keys(result).length) {
+                keys.getDiscardedList().then(discarded_list => {
+                    for (let group in result)
+                        result.group.forEach(id => {
+                            if (!(id in discarded_list))
+                                reconstructShares(group, id);
+                        });
+                }).catch(error => console.error(error))
+            } else if (!flag) {
                 console.log("Starting the exchange...");
-                let newSink = floCrypto.generateNewID();
-                console.debug("Generated sink:", newSink.floID, newSink.privKey);
-                sendSharesToNodes(newSink.floID, generateShares(newSink.privKey));
+                //generate a sinkID for each group in starting list
+                keys.sink_groups.generate_list.forEach(group => {
+                    let newSink = floCrypto.generateNewID();
+                    console.debug("Generated sink:", group, newSink.floID);
+                    sendSharesToNodes(newSink.floID, group, generateShares(newSink.privKey));
+                })
             }
         }).catch(error => console.error(error));
     });
 }
 
-function syncRequest(cur = global.myFloID) {
+function syncRequest(cur = keys.node_id) {
     //Sync data from next available node
     let nextNode = nodeKBucket.nextNode(cur);
     if (!nextNode)
@@ -261,16 +239,16 @@ function syncRequest(cur = global.myFloID) {
 }
 
 function updateMaster(floID) {
-    let currentMaster = _mode === MASTER_MODE ? global.myFloID : slave.masterWS.floID;
+    let currentMaster = _mode === MASTER_MODE ? keys.node_id : slave.masterWS.floID;
     if (nodeList.indexOf(floID) < nodeList.indexOf(currentMaster))
         connectToMaster();
 }
 
-function reconstructShares(sinkID) {
+function reconstructShares(group, sinkID) {
     if (_mode !== MASTER_MODE)
         return console.warn("Not serving as master");
-    sinkList[sinkID] = null;
-    collectAndCall(sinkID, sinkKey => sendSharesToNodes(sinkID, generateShares(sinkKey)));
+    keys.sink_chest.set_id(group, sinkID, null);
+    collectAndCall(group, sinkID, sinkKey => sendSharesToNodes(sinkID, group, generateShares(sinkKey)));
 }
 
 function slaveConnect(floID, pubKey, ws, sinks) {
@@ -282,29 +260,82 @@ function slaveConnect(floID, pubKey, ws, sinks) {
 
     //Send shares if need to be delivered
     for (let sinkID in shares_pending)
-        if (floID in shares_pending[sinkID])
-            sendShare(ws, sinkID, shares_pending[floID]);
+        if (floID in shares_pending[sinkID].shares)
+            sendShares(ws, sinkID);
     //Request shares if any
     for (let sinkID in shares_collected)
-        requestShare(ws, sinkID); //if (!(floID in shares_collected[sinkID].shares))
+        requestShare(ws, shares_collected[sinkID].group, sinkID);
     //check if sinks in slaves are present
-    if (Array.isArray(sinks))
-        for (let sinkID of sinks)
-            if (!(sinkID in sinkList))
-                reconstructShares(sinkID);
-    /*
-    if (shares_pending === null || //The 1st backup is connected
-        Object.keys(connectedSlaves).length < Math.pow(SHARE_THRESHOLD, 2) * Object.keys(shares_pending).length) //re-calib shares for better 
-        sendSharesToNodes(sinkID, generateShares(sinkPrivKey))
-    */
+    if (Array.isArray(sinks)) {
+        for (let sinkID of sinks) {
+            if (!keys.sink_chest.includes(shares_collected[sinkID].group, sinkID))
+                keys.checkIfDiscarded(sinkID)
+                    .then(result => result === false ? reconstructShares(shares_collected[sinkID].group, sinkID) : null)
+                    .catch(error => console.error(error))
+        }
+    }
+}
+
+function checkForDiscardedSinks() {
+    let cur_time = Date.now(),
+        all_sinks = keys.sink_chest.get_all();
+    for (let group in all_sinks)
+        all_sinks[group].forEach(id => keys.checkIfDiscarded(id).then(result => {
+            console.debug(group, id);   //Check if group is correctly mapped, or if its changed by loop
+            if (result != false) {
+                if (cur_time - result > DISCARD_COOLDOWN)
+                    keys.sink_chest.rm_id(group, id);
+                else
+                    keys.sink_chest.set_id(group, id, null);
+                if (sinkID in shares_collected && !discarded_sinks.includes(sinkID))
+                    discarded_sinks.push(sinkID);
+            }
+        }).catch(error => console.debug(error)))
+}
+
+//Master interval process
+function intervalProcess() {
+    checkForDiscardedSinks();
+}
+
+intervalProcess.start = () => {
+    intervalProcess.stop();
+    intervalProcess.instance = setInterval(intervalProcess, BACKUP_INTERVAL);
+}
+
+intervalProcess.stop = () => {
+    if (intervalProcess.instance !== undefined) {
+        clearInterval(intervalProcess.instance);
+        delete intervalProcess.instance;
+    }
+}
+
+//Node becomes master
+function serveAsMaster(init) {
+    console.info('Starting master process');
+    slave.stop();
+    _mode = MASTER_MODE;
+    keys.sink_chest.reset();
+    intervalProcess.start();
+    informLiveNodes(init);
+    _app.resume();
+}
+
+//Node becomes slave
+function serveAsSlave(ws, init) {
+    console.info('Starting slave process');
+    intervalProcess.stop();
+    _app.pause();
+    slave.start(ws, init);
+    _mode = SLAVE_MODE;
 }
 
 //Transmistter
 function startBackupTransmitter(server) {
-    wss = new WebSocket.Server({
+    _wss = new WebSocket.Server({
         server
     });
-    wss.on('connection', ws => {
+    _wss.on('connection', ws => {
         ws.on('message', message => {
             //verify if from a backup node
             try {
@@ -335,7 +366,7 @@ function startBackupTransmitter(server) {
                         slaveConnect(request.floID, request.pubKey, ws, request.sinks);
                         break;
                     case "SINK_SHARE":
-                        collectShares(request.floID, request.sinkID, floCrypto.decryptData(request.share, global.myPrivKey))
+                        collectShares(request.sinkID, request.ref, floCrypto.decryptData(request.share, keys.node_priv))
                     default:
                         invalid = "Invalid Request Type";
                 }
@@ -361,16 +392,15 @@ function startBackupTransmitter(server) {
     });
 }
 
-function initProcess(a) {
-    app = a;
-    app.chests = chests;
-    app.collectAndCall = collectAndCall;
-    startBackupTransmitter(app.server);
+function initProcess(app) {
+    _app = app;
+    startBackupTransmitter(_app.server);
     connectToMaster(0, true);
 }
 
 module.exports = {
     init: initProcess,
+    collectAndCall,
     set nodeList(list) {
         nodeURL = list;
         nodeKBucket = new K_Bucket(floGlobals.adminID, Object.keys(nodeURL));
@@ -383,6 +413,6 @@ module.exports = {
         tokenList = assets.filter(a => a.toUpperCase() !== "FLO");
     },
     get wss() {
-        return wss;
+        return _wss;
     }
 };
\ No newline at end of file
diff --git a/src/backup/slave.js b/src/backup/slave.js
index 55eae2f..689a016 100644
--- a/src/backup/slave.js
+++ b/src/backup/slave.js
@@ -1,5 +1,6 @@
 'use strict';
 
+const keys = require("../keys");
 const DB = require("../database");
 
 const {
@@ -21,18 +22,23 @@ function startSlaveProcess(ws, init) {
     ws.on('message', processDataFromMaster);
     masterWS = ws;
     let sinks_stored = [];
-    DB.query("SELECT floID FROM sinkShares").then(result => {
-        sinks_stored = result.map(r => r.floID);
+    Promise.all([keys.getStoredList(), keys.getDiscardedList()]).then(result => {
+        let stored_list = result[0],
+            discarded_list = result[1];
+        for (let g in stored_list)
+            for (let id in stored_list[g])
+                if (!(stored_list[g][id] in discarded_list))
+                    sinks_stored.push(id);
     }).catch(error => console.error(error)).finally(_ => {
         //inform master
         let message = {
-            floID: global.myFloID,
-            pubKey: global.myPubKey,
+            floID: keys.node_id,
+            pubKey: keys.node_pub,
             sinks: sinks_stored,
             req_time: Date.now(),
             type: "SLAVE_CONNECT"
         }
-        message.sign = floCrypto.signData(message.type + "|" + message.req_time, global.myPrivKey);
+        message.sign = floCrypto.signData(message.type + "|" + message.req_time, keys.node_priv);
         ws.send(JSON.stringify(message));
         //start sync
         if (init)
@@ -58,14 +64,14 @@ function requestBackupSync(checksum_trigger, ws) {
     return new Promise((resolve, reject) => {
         DB.query('SELECT MAX(u_time) as last_time FROM _backup').then(result => {
             let request = {
-                floID: global.myFloID,
-                pubKey: global.myPubKey,
+                floID: keys.node_id,
+                pubKey: keys.node_pub,
                 type: "BACKUP_SYNC",
                 last_time: result[0].last_time,
                 checksum: checksum_trigger,
                 req_time: Date.now()
             };
-            request.sign = floCrypto.signData(request.type + "|" + request.req_time, global.myPrivKey);
+            request.sign = floCrypto.signData(request.type + "|" + request.req_time, keys.node_priv);
             ws.send(JSON.stringify(request));
             resolve(request);
         }).catch(error => reject(error))
@@ -134,10 +140,10 @@ function processDataFromMaster(message) {
             processBackupData(message);
         else switch (message.command) {
             case "SINK_SHARE":
-                storeSinkShare(message.sinkID, message.keyShare);
+                storeSinkShare(message.group, message.sinkID, message.share, message.ref);
                 break;
             case "SEND_SHARE":
-                sendSinkShare(message.sinkID, message.pubKey);
+                sendSinkShare(message.group, message.sinkID, message.pubKey);
                 break;
             case "REQUEST_ERROR":
                 console.log(message.error);
@@ -150,30 +156,26 @@ function processDataFromMaster(message) {
     }
 }
 
-function storeSinkShare(sinkID, keyShare, decrypt = true) {
-    if (decrypt)
-        keyShare = floCrypto.decryptData(keyShare, global.myPrivKey)
-    let encryptedShare = Crypto.AES.encrypt(keyShare, global.myPrivKey);
-    console.debug(Date.now(), '|sinkID:', sinkID, '|EnShare:', encryptedShare);
-    DB.query("INSERT INTO sinkShares (floID, share) VALUE (?) ON DUPLICATE KEY UPDATE share=?", [[sinkID, encryptedShare], encryptedShare])
+function storeSinkShare(group, sinkID, share, ref) {
+    share = floCrypto.decryptData(share, keys.node_priv);
+    keys.addShare(group, sinkID, ref, share)
         .then(_ => null).catch(error => console.error(error));
 }
 
-function sendSinkShare(sinkID, pubKey) {
-    DB.query("SELECT share FROM sinkShares WHERE floID=?", [sinkID]).then(result => {
-        if (!result.length)
-            return console.warn(`key-shares for ${sinkID} not found in database!`);
-        let share = Crypto.AES.decrypt(result[0].share, global.myPrivKey);
-        let response = {
-            type: "SINK_SHARE",
-            sinkID: sinkID,
-            share: floCrypto.encryptData(share, pubKey),
-            floID: global.myFloID,
-            pubKey: global.myPubKey,
-            req_time: Date.now()
-        }
-        response.sign = floCrypto.signData(response.type + "|" + response.req_time, global.myPrivKey); //TODO: strengthen signature
-        masterWS.send(JSON.stringify(response));
+function sendSinkShare(group, sinkID, pubKey) {
+    keys.getShares(group, sinkID).then(({ ref, shares }) => {
+        shares.forEach(s => {
+            let response = {
+                type: "SINK_SHARE",
+                sinkID, ref,
+                share: floCrypto.encryptData(s, pubKey),
+                floID: keys.node_id,
+                pubKey: keys.node_pub,
+                req_time: Date.now()
+            }
+            response.sign = floCrypto.signData(response.type + "|" + response.req_time, keys.node_priv); //TODO: strengthen signature
+            masterWS.send(JSON.stringify(response));
+        })
     }).catch(error => console.error(error));
 }
 
@@ -356,13 +358,13 @@ function requestHash(tables) {
     //TODO: resync only necessary data (instead of entire table)
     let self = requestInstance;
     let request = {
-        floID: global.myFloID,
-        pubKey: global.myPubKey,
+        floID: keys.node_id,
+        pubKey: keys.node_pub,
         type: "HASH_SYNC",
         tables: tables,
         req_time: Date.now()
     };
-    request.sign = floCrypto.signData(request.type + "|" + request.req_time, global.myPrivKey);
+    request.sign = floCrypto.signData(request.type + "|" + request.req_time, keys.node_priv);
     self.ws.send(JSON.stringify(request));
     self.request = request;
     self.checksum = null;
@@ -411,13 +413,13 @@ function verifyHash(hashes) {
 
 function requestTableChunks(tables, ws) {
     let request = {
-        floID: global.myFloID,
-        pubKey: global.myPubKey,
+        floID: keys.node_id,
+        pubKey: keys.node_pub,
         type: "RE_SYNC",
         tables: tables,
         req_time: Date.now()
     };
-    request.sign = floCrypto.signData(request.type + "|" + request.req_time, global.myPrivKey);
+    request.sign = floCrypto.signData(request.type + "|" + request.req_time, keys.node_priv);
     ws.send(JSON.stringify(request));
 }
 
@@ -427,6 +429,5 @@ module.exports = {
     },
     start: startSlaveProcess,
     stop: stopSlaveProcess,
-    storeShare: storeSinkShare,
     syncRequest: ws => requestInstance.open(ws)
 }
\ No newline at end of file
diff --git a/src/blockchain.js b/src/blockchain.js
index 138f70e..a20e4ef 100644
--- a/src/blockchain.js
+++ b/src/blockchain.js
@@ -1,17 +1,25 @@
 'use strict';
 
 const pCode = require('../docs/scripts/floExchangeAPI').processCode;
+const { collectAndCall } = require('./backup/head');
+const keys = require('./keys');
 const DB = require("./database");
 
-var collectAndCall; //container for collectAndCall function from backup module
-var chests; //container for blockchain ids (where assets are stored)
-
 const TYPE_VAULT = "VAULT",
     TYPE_CONVERT = "CONVERT",
     TYPE_CONVERT_POOL = "CONVERT_POOL",
-    TYPE_REFUND = "REFUND",
-    TYPE_BOND = "BOND",
-    TYPE_FUND = "BOB-FUND";
+    TYPE_CONVERT_REFUND = "REFUND",
+    TYPE_BLOCKCHAIN_BOND = "BOND",
+    TYPE_BOBS_FUND = "BOB-FUND";
+
+const SINK_GROUP = {
+    [TYPE_VAULT]: keys.sink_groups.EXCHANGE,
+    [TYPE_CONVERT]: keys.sink_groups.CONVERT,
+    [TYPE_CONVERT_POOL]: keys.sink_groups.CONVERT,
+    [TYPE_CONVERT_REFUND]: keys.sink_groups.CONVERT,
+    [TYPE_BLOCKCHAIN_BOND]: keys.sink_groups.BLOCKCHAIN_BONDS,
+    [TYPE_BOBS_FUND]: keys.sink_groups.BOBS_FUND
+}
 
 const balance_locked = {},
     balance_cache = {},
@@ -19,9 +27,9 @@ const balance_locked = {},
         [TYPE_VAULT]: {},
         [TYPE_CONVERT]: {},
         [TYPE_CONVERT_POOL]: {},
-        [TYPE_REFUND]: {},
-        [TYPE_BOND]: {},
-        [TYPE_FUND]: {}
+        [TYPE_CONVERT_REFUND]: {},
+        [TYPE_BLOCKCHAIN_BOND]: {},
+        [TYPE_BOBS_FUND]: {}
     };
 
 function getBalance(sinkID, asset) {
@@ -36,10 +44,10 @@ function getBalance(sinkID, asset) {
     }
 }
 
-function getSinkID(quantity, asset, sinkList = null) {
+function getSinkID(type, quantity, asset, sinkList = null) {
     return new Promise((resolve, reject) => {
         if (!sinkList)
-            sinkList = chests.list.map(s => [s, s in balance_cache ? balance_cache[s][asset] || 0 : 0]) //TODO: improve sorting
+            sinkList = keys.sink_chest.list(SINK_GROUP[type]).map(s => [s, s in balance_cache ? balance_cache[s][asset] || 0 : 0]) //TODO: improve sorting
                 .sort((a, b) => b[1] - a[1]).map(x => x[0]);
         if (!sinkList.length)
             return reject(`Insufficient balance in chests for asset(${asset})`);
@@ -51,12 +59,12 @@ function getSinkID(quantity, asset, sinkList = null) {
             if (balance > (quantity + (sinkID in balance_locked ? balance_locked[sinkID][asset] || 0 : 0)))
                 return resolve(sinkID);
             else
-                getSinkID(quantity, asset, sinkList)
+                getSinkID(type, quantity, asset, sinkList)
                     .then(result => resolve(result))
                     .catch(error => reject(error))
         }).catch(error => {
             console.error(error);
-            getSinkID(quantity, asset, sinkList)
+            getSinkID(type, quantity, asset, sinkList)
                 .then(result => resolve(result))
                 .catch(error => reject(error))
         });
@@ -67,9 +75,9 @@ const WITHDRAWAL_MESSAGE = {
     [TYPE_VAULT]: "(withdrawal from market)",
     [TYPE_CONVERT]: "(convert coin)",
     [TYPE_CONVERT_POOL]: "(convert fund)",
-    [TYPE_REFUND]: "(refund from market)",
-    [TYPE_BOND]: "(bond closing)",
-    [TYPE_FUND]: "(fund investment closing)"
+    [TYPE_CONVERT_REFUND]: "(refund from market)",
+    [TYPE_BLOCKCHAIN_BOND]: "(bond closing)",
+    [TYPE_BOBS_FUND]: "(fund investment closing)"
 }
 
 function sendTx(floID, asset, quantity, sinkID, sinkKey, message) {
@@ -89,14 +97,14 @@ const updateSyntax = {
     [TYPE_VAULT]: "UPDATE VaultTransactions SET r_status=?, txid=? WHERE id=?",
     [TYPE_CONVERT]: "UPDATE DirectConvert SET r_status=?, out_txid=? WHERE id=?",
     [TYPE_CONVERT_POOL]: "UPDATE ConvertFund SET r_status=?, txid=? WHERE id=?",
-    [TYPE_REFUND]: "UPDATE RefundTransact SET r_status=?, out_txid=? WHERE id=?",
-    [TYPE_BOND]: "UPDATE CloseBondTransact SET r_status=?, txid=? WHERE id=?",
-    [TYPE_FUND]: "UPDATE CloseFundTransact SET r_status=?, txid=? WHERE id=?"
+    [TYPE_CONVERT_REFUND]: "UPDATE RefundConvert SET r_status=?, out_txid=? WHERE id=?",
+    [TYPE_BLOCKCHAIN_BOND]: "UPDATE CloseBondTransact SET r_status=?, txid=? WHERE id=?",
+    [TYPE_BOBS_FUND]: "UPDATE CloseFundTransact SET r_status=?, txid=? WHERE id=?"
 };
 
 function sendAsset(floID, asset, quantity, type, id) {
     quantity = global.toStandardDecimal(quantity);
-    getSinkID(quantity, asset).then(sinkID => {
+    getSinkID(type, quantity, asset).then(sinkID => {
         let callback = (sinkKey) => {
             //Send asset to user via API
             sendTx(floID, asset, quantity, sinkID, sinkKey, WITHDRAWAL_MESSAGE[type]).then(txid => {
@@ -110,7 +118,7 @@ function sendAsset(floID, asset, quantity, type, id) {
                 balance_locked[sinkID][asset] -= quantity;
             });
         }
-        collectAndCall(sinkID, callback);
+        collectAndCall(sinkID, callback); //TODO: add timeout to prevent infinite wait
         callbackCollection[type][id] = callback;
         if (!(sinkID in balance_locked))
             balance_locked[sinkID] = {};
@@ -165,39 +173,30 @@ function convertFundWithdraw_retry(asset, amount, id) {
 }
 
 function bondTransact_retry(floID, amount, btc_rate, usd_rate, id) {
-    if (id in callbackCollection[TYPE_BOND])
+    if (id in callbackCollection[TYPE_BLOCKCHAIN_BOND])
         console.debug("A callback is already pending for this Bond closing");
-    else sendAsset(floID, "BTC", amount / (btc_rate * usd_rate), TYPE_BOND, id);
+    else sendAsset(floID, "BTC", amount / (btc_rate * usd_rate), TYPE_BLOCKCHAIN_BOND, id);
 }
 function fundTransact_retry(floID, amount, btc_rate, usd_rate, id) {
-    if (id in callbackCollection[TYPE_FUND])
+    if (id in callbackCollection[TYPE_BOBS_FUND])
         console.debug("A callback is already pending for this Fund investment closing");
-    else sendAsset(floID, "BTC", amount / (btc_rate * usd_rate), TYPE_FUND, id);
+    else sendAsset(floID, "BTC", amount / (btc_rate * usd_rate), TYPE_BOBS_FUND, id);
 }
 
-function refundTransact_init(floID, asset, amount, id) {
+function refundConvert_init(floID, asset, amount, id) {
     amount = global.toStandardDecimal(amount);
-    DB.query("UPDATE RefundTransact SET amount=?, r_status=?, locktime=DEFAULT WHERE id=?", [amount, pCode.STATUS_PROCESSING, id])
-        .then(result => sendAsset(floID, asset, amount, TYPE_REFUND, id))
+    DB.query("UPDATE RefundConvert SET amount=?, r_status=?, locktime=DEFAULT WHERE id=?", [amount, pCode.STATUS_PROCESSING, id])
+        .then(result => sendAsset(floID, asset, amount, TYPE_CONVERT_REFUND, id))
         .catch(error => console.error(error))
 }
 
-function refundTransact_retry(floID, asset, amount, id) {
-    if (id in callbackCollection[TYPE_REFUND])
+function refundConvert_retry(floID, asset, amount, id) {
+    if (id in callbackCollection[TYPE_CONVERT_REFUND])
         console.debug("A callback is already pending for this Refund");
-    else sendAsset(floID, asset, amount, TYPE_REFUND, id);
+    else sendAsset(floID, asset, amount, TYPE_CONVERT_REFUND, id);
 }
 
 module.exports = {
-    set collectAndCall(fn) {
-        collectAndCall = fn;
-    },
-    get chests() {
-        return chests;
-    },
-    set chests(c) {
-        chests = c;
-    },
     withdrawAsset: {
         init: withdrawAsset_init,
         retry: withdrawAsset_retry
@@ -219,8 +218,8 @@ module.exports = {
     fundTransact: {
         retry: fundTransact_retry
     },
-    refundTransact: {
-        init: refundTransact_init,
-        retry: refundTransact_retry
+    refundConvert: {
+        init: refundConvert_init,
+        retry: refundConvert_retry
     }
 }
\ No newline at end of file
diff --git a/src/keys.js b/src/keys.js
new file mode 100644
index 0000000..db599e5
--- /dev/null
+++ b/src/keys.js
@@ -0,0 +1,380 @@
+'use strict';
+
+const fs = require('fs');
+const path = require('path');
+const DB = require("./database");
+
+const { SHARES_PER_NODE, SHARE_THRESHOLD } = require("./_constants")["keys"];
+
+const PRIV_EKEY_MIN = 32,
+    PRIV_EKEY_MAX = 48,
+    PRIME_FILE_TYPE = 'binary',
+    INDEX_FILE_TYPE = 'utf-8',
+    INT_MIN = -2147483648,
+    INT_MAX = 2147483647,
+    INDEX_FILE_NAME_LENGTH = 16,
+    INDEX_FILE_EXT = '.txt',
+    MIN_DUMMY_FILES = 16,
+    MAX_DUMMY_FILES = 24,
+    MIN_DUMMY_SIZE_MUL = 0.5,
+    MAX_DUMMY_SIZE_MUL = 1.5,
+    SIZE_FACTOR = 100;
+
+var node_priv, e_key, node_id, node_pub; //containers for node-key wrapper
+const _ = {
+    get node_priv() {
+        if (!node_priv || !e_key)
+            throw Error("keys not set");
+        return Crypto.AES.decrypt(node_priv, e_key);
+    },
+    set node_priv(key) {
+        node_pub = floCrypto.getPubKeyHex(key);
+        node_id = floCrypto.getFloID(node_pub);
+        if (!key || !node_pub || !node_id)
+            throw Error("Invalid Keys");
+        let n = floCrypto.randInt(PRIV_EKEY_MIN, PRIV_EKEY_MAX)
+        e_key = floCrypto.randString(n);
+        node_priv = Crypto.AES.encrypt(key, e_key);
+    },
+    args_dir: path.resolve(__dirname, '..', '..', 'args'),
+    index_dir: path.join(this.args_dir, 'indexes'),
+    prime_file: path.join(this.args_dir, 'prime_index.b'),
+    get index_file() {
+        try {
+            let data = fs.readFileSync(this.prime_file, PRIME_FILE_TYPE),
+                fname = Crypto.AES.decrypt(data, this.node_priv);
+            return path.join(this.index_dir, fname + INDEX_FILE_EXT);
+        } catch (error) {
+            console.debug(error);
+            throw Error("Prime-Index Missing/Corrupted");
+        }
+    }
+}
+
+function initialize() {
+    return new Promise((resolve, reject) => {
+        fs.readFile(_.prime_file, PRIME_FILE_TYPE, (err, res) => {
+            var data, cur_filename, new_filename, priv_key;
+            try {
+                priv_key = _.node_priv;
+            } catch (error) {
+                return reject(error);
+            }
+            if (!err) {
+                if (res.length) { //prime file not empty
+                    try {
+                        cur_filename = Crypto.AES.decrypt(res, priv_key);
+                    } catch (error) {
+                        console.debug(error);
+                        return reject("Prime file corrupted");
+                    } try { //read data from index file
+                        let tmp = fs.readFileSync(path.join(_.index_dir, cur_filename + INDEX_FILE_EXT), INDEX_FILE_TYPE);
+                        tmp = Crypto.AES.decrypt(tmp, priv_key);
+                        JSON.parse(tmp); //check if data is JSON parse-able
+                        data = tmp;
+                    } catch (error) {
+                        console.debug(error);
+                        return reject("Index file corrupted");
+                    }
+                }
+            }
+            try { //delete all old dummy files
+                let files = fs.readdirSync(_.index_dir);
+                for (const file of files)
+                    if (!cur_filename || file !== cur_filename + INDEX_FILE_EXT)    //check if file is current file
+                        fs.unlinkSync(path.join(_.index_dir, file));
+            } catch (error) {
+                console.debug(error);
+                return reject("Clear index directory failed");
+            } try { //create files (dummy and new index file)
+                let N = floCrypto.randInt(MIN_DUMMY_FILES, MAX_DUMMY_FILES),
+                    k = floCrypto.randInt(0, N);
+                if (typeof data === 'undefined' || data.length == 0)  //no existing data, initialize
+                    data = JSON.stringify({});
+                let data_size = data.length;
+                for (let i = 0; i <= N; i++) {
+                    let f_data, f_name = floCrypto.randString(INDEX_FILE_NAME_LENGTH);
+                    if (i == k) {
+                        new_filename = f_name;
+                        f_data = data;
+                    } else {
+                        let d_size = data_size * (floCrypto.randInt(MIN_DUMMY_SIZE_MUL * SIZE_FACTOR, MAX_DUMMY_SIZE_MUL * SIZE_FACTOR) / SIZE_FACTOR);
+                        f_data = floCrypto.randString(d_size, false);
+                    }
+                    f_data = Crypto.AES.encrypt(f_data, priv_key);
+                    fs.writeFileSync(path.join(_.index_dir, f_name + INDEX_FILE_EXT), f_data, INDEX_FILE_TYPE);
+                }
+            } catch (error) {
+                console.debug(error);
+                return reject("Index file creation failed");
+            } try { //update prime file
+                let en_filename = Crypto.AES.encrypt(new_filename, priv_key);
+                fs.writeFileSync(_.prime_file, en_filename, PRIME_FILE_TYPE);
+            } catch (error) {
+                console.debug(error);
+                return reject("Update prime file failed");
+            }
+            if (cur_filename)
+                fs.unlink(path.join(_.index_dir, file), err => err ? console.debug(err) : null);
+            resolve("Key management initiated");
+        })
+    })
+}
+
+function shuffle() {
+    readIndexFile().then(data => {
+        let new_filename, cur_filename = Crypto.AES.decrypt(fs.readFileSync(_.prime_file, PRIME_FILE_TYPE), _.node_priv);
+        fs.readdir(_.index_dir, (err, files) => {
+            if (err)
+                return console.error(err);
+            data = JSON.stringify(data);
+            let data_size = data.length;
+            for (let file of files) {
+                let f_data, f_name = floCrypto.randString(INDEX_FILE_NAME_LENGTH);
+                if (file === cur_filename) {
+                    new_filename = f_name;
+                    f_data = data;
+                } else {
+                    let d_size = data_size * (floCrypto.randInt(MIN_DUMMY_SIZE_MUL * SIZE_FACTOR, MAX_DUMMY_SIZE_MUL * SIZE_FACTOR) / SIZE_FACTOR);
+                    f_data = floCrypto.randString(d_size, false);
+                }
+                f_data = Crypto.AES.encrypt(f_data, _.node_priv);
+                //rename and rewrite the file
+                fs.renameSync(path.join(_.args_dir, file + INDEX_FILE_EXT), path.join(_.index_dir, f_name + INDEX_FILE_EXT));
+                fs.writeFileSync(path.join(_.index_dir, f_name + INDEX_FILE_EXT), f_data, INDEX_FILE_TYPE);
+            }
+            //update prime file
+            if (!new_filename)
+                throw Error("Index file has not been renamed");
+            let en_filename = Crypto.AES.encrypt(new_filename, _.node_priv);
+            fs.writeFileSync(_.prime_file, en_filename, PRIME_FILE_TYPE);
+        })
+    }).catch(error => console.error(error))
+}
+
+function readIndexFile() {
+    return new Promise((resolve, reject) => {
+        fs.readFile(_.index_file, INDEX_FILE_TYPE, (err, data) => {
+            if (err) {
+                console.debug(err);
+                return reject('Unable to read Index file');
+            }
+            try {
+                data = JSON.parse(Crypto.AES.decrypt(data, _.node_priv));
+                resolve(data);
+            } catch {
+                reject("Index file corrupted");
+            }
+        })
+    })
+}
+
+function writeIndexFile(data) {
+    return new Promise((resolve, reject) => {
+        let en_data = Crypto.AES.encrypt(JSON.stringify(data), _.node_priv);
+        fs.writeFile(_.index_file, en_data, INDEX_FILE_TYPE, (err) => {
+            if (err) {
+                console.debug(err);
+                return reject('Unable to write Index file');
+            } else resolve("Updated Index file");
+        })
+    })
+}
+
+function getShares(group, id, ignoreDiscarded = true) {
+    return new Promise((resolve, reject) => {
+        checkIfDiscarded(id).then(result => {
+            if (ignoreDiscarded && result != false)
+                return reject("Trying to get share for discarded ID");
+            readIndexFile().then(data => {
+                if (!(group in data))
+                    reject("Group not found in Index file");
+                else if (!(id in data[group]))
+                    reject("ID not found in Index file");
+                else {
+                    let ref = data[group][id].shift();
+                    DB.query("SELECT share FROM sinkShares WHERE num IN (?)", [data[group][id]])
+                        .then(result => resolve({ ref, shares: result.map(r => Crypto.AES.decrypt(r.share, _.node_priv)) }))
+                        .catch(error => reject(error))
+                }
+            }).catch(error => reject(error))
+        }).catch(error => reject(error))
+    })
+}
+
+function storeShareAtRandom(share) {
+    return new Promise((resolve, reject) => {
+        let rand = floCrypto.randInt(INT_MIN, INT_MAX);
+        DB.query("INSERT INTO sinkShares(num, share) VALUE (?)", [[rand, share]])
+            .then(result => resolve(result.insertId)).catch(error => {
+                if (error.code === "ER_DUP_ENTRY")
+                    storeShareAtRandom(share) //try again (with diff rand_num)
+                        .then(result => resolve(result))
+                        .catch(error => reject(error))
+                else
+                    reject(error);
+            })
+    })
+}
+
+function addShare(group, id, ref, share) {
+    return new Promise((resolve, reject) => {
+        checkIfDiscarded(id).then(result => {
+            if (result != false)
+                return reject("Trying to store share for discarded ID");
+            readIndexFile().then(data => {
+                if (!(group in data))
+                    data[group] = {};
+                if (!(id in data[group]))
+                    data[group][id] = [ref];
+                else if (ref < data[group][id][0])
+                    return reject("reference is lower than current");
+                else if (ref > data[group][id][0]) {
+                    let old_shares = data[group][id];
+                    data[group][id] = [ref];
+                    old_shares.shift();
+                    DB.query("DELETE FROM sinkShares WHERE num in (?", [old_shares])//delete old shares
+                        .then(_ => null).catch(error => console.error(error));
+                }
+                let encrypted_share = Crypto.AES.encrypt(share, _.node_priv);
+                console.debug(ref, '|sinkID:', sinkID, '|EnShare:', encrypted_share);
+                storeShareAtRandom(encrypted_share).then(i => {
+                    data[group][id].push(i);
+                    writeIndexFile(data).then(_ => resolve(i)).catch(error => reject(error));
+                }).catch(error => reject(error))
+            }).catch(error => reject(error))
+        }).catch(error => reject(error))
+    })
+}
+
+function generateShares(sinkKey, total_n, min_n) {
+    let shares = floCrypto.createShamirsSecretShares(sinkKey, total_n * SHARES_PER_NODE, min_n * SHARES_PER_NODE * SHARE_THRESHOLD);
+    let node_shares = Array(total_n);
+    for (let i = 0; i < total_n; i++)
+        node_shares[i] = shares.splice(0, SHARES_PER_NODE);
+    return node_shares;
+}
+
+function getStoredList(group = null) {
+    return new Promise((resolve, reject) => {
+        readIndexFile().then(data => {
+            if (group !== null) {
+                if (group in data)
+                    resolve(Object.keys(data.group));
+                else
+                    reject("Group not found in Index file");
+            } else {
+                let ids = {};
+                for (let group in data)
+                    ids[group] = Object.keys(data.group);
+                resolve(ids);
+            }
+        }).catch(error => reject(error))
+    })
+}
+
+function getDiscardedList() {
+    return new Promise((resolve, reject) => {
+        DB.query("SELECT floID, discard_time FROM discardedSinks")
+            .then(result => resolve(Object.fromEntries(result.map(r => [r.floID, r.discard_time]))))
+            .catch(error => reject(error))
+    })
+}
+
+function checkIfDiscarded(id) {
+    return new Promise((resolve, reject) => {
+        DB.query("SELECT discard_time FROM discardedSinks WHERE floID=?", [id])
+            .then(result => resolve(result.length ? result[0].discard_time : false))
+            .catch(error => reject(error))
+    })
+}
+
+//Sink groups and chest
+const sink_groups = {
+    get EXCHANGE() { return "exchange" },
+    get CONVERT() { return "convert" },
+    get BLOCKCHAIN_BONDS() { return "blockchain_bonds" },
+    get BOBS_FUND() { return "bobs_fund" },
+    get generate_list() { //list to generate when starting exchange
+        return [this.EXCHANGE, this.CONVERT]
+    }
+};
+
+const sink_ids = {}, sink_chest = {
+    reset() {
+        for (let i in sink_ids)
+            delete sink_ids[i];
+    },
+    set_id(group, id, value) {
+        if (!(group in sink_ids))
+            sink_ids[group] = {};
+        sink_ids[group][id] = value;
+    },
+    rm_id(group, id) {
+        return delete sink_ids[group][id];
+    },
+    get_id(group, id) {
+        return sink_ids[group][id];
+    },
+    list(group) {
+        return Object.keys(sink_ids[group] || {});
+    },
+    active_list(group) {
+        let ids = [];
+        if (group in sink_ids)
+            for (let id in sink_ids[group])
+                if (sink_ids[group][id])
+                    ids.push(id);
+        return ids;
+    },
+    includes(group, id) {
+        return group in sink_ids ? (id in sink_ids[group]) : null;
+    },
+    isActive(group, id) {
+        return group in sink_ids ? (id in sink_ids && sink_ids[id]) : null;
+    },
+    pick(group) {
+        let ids = this.list(group),
+            i = floCrypto.randInt(0, ids.length);
+        return ids[i];
+    },
+    active_pick(group) {
+        let ids = this.active_list(group),
+            i = floCrypto.randInt(0, ids.length);
+        return ids[i];
+    },
+    get_all() {
+        let ids = {};
+        for (let g in sink_ids)
+            ids[g] = Object.keys(sink_ids[g])
+        return ids;
+    }
+};
+
+module.exports = {
+    init: initialize,
+    getShares,
+    addShare,
+    generateShares,
+    getStoredList,
+    getDiscardedList,
+    checkIfDiscarded,
+    set node_priv(key) {
+        _.node_priv = key;
+    },
+    get node_priv() {
+        return _.node_priv;
+    },
+    get node_id() {
+        return node_id;
+    },
+    get node_id() {
+        return node_pub;
+    },
+    get sink_groups() {
+        return sink_groups;
+    },
+    get sink_chest() {
+        return sink_chest;
+    }
+}
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
index 26bf63b..97d2d77 100644
--- a/src/main.js
+++ b/src/main.js
@@ -13,6 +13,7 @@ global.btcOperator = require('../docs/scripts/btcOperator');
     floGlobals.application = application;
 })();
 
+const keys = require('./keys');
 const DB = require("./database");
 const App = require('./app');
 
@@ -178,17 +179,13 @@ module.exports = function startServer() {
             console.error('Password not entered!');
             process.exit(1);
         }
-        global.myPrivKey = Crypto.AES.decrypt(_tmp, _pass);
-        global.myPubKey = floCrypto.getPubKeyHex(global.myPrivKey);
-        global.myFloID = floCrypto.getFloID(global.myPubKey);
-        if (!global.myFloID || !global.myPubKey || !global.myPrivKey)
-            throw "Invalid Keys";
+        keys.node_priv = Crypto.AES.decrypt(_tmp, _pass);
     } catch (error) {
         console.error('Unable to load private key!');
         process.exit(1);
     }
 
-    console.log("Logged in as", global.myFloID);
+    console.log("Logged in as", keys.node_id);
 
     DB.connect(config["sql_user"], config["sql_pwd"], config["sql_db"], config["sql_host"]).then(result => {
         app = new App(config['secret']);
diff --git a/src/market.js b/src/market.js
index f23c04f..d865dae 100644
--- a/src/market.js
+++ b/src/market.js
@@ -1,14 +1,12 @@
 'use strict';
 
 const coupling = require('./coupling');
+const price = require("./price");
 const background = require('./background');
 const DB = require("./database");
-
-const blockchain = background.blockchain;
+const blockchain = require('./blockchain');
 
 const {
-    PERIOD_INTERVAL,
-    WAIT_TIME,
     TRADE_HASH_PREFIX,
     TRANSFER_HASH_PREFIX
 } = require('./_constants')["market"];
@@ -41,7 +39,7 @@ function getRateHistory(asset, duration) {
         if (!asset || !assetList.includes(asset))
             reject(INVALID(eCode.INVALID_TOKEN_NAME, `Invalid asset(${asset})`));
         else
-            coupling.price.getHistory(asset, duration)
+            price.getHistory(asset, duration)
                 .then(result => resolve(result))
                 .catch(error => reject(error))
     })
@@ -469,58 +467,14 @@ function checkDistributor(floID, asset) {
     })
 }
 
-//Periodic Process
-
-function periodicProcess_start() {
-    periodicProcess_stop();
-    periodicProcess();
-    assetList.forEach(asset => coupling.initiate(asset, true));
-    coupling.price.storeHistory.start();
-    periodicProcess.instance = setInterval(periodicProcess, PERIOD_INTERVAL);
-}
-
-function periodicProcess_stop() {
-    if (periodicProcess.instance !== undefined) {
-        clearInterval(periodicProcess.instance);
-        delete periodicProcess.instance;
-    }
-    coupling.stopAll();
-    coupling.price.storeHistory.stop();
-};
-
-var lastSyncBlockHeight = 0;
-
-function periodicProcess() {
-    if (periodicProcess.timeout !== undefined) {
-        clearTimeout(periodicProcess.timeout);
-        delete periodicProcess.timeout;
-    }
-    if (!blockchain.chests.list.length)
-        return periodicProcess.timeout = setTimeout(periodicProcess, WAIT_TIME);
-
-    floBlockchainAPI.promisedAPI('api/blocks?limit=1').then(result => {
-        if (lastSyncBlockHeight < result.blocks[0].height) {
-            lastSyncBlockHeight = result.blocks[0].height;
-            background.process();
-            console.log("Last Block :", lastSyncBlockHeight);
-        }
-    }).catch(error => console.error(error));
-}
-
 module.exports = {
     login,
     logout,
     get rates() {
-        return coupling.price.currentRates;
+        return price.currentRates;
     },
     get priceCountDown() {
-        return coupling.price.lastTimes;
-    },
-    get chests() {
-        return blockchain.chests;
-    },
-    set chests(c) {
-        blockchain.chests = c;
+        return price.lastTimes;
     },
     addBuyOrder,
     addSellOrder,
@@ -539,18 +493,11 @@ module.exports = {
     removeTag,
     addDistributor,
     removeDistributor,
-    periodicProcess: {
-        start: periodicProcess_start,
-        stop: periodicProcess_stop
-    },
     set assetList(assets) {
         assetList = assets;
         background.assetList = assets;
     },
     get assetList() {
         return assetList
-    },
-    set collectAndCall(fn) {
-        blockchain.collectAndCall = fn;
-    },
+    }
 };
\ No newline at end of file

From b029c0ec30baa1106c06b2cd119e4c51e6e024ae Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Tue, 15 Nov 2022 03:22:41 +0530
Subject: [PATCH 153/168] Convert Values

- Convert can now be done in certain values if configured
---
 src/_constants.js          |  8 +++-
 src/services/conversion.js | 91 +++++++++++++++++++++++++++++++-------
 2 files changed, 83 insertions(+), 16 deletions(-)

diff --git a/src/_constants.js b/src/_constants.js
index 5b248b2..461cc66 100644
--- a/src/_constants.js
+++ b/src/_constants.js
@@ -33,7 +33,13 @@ module.exports = {
         REC_HISTORY_INTERVAL: 1 * 60 * 60 * 1000, //1 hr
     },
     convert: {
-        MIN_FUND: 0.3 // 30%
+        MIN_FUND: 0.3, // 30%
+        TO_FIXED_VALUES: [250, 500],
+        TO_MIN_VALUE: 1000,
+        TO_MAX_VALUE: 10000,
+        FROM_FIXED_VALUES: [0.01],
+        FROM_MIN_VALUE: 0.0001,
+        FROM_MAX_VALUE: 10000,
     },
     backup: {
         HASH_N_ROW: 100,
diff --git a/src/services/conversion.js b/src/services/conversion.js
index d548801..41c8605 100644
--- a/src/services/conversion.js
+++ b/src/services/conversion.js
@@ -1,10 +1,19 @@
 'use strict';
 
 const DB = require("../database");
-const { MIN_FUND } = require('../_constants')['convert'];
 const eCode = require('../../docs/scripts/floExchangeAPI').errorCode;
 const pCode = require('../../docs/scripts/floExchangeAPI').processCode;
 
+const {
+    MIN_FUND,
+    TO_FIXED_VALUES,
+    TO_MAX_VALUE,
+    TO_MIN_VALUE,
+    FROM_FIXED_VALUES,
+    FROM_MAX_VALUE,
+    FROM_MIN_VALUE
+} = require('../_constants')['convert'];
+
 const allowedConversion = ["BTC"];
 
 function BTC_INR() {
@@ -43,14 +52,14 @@ function USD_INR() {
     });
 }
 
-function checkPoolBalance(coin, req_value, mode) {
+function getPoolAvailability(coin) {
     return new Promise((resolve, reject) => {
         if (!allowedConversion.includes(coin))
             return reject(INVALID(eCode.INVALID_TOKEN_NAME, `Invalid coin (${coin})`));
         let q = "SELECT mode, SUM(quantity) AS coin_val, SUM(amount) AS cash_val FROM (" +
             "(SELECT amount, coin, quantity, mode, r_status FROM DirectConvert) UNION " +
             "(SELECT amount, coin, quantity, mode, r_status FROM ConvertFund) " +
-            ") AS T1 WHERE T1.coin=? AND T1.r_status NOT IN (?) GROUP BY T1.mode"
+            ") AS T1 WHERE T1.coin=? AND T1.r_status NOT IN (?) GROUP BY T1.mode";
         DB.query(q, [coin, [pCode.STATUS_REJECTED]]).then(result => {
             let coin_net = 0, cash_net = 0;
             for (let r of result)
@@ -63,28 +72,74 @@ function checkPoolBalance(coin, req_value, mode) {
                 }
             BTC_INR().then(rate => {
                 coin_net = coin_net * rate;
-                let availability = -1;
-                if (mode == pCode.CONVERT_MODE_GET)
-                    availability = coin_net - cash_net * MIN_FUND;
-                else if (mode == pCode.CONVERT_MODE_PUT) {
-                    availability = cash_net - coin_net * MIN_FUND;
-                    req_value = req_value * rate; //convert to currency value
-                }
-                if (req_value > availability)
-                    reject(INVALID(eCode.INSUFFICIENT_FUND, `Insufficient convert! Availability: ${availability > 0 ? availability : 0}`));
-                else
-                    resolve(true);
+                let cash_availability = cash_net - coin_net * MIN_FUND,
+                    coin_availability = (coin_net - cash_net * MIN_FUND) / rate;
+                if (cash_availability < 0) cash_availability = 0;
+                if (coin_availability < 0) coin_availability = 0;
+                resolve({ cash: cash_availability, coin: coin_availability, rate })
             }).catch(error => reject(error))
         }).catch(error => reject(error))
     })
 }
 
+function checkPoolBalance(coin, req_value, mode) {
+    return new Promise((resolve, reject) => {
+        getPoolAvailability(coin).then(result => {
+            let availability = -1;
+            if (mode == pCode.CONVERT_MODE_GET) {
+                availability = result.coin;
+                req_value = req_value / result.rate; //convert to coin value
+            }
+            else if (mode == pCode.CONVERT_MODE_PUT) {
+                availability = result.cash;
+                req_value = req_value * result.rate; //convert to currency value
+            }
+            if (req_value > availability)
+                reject(INVALID(eCode.INSUFFICIENT_FUND, `Insufficient convert! Availability: ${availability > 0 ? availability : 0}`));
+            else
+                resolve(true);
+        }).catch(error => reject(error))
+    })
+}
+
+function getConvertValues() {
+    return new Promise((resolve, reject) => {
+        getPoolAvailability("BTC").then(avail => {
+            let result = {};
+            if (avail.coin > 0) {
+                let coin_availability = avail.coin * avail.rate; //convert to currency value
+                if (Array.isArray(TO_FIXED_VALUES) && TO_FIXED_VALUES.length)
+                    result[pCode.CONVERT_MODE_GET] = TO_FIXED_VALUES.filter(a => a < coin_availability);
+                else if (!TO_MIN_VALUE || TO_MIN_VALUE <= coin_availability) {
+                    result[pCode.CONVERT_MODE_GET] = { min: 0 };
+                    result[pCode.CONVERT_MODE_GET].max = (!TO_MAX_VALUE || TO_MIN_VALUE >= coin_availability) ? coin_availability : TO_MAX_VALUE;
+                }
+            }
+            if (avail.cash > 0) {
+                let cash_availability = avail.cash / avail.rate; //convert to coin value
+                if (Array.isArray(FROM_FIXED_VALUES) && FROM_FIXED_VALUES.length)
+                    result[pCode.CONVERT_MODE_GET] = FROM_FIXED_VALUES.filter(a => a < cash_availability);
+                else if (!FROM_MIN_VALUE || FROM_MIN_VALUE <= cash_availability) {
+                    result[pCode.CONVERT_MODE_GET] = { min: 0 };
+                    result[pCode.CONVERT_MODE_GET].max = (!FROM_MAX_VALUE || FROM_MIN_VALUE >= cash_availability) ? cash_availability : FROM_MAX_VALUE;
+                }
+            }
+            resolve(result)
+        }).catch(error => reject(error))
+    })
+}
+
 function convertToCoin(floID, txid, coin, amount) {
     return new Promise((resolve, reject) => {
         if (!allowedConversion.includes(coin))
             return reject(INVALID(eCode.INVALID_TOKEN_NAME, `Invalid coin (${coin})`));
         else if (typeof amount !== "number" || amount <= 0)
             return reject(INVALID(eCode.INVALID_NUMBER, `Invalid amount (${amount})`));
+        else if (Array.isArray(TO_FIXED_VALUES) && TO_FIXED_VALUES.length) {
+            if (!TO_FIXED_VALUES.includes(amount))
+                return reject(INVALID(eCode.INVALID_NUMBER, `Invalid amount (${amount})`));
+        } else if (TO_MIN_VALUE && TO_MIN_VALUE > amount || TO_MAX_VALUE && TO_MAX_VALUE < amount)
+            return reject(INVALID(eCode.INVALID_NUMBER, `Invalid amount (${amount})`));
         DB.query("SELECT r_status FROM DirectConvert WHERE in_txid=? AND floID=? AND mode=?", [txid, floID, pCode.CONVERT_MODE_GET]).then(result => {
             if (result.length)
                 return reject(INVALID(eCode.DUPLICATE_ENTRY, "Transaction already in process"));
@@ -95,7 +150,7 @@ function convertToCoin(floID, txid, coin, amount) {
             }).catch(error => {
                 if (error instanceof INVALID && error.ecode === eCode.INSUFFICIENT_FUND)
                     DB.query("INSERT INTO DirectConvert(floID, in_txid, mode, coin, amount, r_status) VALUES (?)", [[floID, txid, pCode.CONVERT_MODE_GET, coin, amount, pCode.STATUS_REJECTED]]).then(result => {
-                        DB.query("INSERT INTO RefundTransact(floID, in_txid, asset_type, asset, r_status) VALUES (?)", [[floID, txid, pCode.ASSET_TYPE_TOKEN, floGlobals.currency, pCode.STATUS_PENDING]])
+                        DB.query("INSERT INTO RefundConvert(floID, in_txid, asset_type, asset, r_status) VALUES (?)", [[floID, txid, pCode.ASSET_TYPE_TOKEN, floGlobals.currency, pCode.STATUS_PENDING]])
                             .then(_ => null).catch(error => console.error(error));
                     }).catch(error => console.error(error))
                 reject(error);
@@ -110,6 +165,11 @@ function convertFromCoin(floID, txid, tx_hex, coin, quantity) {
             return reject(INVALID(eCode.INVALID_TOKEN_NAME, `Invalid coin (${coin})`));
         else if (typeof quantity !== "number" || quantity <= 0)
             return reject(INVALID(eCode.INVALID_NUMBER, `Invalid quantity (${quantity})`));
+        else if (Array.isArray(FROM_FIXED_VALUES) && FROM_FIXED_VALUES.length) {
+            if (!FROM_FIXED_VALUES.includes(quantity))
+                return reject(INVALID(eCode.INVALID_NUMBER, `Invalid quantity (${quantity})`));
+        } else if (FROM_MIN_VALUE && FROM_MIN_VALUE > quantity || FROM_MAX_VALUE && FROM_MAX_VALUE < quantity)
+            return reject(INVALID(eCode.INVALID_NUMBER, `Invalid quantity (${quantity})`));
         else if (btcOperator.transactionID(tx_hex) !== txid)
             return reject(INVALID(eCode.INVALID_TX_ID, `txid ${txid} doesnt match the tx-hex`));
         DB.query("SELECT r_status FROM DirectConvert WHERE in_txid=? AND floID=? AND mode=?", [txid, floID, pCode.CONVERT_MODE_PUT]).then(result => {
@@ -209,6 +269,7 @@ module.exports = {
         USD_INR,
         BTC_INR
     },
+    getConvertValues,
     convertToCoin,
     convertFromCoin,
     depositFund: {

From c8b70e3fecff1abcb4b8b8b9b7a2aae32ee44466 Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Tue, 15 Nov 2022 03:29:23 +0530
Subject: [PATCH 154/168] APIs for getSink and getConvertValues

- floExchangeAPI.getSink: resolves an active sink id (for a service, default: exchange)
- services can be listed in floExchangeAPI.serviceList

- floExchangeAPI.getConvertValues: resolves the available convert values
---
 docs/scripts/floExchangeAPI.js | 31 ++++++++++++++++++++
 src/app.js                     | 10 ++-----
 src/coupling.js                |  3 +-
 src/request.js                 | 53 ++++++++++++++++++++++++++++------
 4 files changed, 78 insertions(+), 19 deletions(-)

diff --git a/docs/scripts/floExchangeAPI.js b/docs/scripts/floExchangeAPI.js
index ba5ebe5..4057c88 100644
--- a/docs/scripts/floExchangeAPI.js
+++ b/docs/scripts/floExchangeAPI.js
@@ -600,6 +600,26 @@
         CONVERT_MODE_PUT: 0,
     }
 
+    const serviceList = exchangeAPI.serviceList = {
+        EXCHANGE: "exchange",
+        CONVERT: "convert",
+        BLOCKCHAIN_BOND: "blockchain-bond",
+        BOBS_FUND: "bobs-fund"
+    }
+
+    exchangeAPI.getSink = function (service = serviceList.EXCHANGE) {
+        return new Promise((resolve, reject) => {
+            if (!(service in serviceList))
+                return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, 'service required', errorCode.INVALID_TYPE));
+            fetch_api('/get-sink?service=' + service)
+                .then(result => {
+                    responseParse(result, false)
+                        .then(result => resolve(result))
+                        .catch(error => reject(error))
+                }).catch(error => reject(error));
+        })
+    }
+
     exchangeAPI.getAccount = function (floID, proxySecret) {
         return new Promise((resolve, reject) => {
             let request = {
@@ -1241,6 +1261,17 @@
         })
     }
 
+    exchangeAPI.getConvertValues = function () {
+        return new Promise((resolve, reject) => {
+            fetch_api('/get-convert-values')
+                .then(result => {
+                    responseParse(result)
+                        .then(result => resolve(result))
+                        .catch(error => reject(error))
+                }).catch(error => reject(error));
+        })
+    }
+
     exchangeAPI.convertToBTC = function (amount, floID, sinkID, privKey) {
         return new Promise((resolve, reject) => {
             if (!floCrypto.verifyPrivKey(privKey, floID))
diff --git a/src/app.js b/src/app.js
index a97b52e..55ed7ec 100644
--- a/src/app.js
+++ b/src/app.js
@@ -76,6 +76,7 @@ module.exports = function App(secret) {
     app.get('/rate-history', Request.GetRateHistory);
     app.get('/get-balance', Request.GetBalance);
     app.get('/get-transaction', Request.GetTransaction);
+    app.get('/get-sink', Request.GetSink);
 
     //get account details
     app.post('/account', Request.Account);
@@ -88,6 +89,7 @@ module.exports = function App(secret) {
     app.post('/get-transact', Request.GetUserTransacts);
 
     //convert from or to coin
+    app.get('/get-convert-values', Request.GetConvertValues);
     app.post('/convert-to', Request.ConvertTo);
     app.post('/convert-from', Request.ConvertFrom);
     app.post('/deposit-convert-coin-fund', Request.DepositConvertCoinFund);
@@ -127,14 +129,6 @@ module.exports = function App(secret) {
         set: (assets) => Request.assetList = assets
     });
 
-    Object.defineProperty(self, "chests", {
-        set: (chests) => Request.chests = chests
-    });
-
-    Object.defineProperty(self, "collectAndCall", {
-        set: (fn) => Request.collectAndCall = fn
-    });
-
     //Refresh data (from blockchain)
     self.refreshData = (nodeList) => Request.refreshData(nodeList);
 
diff --git a/src/coupling.js b/src/coupling.js
index 90d3b01..bbe95bc 100644
--- a/src/coupling.js
+++ b/src/coupling.js
@@ -248,6 +248,5 @@ function auditBalance(sellerID, buyerID, asset) {
 module.exports = {
     initiate: startCouplingForAsset,
     stopAll: stopAllInstance,
-    updateBalance,
-    price
+    updateBalance
 }
\ No newline at end of file
diff --git a/src/request.js b/src/request.js
index 03e997c..c08a19e 100644
--- a/src/request.js
+++ b/src/request.js
@@ -5,6 +5,8 @@ const market = require("./market");
 const conversion = require('./services/conversion');
 const blockchain_bonds = require("./services/bonds");
 const bobs_fund = require("./services/bobs-fund");
+const background = require("./background");
+const keys = require("./keys");
 
 const {
     SIGN_EXPIRE_TIME,
@@ -12,6 +14,7 @@ const {
 } = require("./_constants")["request"];
 
 const eCode = require('../docs/scripts/floExchangeAPI').errorCode;
+const serviceList = require('../docs/scripts/floExchangeAPI').serviceList;
 
 var trustedIDs, secret; //containers for trusted IDs and secret
 
@@ -132,7 +135,6 @@ function Account(req, res) {
         timestamp: data.timestamp
     }, data.sign, data.floID, data.pubKey).then(req_str => {
         market.getAccountDetails(data.floID).then(result => {
-            result.sinkID = market.chests.pick;
             if (trustedIDs.includes(data.floID))
                 result.subAdmin = true;
             res.send(result);
@@ -493,6 +495,43 @@ function ListTradeTransactions(req, res) {
     }
 }
 
+function GetConvertValues(req, res) {
+    if (!serving)
+        res.status(INVALID.e_code).send(INCORRECT_SERVER_ERROR.toString());
+    else conversion.getConvertValues()
+        .then(result => res.send(result))
+        .catch(error => {
+            if (error instanceof INVALID)
+                res.status(INVALID.e_code).send(error.toString());
+            else {
+                console.error(error);
+                res.status(INTERNAL.e_code).send(INTERNAL.str("Unable to process! Try again later!"));
+            }
+        });
+}
+
+function GetSink(req, res) {
+    if (!serving)
+        res.status(INVALID.e_code).send(INCORRECT_SERVER_ERROR.toString());
+    else {
+        let service = req.query.service;
+        if (!service)
+            res.status(INVALID.e_code).send(INVALID.str(eCode.MISSING_PARAMETER, "Missing service parameter"));
+        else if (!(service in serviceList))
+            res.status(INVALID.e_code).send(INVALID.str(eCode.INVALID_TYPE, "Invalid service parameter"));
+        else {
+            let group;
+            switch (service) {
+                case serviceList[EXCHANGE]: group = keys.sink_groups.EXCHANGE; break;
+                case serviceList[CONVERT]: group = keys.sink_groups.CONVERT; break;
+                case serviceList[BLOCKCHAIN_BOND]: group = keys.sink_groups.BLOCKCHAIN_BONDS; break;
+                case serviceList[BOBS_FUND]: group = keys.sink_groups.BOBS_FUND; break;
+            }
+            res.send(keys.sink_chest.active_pick(group));
+        }
+    }
+}
+
 function GetRates(req, res) {
     if (!serving)
         res.status(INVALID.e_code).send(INCORRECT_SERVER_ERROR.toString());
@@ -590,6 +629,7 @@ module.exports = {
     GetRateHistory,
     GetTransaction,
     GetBalance,
+    GetSink,
     Account,
     DepositFLO,
     WithdrawFLO,
@@ -600,6 +640,7 @@ module.exports = {
     RemoveUserTag,
     AddDistributor,
     RemoveDistributor,
+    GetConvertValues,
     ConvertTo,
     ConvertFrom,
     DepositConvertCoinFund,
@@ -614,12 +655,6 @@ module.exports = {
     set assetList(assets) {
         market.assetList = assets;
     },
-    set chests(c) {
-        market.chests = c;
-    },
-    set collectAndCall(fn) {
-        market.collectAndCall = fn;
-    },
     set secret(s) {
         secret = s;
     },
@@ -629,10 +664,10 @@ module.exports = {
     },
     pause() {
         serving = false;
-        market.periodicProcess.stop();
+        background.periodicProcess.stop();
     },
     resume() {
         serving = true;
-        market.periodicProcess.start();
+        background.periodicProcess.start();
     }
 };
\ No newline at end of file

From c5b43291ab9719b088e41096247da27c7a73e55d Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Tue, 15 Nov 2022 05:14:25 +0530
Subject: [PATCH 155/168] API(admin): generate, reshare and discard sinks

- generateSink: generates a sinkID for given group
- reshareSink: regenerate the shares for given id and distribute
- discardSink: discards the given sink id

Note: All these APIs are admin-only
---
 docs/scripts/floExchangeAPI.js | 96 +++++++++++++++++++++++++++++++++-
 src/app.js                     |  5 ++
 src/backup/head.js             | 69 ++++++++++++++++++++++--
 src/keys.js                    | 22 +++++++-
 src/request.js                 | 47 ++++++++++++++++-
 5 files changed, 231 insertions(+), 8 deletions(-)

diff --git a/docs/scripts/floExchangeAPI.js b/docs/scripts/floExchangeAPI.js
index 4057c88..5730ba1 100644
--- a/docs/scripts/floExchangeAPI.js
+++ b/docs/scripts/floExchangeAPI.js
@@ -519,6 +519,7 @@
         DUPLICATE_SIGNATURE: '017',
         SESSION_INVALID: '018',
         SESSION_EXPIRED: '019',
+        INVALID_VALUE: '020',
         INVALID_TOKEN_NAME: '021',
         INVALID_NUMBER: '022',
         INVALID_TYPE: '023',
@@ -610,7 +611,7 @@
     exchangeAPI.getSink = function (service = serviceList.EXCHANGE) {
         return new Promise((resolve, reject) => {
             if (!(service in serviceList))
-                return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, 'service required', errorCode.INVALID_TYPE));
+                return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, 'service required', errorCode.INVALID_VALUE));
             fetch_api('/get-sink?service=' + service)
                 .then(result => {
                     responseParse(result, false)
@@ -1557,6 +1558,99 @@
         })
     }
 
+    exchangeAPI.generateSink = function (group, floID, privKey) {
+        if (!floCrypto.verifyPrivKey(privKey, floID))
+            return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Invalid Private Key", errorCode.INVALID_PRIVATE_KEY));
+        if (floID !== DEFAULT.marketID)
+            return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Access Denied", errorCode.ACCESS_DENIED));
+        let request = {
+            floID: floID,
+            group: group,
+            timestamp: Date.now()
+        };
+        request.pubKey = floCrypto.getPubKeyHex(privKey);
+        request.sign = signRequest({
+            type: "generate_sink",
+            group: group,
+            timestamp: request.timestamp
+        }, privKey);
+        console.debug(request);
+
+        fetch_api('/generate-sink', {
+            method: "POST",
+            headers: {
+                'Content-Type': 'application/json'
+            },
+            body: JSON.stringify(request)
+        }).then(result => {
+            responseParse(result, false)
+                .then(result => resolve(result))
+                .catch(error => reject(error))
+        }).catch(error => reject(error))
+    }
+
+    exchangeAPI.reshareSink = function (sinkID, floID, privKey) {
+        if (!floCrypto.verifyPrivKey(privKey, floID))
+            return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Invalid Private Key", errorCode.INVALID_PRIVATE_KEY));
+        if (floID !== DEFAULT.marketID)
+            return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Access Denied", errorCode.ACCESS_DENIED));
+        let request = {
+            floID: floID,
+            id: sinkID,
+            timestamp: Date.now()
+        };
+        request.pubKey = floCrypto.getPubKeyHex(privKey);
+        request.sign = signRequest({
+            type: "reshare_sink",
+            id: sinkID,
+            timestamp: request.timestamp
+        }, privKey);
+        console.debug(request);
+
+        fetch_api('/reshare-sink', {
+            method: "POST",
+            headers: {
+                'Content-Type': 'application/json'
+            },
+            body: JSON.stringify(request)
+        }).then(result => {
+            responseParse(result, false)
+                .then(result => resolve(result))
+                .catch(error => reject(error))
+        }).catch(error => reject(error))
+    }
+
+    exchangeAPI.discardSink = function (sinkID, floID, privKey) {
+        if (!floCrypto.verifyPrivKey(privKey, floID))
+            return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Invalid Private Key", errorCode.INVALID_PRIVATE_KEY));
+        if (floID !== DEFAULT.marketID)
+            return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Access Denied", errorCode.ACCESS_DENIED));
+        let request = {
+            floID: floID,
+            id: sinkID,
+            timestamp: Date.now()
+        };
+        request.pubKey = floCrypto.getPubKeyHex(privKey);
+        request.sign = signRequest({
+            type: "discard_sink",
+            id: sinkID,
+            timestamp: request.timestamp
+        }, privKey);
+        console.debug(request);
+
+        fetch_api('/discard-sink', {
+            method: "POST",
+            headers: {
+                'Content-Type': 'application/json'
+            },
+            body: JSON.stringify(request)
+        }).then(result => {
+            responseParse(result, false)
+                .then(result => resolve(result))
+                .catch(error => reject(error))
+        }).catch(error => reject(error))
+    }
+
     exchangeAPI.init = function refreshDataFromBlockchain() {
         return new Promise((resolve, reject) => {
             let nodes, assets, tags, lastTx;
diff --git a/src/app.js b/src/app.js
index 55ed7ec..7b6b948 100644
--- a/src/app.js
+++ b/src/app.js
@@ -88,6 +88,11 @@ module.exports = function App(secret) {
     app.post('/withdraw-token', Request.WithdrawToken);
     app.post('/get-transact', Request.GetUserTransacts);
 
+    //generate or discard sinks (admin only)
+    app.post('/generate-sink', Request.GenerateSink);
+    app.post('/reshare-sink', Request.DiscardSink);
+    app.post('/discard-sink', Request.DiscardSink);
+
     //convert from or to coin
     app.get('/get-convert-values', Request.GetConvertValues);
     app.post('/convert-to', Request.ConvertTo);
diff --git a/src/backup/head.js b/src/backup/head.js
index 5ec9b8e..ddfcd4d 100644
--- a/src/backup/head.js
+++ b/src/backup/head.js
@@ -218,11 +218,8 @@ function informLiveNodes(init) {
             } else if (!flag) {
                 console.log("Starting the exchange...");
                 //generate a sinkID for each group in starting list
-                keys.sink_groups.generate_list.forEach(group => {
-                    let newSink = floCrypto.generateNewID();
-                    console.debug("Generated sink:", group, newSink.floID);
-                    sendSharesToNodes(newSink.floID, group, generateShares(newSink.privKey));
-                })
+                keys.sink_groups.initial_list.forEach(group =>
+                    generateSink(group).then(_ => null).catch(e => console.error(e)));
             }
         }).catch(error => console.error(error));
     });
@@ -276,6 +273,63 @@ function slaveConnect(floID, pubKey, ws, sinks) {
     }
 }
 
+const eCode = require('../docs/scripts/floExchangeAPI').errorCode;
+
+function generateSink(group) {
+    return new Promise((resolve, reject) => {
+        if (!keys.sink_groups.generate_list.includes(group))
+            return reject(INVALID(eCode.INVALID_VALUE, `Invalid Group ${group}`));
+        try {
+            let newSink = floCrypto.generateNewID();
+            console.debug("Generated sink:", group, newSink.floID);
+            sendSharesToNodes(newSink.floID, group, generateShares(newSink.privKey));
+            resolve(`Generated ${newSink.floID} (${group})`);
+        } catch (error) {
+            reject(error)
+        }
+    })
+}
+
+function reshareSink(id) {
+    return new Promise((resolve, reject) => {
+        if (!floCrypto.validateAddr(data.id))
+            return reject(INVALID(eCode.INVALID_VALUE, `Invalid ID ${id}`));
+        else {
+            let group = keys.sink_chest.find_group(id);
+            if (!group)
+                return reject(INVALID(eCode.NOT_FOUND, `ID ${id} not found`));
+            else keys.checkIfDiscarded(id).then(result => {
+                if (result)
+                    return reject(INVALID(eCode.NOT_FOUND, `ID is discarded`));
+                try {
+                    reconstructShares(group, id);
+                    resolve(`Resharing ${id} (${group})`);
+                } catch (error) {
+                    reject(error);
+                }
+            }).catch(error => reject(error))
+        }
+
+    })
+}
+
+function discardSink(id) {
+    return new Promise((resolve, reject) => {
+        if (!floCrypto.validateAddr(data.id))
+            return reject(INVALID(eCode.INVALID_VALUE, `Invalid ID ${id}`));
+        else if (!keys.sink_chest.find_group(id))
+            return reject(INVALID(eCode.NOT_FOUND, `ID ${id} not found`));
+        else keys.checkIfDiscarded(id).then(result => {
+            if (result)
+                return reject(INVALID(eCode.DUPLICATE_ENTRY, `ID already discarded`));
+            keys.discardSink(id).then(result => {
+                console.debug("Discarded sink:", id);
+                resolve(result);
+            }).catch(error => reject(error))
+        }).catch(error => reject(error))
+    })
+}
+
 function checkForDiscardedSinks() {
     let cur_time = Date.now(),
         all_sinks = keys.sink_chest.get_all();
@@ -401,6 +455,11 @@ function initProcess(app) {
 module.exports = {
     init: initProcess,
     collectAndCall,
+    sink: {
+        generate: generateSink,
+        reshare: reshareSink,
+        discard: discardSink
+    },
     set nodeList(list) {
         nodeURL = list;
         nodeKBucket = new K_Bucket(floGlobals.adminID, Object.keys(nodeURL));
diff --git a/src/keys.js b/src/keys.js
index db599e5..1a90175 100644
--- a/src/keys.js
+++ b/src/keys.js
@@ -289,14 +289,25 @@ function checkIfDiscarded(id) {
     })
 }
 
+function discardSink(id) {
+    return new Promise((resolve, reject) => {
+        DB.query("INSERT INTO discardedSinks(floID) VALUE (?)", [id])
+            .then(result => resolve(`Discarded ${id}`))
+            .catch(error => reject(error))
+    })
+}
+
 //Sink groups and chest
 const sink_groups = {
     get EXCHANGE() { return "exchange" },
     get CONVERT() { return "convert" },
     get BLOCKCHAIN_BONDS() { return "blockchain_bonds" },
     get BOBS_FUND() { return "bobs_fund" },
-    get generate_list() { //list to generate when starting exchange
+    get initial_list() { //list to generate when starting exchange
         return [this.EXCHANGE, this.CONVERT]
+    },
+    get generate_list() { //list allowed to generate 
+        return [this.EXCHANGE, this.CONVERT, this.BLOCKCHAIN_BONDS, this.BOBS_FUND]
     }
 };
 
@@ -343,6 +354,14 @@ const sink_ids = {}, sink_chest = {
             i = floCrypto.randInt(0, ids.length);
         return ids[i];
     },
+    find_group(id) {
+        let group = null;
+        for (let g in sink_ids)
+            if (id in sink_ids[g]) {
+                group = g; break;
+            }
+        return group;
+    },
     get_all() {
         let ids = {};
         for (let g in sink_ids)
@@ -359,6 +378,7 @@ module.exports = {
     getStoredList,
     getDiscardedList,
     checkIfDiscarded,
+    discardSink,
     set node_priv(key) {
         _.node_priv = key;
     },
diff --git a/src/request.js b/src/request.js
index c08a19e..9b72d7c 100644
--- a/src/request.js
+++ b/src/request.js
@@ -6,6 +6,7 @@ const conversion = require('./services/conversion');
 const blockchain_bonds = require("./services/bonds");
 const bobs_fund = require("./services/bobs-fund");
 const background = require("./background");
+const sink = require("./backup/head").sink;
 const keys = require("./keys");
 
 const {
@@ -307,6 +308,47 @@ function RemoveDistributor(req, res) {
     }, () => market.removeDistributor(data.distributor, data.asset));
 }
 
+function GenerateSink(req, res) {
+    let data = req.body;
+    if (data.floID !== floGlobals.adminID)
+        res.status(INVALID.e_code).send(INVALID.str(eCode.ACCESS_DENIED, "Access Denied"));
+    else if (!data.pubKey)
+        res.status(INVALID.e_code).send(INVALID.str(eCode.MISSING_PARAMETER, "Public key missing"));
+    else processRequest(res, data.floID, data.pubKey, data.sign, "Generate Sink", {
+        type: "generate_sink",
+        group: data.group,
+        timestamp: data.timestamp
+    }, () => sink.generate(group));
+}
+
+function ReshareSink(req, res) {
+    let data = req.body;
+    if (data.floID !== floGlobals.adminID)
+        res.status(INVALID.e_code).send(INVALID.str(eCode.ACCESS_DENIED, "Access Denied"));
+    else if (!data.pubKey)
+        res.status(INVALID.e_code).send(INVALID.str(eCode.MISSING_PARAMETER, "Public key missing"));
+    else if (!floCrypto.validateAddr(data.id))
+        res.status(INVALID.e_code).send(INVALID.str(eCode.INVALID_VALUE, `Invalid ID ${data.id}`));
+    else processRequest(res, data.floID, data.pubKey, data.sign, "Reshare Sink", {
+        type: "reshare_sink",
+        id: data.id,
+        timestamp: data.timestamp
+    }, () => sink.reshare(id));
+}
+
+function DiscardSink(req, res) {
+    let data = req.body;
+    if (data.floID !== floGlobals.adminID)
+        res.status(INVALID.e_code).send(INVALID.str(eCode.ACCESS_DENIED, "Access Denied"));
+    else if (!data.pubKey)
+        res.status(INVALID.e_code).send(INVALID.str(eCode.MISSING_PARAMETER, "Public key missing"));
+    else processRequest(res, data.floID, data.pubKey, data.sign, "Discard Sink", {
+        type: "discard_sink",
+        id: data.id,
+        timestamp: data.timestamp
+    }, () => sink.discard(id));
+}
+
 function ConvertTo(req, res) {
     let data = req.body;
     processRequest(res, data.floID, data.pubKey, data.sign, "Conversion", {
@@ -518,7 +560,7 @@ function GetSink(req, res) {
         if (!service)
             res.status(INVALID.e_code).send(INVALID.str(eCode.MISSING_PARAMETER, "Missing service parameter"));
         else if (!(service in serviceList))
-            res.status(INVALID.e_code).send(INVALID.str(eCode.INVALID_TYPE, "Invalid service parameter"));
+            res.status(INVALID.e_code).send(INVALID.str(eCode.INVALID_VALUE, "Invalid service parameter"));
         else {
             let group;
             switch (service) {
@@ -640,6 +682,9 @@ module.exports = {
     RemoveUserTag,
     AddDistributor,
     RemoveDistributor,
+    GenerateSink,
+    ReshareSink,
+    DiscardSink,
     GetConvertValues,
     ConvertTo,
     ConvertFrom,

From c911ca671e5be620b8888d9d2c65bf0c8c9385e7 Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Wed, 16 Nov 2022 21:43:13 +0530
Subject: [PATCH 156/168] Update setup files

---
 .gitignore                  | 2 ++
 package.json                | 1 +
 setup/configure-settings.js | 2 +-
 setup/create-schema.js      | 2 +-
 setup/help.js               | 1 -
 setup/post-install.js       | 7 +++++--
 setup/reset-password.js     | 2 +-
 7 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/.gitignore b/.gitignore
index bc0c19d..561dd00 100644
--- a/.gitignore
+++ b/.gitignore
@@ -3,6 +3,8 @@
 /args/config*.json
 /args/param.json
 /args/keys*.json
+/args/prime_index*.b
+/args/indexes*/
 /log.txt
 /bash_start*
 *test*
diff --git a/package.json b/package.json
index 00adc71..a737f31 100644
--- a/package.json
+++ b/package.json
@@ -9,6 +9,7 @@
     "express-session": "^1.17.2",
     "mysql": "^2.18.1",
     "node-fetch": "^2.6.1",
+    "proper-lockfile": "^4.1.2",
     "ws": "^8.2.3"
   },
   "devDependencies": {},
diff --git a/setup/configure-settings.js b/setup/configure-settings.js
index e74baaf..3a9ac8b 100644
--- a/setup/configure-settings.js
+++ b/setup/configure-settings.js
@@ -122,6 +122,6 @@ function configure() {
 }
 
 if (!module.parent)
-    configure().then(_ => null).catch(error => console.error(error));
+    configure().then(_ => null).catch(error => console.error(error)).finally(_ => process.exit(0));
 else
     module.exports = configure;
\ No newline at end of file
diff --git a/setup/create-schema.js b/setup/create-schema.js
index 1de1212..8f7f798 100644
--- a/setup/create-schema.js
+++ b/setup/create-schema.js
@@ -40,6 +40,6 @@ function createSchema() {
 }
 
 if (!module.parent)
-    createSchema().then(_ => null).catch(_ => null);
+    createSchema().then(_ => null).catch(_ => null).finally(_ => process.exit(0));
 else
     module.exports = createSchema;
\ No newline at end of file
diff --git a/setup/help.js b/setup/help.js
index c431269..910e53a 100644
--- a/setup/help.js
+++ b/setup/help.js
@@ -8,7 +8,6 @@ npm run setup                   - Finish the setup (configure and reset password
 npm run configure               - Configure the app.
 npm run reset-password          - Reset the password (for private-key).
 npm run create-schema           - Create schema in MySQL database.
-npm run configure-backup        - Configure the backup.
 npm run create-backup-schema    - Create backup-schema in MySQL database.
 npm run backup                  - Run the backup-node.
 
diff --git a/setup/post-install.js b/setup/post-install.js
index e56f37a..0e0479f 100644
--- a/setup/post-install.js
+++ b/setup/post-install.js
@@ -23,13 +23,16 @@ getInput.YesOrNo('Do you want to finish the setup now').then(value => {
                             .catch(_ => console.log('Reset the password later using: '))
                             .finally(_ => {
                                 console.log('npm run reset-password');
+                                process.exit(0);
                             })
-                    } else
+                    } else {
                         console.log('Reset the password later using:\n' + 'npm run reset-password');
+                        process.exit(0);
+                    }
                 })
             })
     } else {
         console.log('Finish the setup later using:\n' + 'npm run setup');
-        console.log('To configure for backup use:\n' + 'npm run configure-backup');
+        process.exit(0);
     }
 })
\ No newline at end of file
diff --git a/setup/reset-password.js b/setup/reset-password.js
index 04bd5c3..dfffd1d 100644
--- a/setup/reset-password.js
+++ b/setup/reset-password.js
@@ -89,6 +89,6 @@ function resetPassword() {
 }
 
 if (!module.parent)
-    resetPassword().then(_ => null).catch(error => console.error(error));
+    resetPassword().then(_ => null).catch(_ => null).finally(_ => process.exit(0));
 else
     module.exports = resetPassword;
\ No newline at end of file

From 506087e85651c71bd3191d51a4b1e807381648d9 Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Wed, 16 Nov 2022 21:57:10 +0530
Subject: [PATCH 157/168] Bug fixes

- Fixed: get-sink, generate-sink, reshare-sink, discard-sink API not working
- Fixed:  API not working
- Fixed: SQL syntax in to_refund_sql in verifyConvert for timeout requests
- Fixed: key management init not invoked
- Fixed: Minor bug in getConvertValues. Also, have null value if not available.
- Added console.debug to rejected promise (SQL write) on readDataFromBlockchain in Blockchain bonds and Bob's fund
---
 docs/scripts/floExchangeAPI.js | 171 +++++++++++++++++----------------
 src/app.js                     |   2 +-
 src/background.js              |   2 +-
 src/main.js                    |  15 +--
 src/request.js                 |  17 ++--
 src/services/bobs-fund.js      |   5 +-
 src/services/bonds.js          |   5 +-
 src/services/conversion.js     |  10 +-
 8 files changed, 120 insertions(+), 107 deletions(-)

diff --git a/docs/scripts/floExchangeAPI.js b/docs/scripts/floExchangeAPI.js
index 5730ba1..06028e8 100644
--- a/docs/scripts/floExchangeAPI.js
+++ b/docs/scripts/floExchangeAPI.js
@@ -610,7 +610,7 @@
 
     exchangeAPI.getSink = function (service = serviceList.EXCHANGE) {
         return new Promise((resolve, reject) => {
-            if (!(service in serviceList))
+            if (!(Object.values(serviceList).includes(service)))
                 return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, 'service required', errorCode.INVALID_VALUE));
             fetch_api('/get-sink?service=' + service)
                 .then(result => {
@@ -1559,96 +1559,103 @@
     }
 
     exchangeAPI.generateSink = function (group, floID, privKey) {
-        if (!floCrypto.verifyPrivKey(privKey, floID))
-            return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Invalid Private Key", errorCode.INVALID_PRIVATE_KEY));
-        if (floID !== DEFAULT.marketID)
-            return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Access Denied", errorCode.ACCESS_DENIED));
-        let request = {
-            floID: floID,
-            group: group,
-            timestamp: Date.now()
-        };
-        request.pubKey = floCrypto.getPubKeyHex(privKey);
-        request.sign = signRequest({
-            type: "generate_sink",
-            group: group,
-            timestamp: request.timestamp
-        }, privKey);
-        console.debug(request);
+        return new Promise((resolve, reject) => {
+            if (!floCrypto.verifyPrivKey(privKey, floID))
+                return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Invalid Private Key", errorCode.INVALID_PRIVATE_KEY));
+            if (floID !== DEFAULT.marketID)
+                return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Access Denied", errorCode.ACCESS_DENIED));
+            let request = {
+                floID: floID,
+                group: group,
+                timestamp: Date.now()
+            };
+            request.pubKey = floCrypto.getPubKeyHex(privKey);
+            request.sign = signRequest({
+                type: "generate_sink",
+                group: group,
+                timestamp: request.timestamp
+            }, privKey);
+            console.debug(request);
 
-        fetch_api('/generate-sink', {
-            method: "POST",
-            headers: {
-                'Content-Type': 'application/json'
-            },
-            body: JSON.stringify(request)
-        }).then(result => {
-            responseParse(result, false)
-                .then(result => resolve(result))
-                .catch(error => reject(error))
-        }).catch(error => reject(error))
+            fetch_api('/generate-sink', {
+                method: "POST",
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify(request)
+            }).then(result => {
+                responseParse(result, false)
+                    .then(result => resolve(result))
+                    .catch(error => reject(error))
+            }).catch(error => reject(error))
+        })
     }
 
     exchangeAPI.reshareSink = function (sinkID, floID, privKey) {
-        if (!floCrypto.verifyPrivKey(privKey, floID))
-            return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Invalid Private Key", errorCode.INVALID_PRIVATE_KEY));
-        if (floID !== DEFAULT.marketID)
-            return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Access Denied", errorCode.ACCESS_DENIED));
-        let request = {
-            floID: floID,
-            id: sinkID,
-            timestamp: Date.now()
-        };
-        request.pubKey = floCrypto.getPubKeyHex(privKey);
-        request.sign = signRequest({
-            type: "reshare_sink",
-            id: sinkID,
-            timestamp: request.timestamp
-        }, privKey);
-        console.debug(request);
+        return new Promise((resolve, reject) => {
+            if (!floCrypto.verifyPrivKey(privKey, floID))
+                return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Invalid Private Key", errorCode.INVALID_PRIVATE_KEY));
+            if (floID !== DEFAULT.marketID)
+                return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Access Denied", errorCode.ACCESS_DENIED));
+            let request = {
+                floID: floID,
+                id: sinkID,
+                timestamp: Date.now()
+            };
+            request.pubKey = floCrypto.getPubKeyHex(privKey);
+            request.sign = signRequest({
+                type: "reshare_sink",
+                id: sinkID,
+                timestamp: request.timestamp
+            }, privKey);
+            console.debug(request);
 
-        fetch_api('/reshare-sink', {
-            method: "POST",
-            headers: {
-                'Content-Type': 'application/json'
-            },
-            body: JSON.stringify(request)
-        }).then(result => {
-            responseParse(result, false)
-                .then(result => resolve(result))
-                .catch(error => reject(error))
-        }).catch(error => reject(error))
+            fetch_api('/reshare-sink', {
+                method: "POST",
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify(request)
+            }).then(result => {
+                responseParse(result, false)
+                    .then(result => resolve(result))
+                    .catch(error => reject(error))
+            }).catch(error => reject(error))
+        })
     }
 
     exchangeAPI.discardSink = function (sinkID, floID, privKey) {
-        if (!floCrypto.verifyPrivKey(privKey, floID))
-            return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Invalid Private Key", errorCode.INVALID_PRIVATE_KEY));
-        if (floID !== DEFAULT.marketID)
-            return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Access Denied", errorCode.ACCESS_DENIED));
-        let request = {
-            floID: floID,
-            id: sinkID,
-            timestamp: Date.now()
-        };
-        request.pubKey = floCrypto.getPubKeyHex(privKey);
-        request.sign = signRequest({
-            type: "discard_sink",
-            id: sinkID,
-            timestamp: request.timestamp
-        }, privKey);
-        console.debug(request);
+        return new Promise((resolve, reject) => {
+            if (!floCrypto.verifyPrivKey(privKey, floID))
+                return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Invalid Private Key", errorCode.INVALID_PRIVATE_KEY));
+            if (floID !== DEFAULT.marketID)
+                return reject(ExchangeError(ExchangeError.BAD_REQUEST_CODE, "Access Denied", errorCode.ACCESS_DENIED));
+            let request = {
+                floID: floID,
+                id: sinkID,
+                timestamp: Date.now()
+            };
+            request.pubKey = floCrypto.getPubKeyHex(privKey);
+            request.sign = signRequest({
+                type: "discard_sink",
+                id: sinkID,
+                timestamp: request.timestamp
+            }, privKey);
+            console.debug(request);
+
+            fetch_api('/discard-sink', {
+                method: "POST",
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify(request)
+            }).then(result => {
+                responseParse(result, false)
+                    .then(result => resolve(result))
+                    .catch(error => reject(error))
+            }).catch(error => reject(error))
+        })
 
-        fetch_api('/discard-sink', {
-            method: "POST",
-            headers: {
-                'Content-Type': 'application/json'
-            },
-            body: JSON.stringify(request)
-        }).then(result => {
-            responseParse(result, false)
-                .then(result => resolve(result))
-                .catch(error => reject(error))
-        }).catch(error => reject(error))
     }
 
     exchangeAPI.init = function refreshDataFromBlockchain() {
diff --git a/src/app.js b/src/app.js
index 7b6b948..c844164 100644
--- a/src/app.js
+++ b/src/app.js
@@ -90,7 +90,7 @@ module.exports = function App(secret) {
 
     //generate or discard sinks (admin only)
     app.post('/generate-sink', Request.GenerateSink);
-    app.post('/reshare-sink', Request.DiscardSink);
+    app.post('/reshare-sink', Request.ReshareSink);
     app.post('/discard-sink', Request.DiscardSink);
 
     //convert from or to coin
diff --git a/src/background.js b/src/background.js
index 8b264ca..cd26f53 100644
--- a/src/background.js
+++ b/src/background.js
@@ -221,7 +221,7 @@ function verifyConvert() {
     //Set all timeout convert request to refund mode (thus, asset will be refund if tx gets confirmed later)
     let req_timeout = new Date(Date.now() - REQUEST_TIMEOUT),
         to_refund_sql = "INSERT INTO RefundConvert (floID, in_txid, asset_type, asset, r_status)" +
-            " SELECT floID, in_txid, ? AS asset_type, ? AS asset, r_status" +
+            " SELECT floID, in_txid, ? AS asset_type, ? AS asset, r_status FROM DirectConvert" +
             " WHERE r_status=? AND locktime<? AND mode=?";
     let txQueries = [];
     txQueries.push([to_refund_sql, [pCode.ASSET_TYPE_TOKEN, floGlobals.currency, pCode.STATUS_PENDING, req_timeout, pCode.CONVERT_MODE_GET]]);
diff --git a/src/main.js b/src/main.js
index 97d2d77..2a9b4f1 100644
--- a/src/main.js
+++ b/src/main.js
@@ -188,12 +188,15 @@ module.exports = function startServer() {
     console.log("Logged in as", keys.node_id);
 
     DB.connect(config["sql_user"], config["sql_pwd"], config["sql_db"], config["sql_host"]).then(result => {
-        app = new App(config['secret']);
-        refreshData(true).then(_ => {
-            app.start(config['port']).then(result => {
-                console.log(result);
-                backup.init(app);
-                setInterval(refreshData, BLOCKCHAIN_REFRESH_INTERVAL)
+        keys.init().then(result => {
+            console.log(result);
+            app = new App(config['secret']);
+            refreshData(true).then(_ => {
+                app.start(config['port']).then(result => {
+                    console.log(result);
+                    backup.init(app);
+                    setInterval(refreshData, BLOCKCHAIN_REFRESH_INTERVAL)
+                }).catch(error => console.error(error))
             }).catch(error => console.error(error))
         }).catch(error => console.error(error))
     }).catch(error => console.error(error));
diff --git a/src/request.js b/src/request.js
index 9b72d7c..9ed2316 100644
--- a/src/request.js
+++ b/src/request.js
@@ -318,11 +318,12 @@ function GenerateSink(req, res) {
         type: "generate_sink",
         group: data.group,
         timestamp: data.timestamp
-    }, () => sink.generate(group));
+    }, () => sink.generate(data.group));
 }
 
 function ReshareSink(req, res) {
     let data = req.body;
+    console.debug(data)
     if (data.floID !== floGlobals.adminID)
         res.status(INVALID.e_code).send(INVALID.str(eCode.ACCESS_DENIED, "Access Denied"));
     else if (!data.pubKey)
@@ -333,7 +334,7 @@ function ReshareSink(req, res) {
         type: "reshare_sink",
         id: data.id,
         timestamp: data.timestamp
-    }, () => sink.reshare(id));
+    }, () => sink.reshare(data.id));
 }
 
 function DiscardSink(req, res) {
@@ -346,7 +347,7 @@ function DiscardSink(req, res) {
         type: "discard_sink",
         id: data.id,
         timestamp: data.timestamp
-    }, () => sink.discard(id));
+    }, () => sink.discard(data.id));
 }
 
 function ConvertTo(req, res) {
@@ -559,15 +560,15 @@ function GetSink(req, res) {
         let service = req.query.service;
         if (!service)
             res.status(INVALID.e_code).send(INVALID.str(eCode.MISSING_PARAMETER, "Missing service parameter"));
-        else if (!(service in serviceList))
+        else if (!(Object.values(serviceList).includes(service)))
             res.status(INVALID.e_code).send(INVALID.str(eCode.INVALID_VALUE, "Invalid service parameter"));
         else {
             let group;
             switch (service) {
-                case serviceList[EXCHANGE]: group = keys.sink_groups.EXCHANGE; break;
-                case serviceList[CONVERT]: group = keys.sink_groups.CONVERT; break;
-                case serviceList[BLOCKCHAIN_BOND]: group = keys.sink_groups.BLOCKCHAIN_BONDS; break;
-                case serviceList[BOBS_FUND]: group = keys.sink_groups.BOBS_FUND; break;
+                case serviceList.EXCHANGE: group = keys.sink_groups.EXCHANGE; break;
+                case serviceList.CONVERT: group = keys.sink_groups.CONVERT; break;
+                case serviceList.BLOCKCHAIN_BOND: group = keys.sink_groups.BLOCKCHAIN_BONDS; break;
+                case serviceList.BOBS_FUND: group = keys.sink_groups.BOBS_FUND; break;
             }
             res.send(keys.sink_chest.active_pick(group));
         }
diff --git a/src/services/bobs-fund.js b/src/services/bobs-fund.js
index 23f4eb9..85ed663 100644
--- a/src/services/bobs-fund.js
+++ b/src/services/bobs-fund.js
@@ -237,9 +237,10 @@ function refreshBlockchainData(nodeList = []) {
                     }
                 });
                 Promise.allSettled(promises).then(results => {
-                    //console.debug(results.filter(r => r.status === "rejected"));
-                    if (results.reduce((a, r) => r.status === "rejected" ? ++a : a, 0))
+                    if (results.reduce((a, r) => r.status === "rejected" ? ++a : a, 0)) {
+                        console.debug(results.filter(r => r.status === "rejected"));
                         reject("Some fund data might not have been saved in database correctly");
+                    }
                     else
                         DB.query("INSERT INTO LastTx (floID, num) VALUE (?) ON DUPLICATE KEY UPDATE num=?", [[bobsFund.config.adminID, result.totalTxs], result.totalTxs])
                             .then(_ => resolve(result.totalTxs))
diff --git a/src/services/bonds.js b/src/services/bonds.js
index 5d41041..c5a8e28 100644
--- a/src/services/bonds.js
+++ b/src/services/bonds.js
@@ -206,9 +206,10 @@ function refreshBlockchainData(nodeList = []) {
                     }
                 });
                 Promise.allSettled(promises).then(results => {
-                    //console.debug(results.filter(r => r.status === "rejected"));
-                    if (results.reduce((a, r) => r.status === "rejected" ? ++a : a, 0))
+                    if (results.reduce((a, r) => r.status === "rejected" ? ++a : a, 0)) {
                         reject("Some bond data might not have been saved in database correctly");
+                        console.debug(results.filter(r => r.status === "rejected"));
+                    }
                     else
                         DB.query("INSERT INTO LastTx (floID, num) VALUE (?) ON DUPLICATE KEY UPDATE num=?", [[blockchainBond.config.adminID, result.totalTxs], result.totalTxs])
                             .then(_ => resolve(result.totalTxs))
diff --git a/src/services/conversion.js b/src/services/conversion.js
index 41c8605..bbc3538 100644
--- a/src/services/conversion.js
+++ b/src/services/conversion.js
@@ -114,16 +114,16 @@ function getConvertValues() {
                     result[pCode.CONVERT_MODE_GET] = { min: 0 };
                     result[pCode.CONVERT_MODE_GET].max = (!TO_MAX_VALUE || TO_MIN_VALUE >= coin_availability) ? coin_availability : TO_MAX_VALUE;
                 }
-            }
+            } else result[pCode.CONVERT_MODE_GET] = null;
             if (avail.cash > 0) {
                 let cash_availability = avail.cash / avail.rate; //convert to coin value
                 if (Array.isArray(FROM_FIXED_VALUES) && FROM_FIXED_VALUES.length)
-                    result[pCode.CONVERT_MODE_GET] = FROM_FIXED_VALUES.filter(a => a < cash_availability);
+                    result[pCode.CONVERT_MODE_PUT] = FROM_FIXED_VALUES.filter(a => a < cash_availability);
                 else if (!FROM_MIN_VALUE || FROM_MIN_VALUE <= cash_availability) {
-                    result[pCode.CONVERT_MODE_GET] = { min: 0 };
-                    result[pCode.CONVERT_MODE_GET].max = (!FROM_MAX_VALUE || FROM_MIN_VALUE >= cash_availability) ? cash_availability : FROM_MAX_VALUE;
+                    result[pCode.CONVERT_MODE_PUT] = { min: 0 };
+                    result[pCode.CONVERT_MODE_PUT].max = (!FROM_MAX_VALUE || FROM_MIN_VALUE >= cash_availability) ? cash_availability : FROM_MAX_VALUE;
                 }
-            }
+            } else result[pCode.CONVERT_MODE_PUT] = null;
             resolve(result)
         }).catch(error => reject(error))
     })

From e4603078d2abb564f4ab4acf7c48c445d67d5260 Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Wed, 16 Nov 2022 22:08:00 +0530
Subject: [PATCH 158/168] Keys: Fixes and Improvements

- Added file lock using proper-lockfile module to prevent data corruption when multiple shares are queued to write at the same time
- Fixed: sinkShares Table num value throwing error when random number is negative. (Updated 'num' column to Unsigned)
- Changed INT_MIN, INT_MAX to UNSIGNED_INT_MIN, UNSIGNED_INT_MAX
- Added: support for multi-instance in keys module
- Fixed: index_dir and prime_file throwing error on startup
- Added: on init, create index directory if not exist
- Fixed: sink_chest. pick and active_pick returning undefined sometimes
- Fixed: various syntax bugs
---
 args/schema.sql |  2 +-
 src/keys.js     | 92 ++++++++++++++++++++++++++++++++-----------------
 2 files changed, 62 insertions(+), 32 deletions(-)

diff --git a/args/schema.sql b/args/schema.sql
index a7746e4..40cf6e8 100644
--- a/args/schema.sql
+++ b/args/schema.sql
@@ -317,7 +317,7 @@ CREATE table _backupCache(
 );
 
 CREATE TABLE sinkShares(
-    num INT NOT NULL AUTO_INCREMENT,
+    num INT UNSIGNED NOT NULL AUTO_INCREMENT,
     share TEXT,
     time_stored TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
     PRIMARY KEY(num)
diff --git a/src/keys.js b/src/keys.js
index 1a90175..9c2d594 100644
--- a/src/keys.js
+++ b/src/keys.js
@@ -2,23 +2,33 @@
 
 const fs = require('fs');
 const path = require('path');
+const lockfile = require('proper-lockfile');
 const DB = require("./database");
 
+var _I = ""; //Instance support
+for (let arg of process.argv)
+    if (/^-I=/.test(arg)) {
+        _I = arg.split(/=(.*)/s)[1];
+        break;
+    }
+
 const { SHARES_PER_NODE, SHARE_THRESHOLD } = require("./_constants")["keys"];
 
 const PRIV_EKEY_MIN = 32,
     PRIV_EKEY_MAX = 48,
     PRIME_FILE_TYPE = 'binary',
     INDEX_FILE_TYPE = 'utf-8',
-    INT_MIN = -2147483648,
-    INT_MAX = 2147483647,
+    UNSIGNED_INT_MIN = 0,
+    UNSIGNED_INT_MAX = 4294967295,
     INDEX_FILE_NAME_LENGTH = 16,
     INDEX_FILE_EXT = '.txt',
     MIN_DUMMY_FILES = 16,
     MAX_DUMMY_FILES = 24,
     MIN_DUMMY_SIZE_MUL = 0.5,
     MAX_DUMMY_SIZE_MUL = 1.5,
-    SIZE_FACTOR = 100;
+    SIZE_FACTOR = 100,
+    LOCK_RETRY_MIN_TIME = 1 * 1000,
+    LOCK_RETRY_MAX_TIME = 2 * 1000;
 
 var node_priv, e_key, node_id, node_pub; //containers for node-key wrapper
 const _ = {
@@ -36,9 +46,13 @@ const _ = {
         e_key = floCrypto.randString(n);
         node_priv = Crypto.AES.encrypt(key, e_key);
     },
-    args_dir: path.resolve(__dirname, '..', '..', 'args'),
-    index_dir: path.join(this.args_dir, 'indexes'),
-    prime_file: path.join(this.args_dir, 'prime_index.b'),
+    args_dir: path.resolve(__dirname, '..', 'args'),
+    get index_dir() {
+        return path.join(this.args_dir, `indexes${_I}`)
+    },
+    get prime_file() {
+        return path.join(this.args_dir, `prime_index${_I}.b`)
+    },
     get index_file() {
         try {
             let data = fs.readFileSync(this.prime_file, PRIME_FILE_TYPE),
@@ -78,6 +92,14 @@ function initialize() {
                     }
                 }
             }
+            try {
+                if (!fs.existsSync(_.index_dir)) {
+                    fs.mkdirSync(_.index_dir);
+                }
+            } catch (error) {
+                console.debug(error);
+                return reject("Index directory creation failed");
+            }
             try { //delete all old dummy files
                 let files = fs.readdirSync(_.index_dir);
                 for (const file of files)
@@ -115,7 +137,7 @@ function initialize() {
                 return reject("Update prime file failed");
             }
             if (cur_filename)
-                fs.unlink(path.join(_.index_dir, file), err => err ? console.debug(err) : null);
+                fs.unlink(path.join(_.index_dir, cur_filename + INDEX_FILE_EXT), err => err ? console.debug(err) : null);
             resolve("Key management initiated");
         })
     })
@@ -204,7 +226,7 @@ function getShares(group, id, ignoreDiscarded = true) {
 
 function storeShareAtRandom(share) {
     return new Promise((resolve, reject) => {
-        let rand = floCrypto.randInt(INT_MIN, INT_MAX);
+        let rand = floCrypto.randInt(UNSIGNED_INT_MIN, UNSIGNED_INT_MAX);
         DB.query("INSERT INTO sinkShares(num, share) VALUE (?)", [[rand, share]])
             .then(result => resolve(result.insertId)).catch(error => {
                 if (error.code === "ER_DUP_ENTRY")
@@ -222,26 +244,33 @@ function addShare(group, id, ref, share) {
         checkIfDiscarded(id).then(result => {
             if (result != false)
                 return reject("Trying to store share for discarded ID");
-            readIndexFile().then(data => {
-                if (!(group in data))
-                    data[group] = {};
-                if (!(id in data[group]))
-                    data[group][id] = [ref];
-                else if (ref < data[group][id][0])
-                    return reject("reference is lower than current");
-                else if (ref > data[group][id][0]) {
-                    let old_shares = data[group][id];
-                    data[group][id] = [ref];
-                    old_shares.shift();
-                    DB.query("DELETE FROM sinkShares WHERE num in (?", [old_shares])//delete old shares
-                        .then(_ => null).catch(error => console.error(error));
+            lockfile.lock(_.index_file, { retries: { forever: true, minTimeout: LOCK_RETRY_MIN_TIME, maxTimeout: LOCK_RETRY_MAX_TIME } }).then(release => {
+                const releaseAndReject = err => {
+                    release().then(_ => null).catch(error => console.error(error));
+                    reject(err);
                 }
-                let encrypted_share = Crypto.AES.encrypt(share, _.node_priv);
-                console.debug(ref, '|sinkID:', sinkID, '|EnShare:', encrypted_share);
-                storeShareAtRandom(encrypted_share).then(i => {
-                    data[group][id].push(i);
-                    writeIndexFile(data).then(_ => resolve(i)).catch(error => reject(error));
-                }).catch(error => reject(error))
+                readIndexFile().then(data => {
+                    if (!(group in data))
+                        data[group] = {};
+                    if (!(id in data[group]))
+                        data[group][id] = [ref];
+                    else if (ref < data[group][id][0])
+                        return reject("reference is lower than current");
+                    else if (ref > data[group][id][0]) {
+                        let old_shares = data[group][id];
+                        data[group][id] = [ref];
+                        old_shares.shift();
+                        DB.query("DELETE FROM sinkShares WHERE num in (?)", [old_shares])//delete old shares
+                            .then(_ => null).catch(error => console.error(error));
+                    }
+                    let encrypted_share = Crypto.AES.encrypt(share, _.node_priv);
+                    console.debug(ref, '|sinkID:', id, '|EnShare:', encrypted_share);
+                    storeShareAtRandom(encrypted_share).then(i => {
+                        data[group][id].push(i);
+                        writeIndexFile(data).then(_ => resolve(i)).catch(error => reject(error))
+                            .finally(_ => release().then(_ => null).catch(error => console.error(error)));
+                    }).catch(error => releaseAndReject(error))
+                }).catch(error => releaseAndReject(error))
             }).catch(error => reject(error))
         }).catch(error => reject(error))
     })
@@ -266,7 +295,7 @@ function getStoredList(group = null) {
             } else {
                 let ids = {};
                 for (let group in data)
-                    ids[group] = Object.keys(data.group);
+                    ids[group] = Object.keys(data[group]);
                 resolve(ids);
             }
         }).catch(error => reject(error))
@@ -346,12 +375,13 @@ const sink_ids = {}, sink_chest = {
     },
     pick(group) {
         let ids = this.list(group),
-            i = floCrypto.randInt(0, ids.length);
+            i = floCrypto.randInt(0, ids.length - 1);
         return ids[i];
     },
     active_pick(group) {
+        console.debug(sink_ids)
         let ids = this.active_list(group),
-            i = floCrypto.randInt(0, ids.length);
+            i = floCrypto.randInt(0, ids.length - 1);
         return ids[i];
     },
     find_group(id) {
@@ -388,7 +418,7 @@ module.exports = {
     get node_id() {
         return node_id;
     },
-    get node_id() {
+    get node_pub() {
         return node_pub;
     },
     get sink_groups() {

From 70c943c997626c1288c4f88d3f177db2abaac37b Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Wed, 16 Nov 2022 22:23:55 +0530
Subject: [PATCH 159/168] Backup module: bug fixes

- Fixed: keys.addShare unhandled on reject
- Fixed: sinks in Cooldown period not added in sink_chest (for market to verify tx that already occurred) on master process start.
- Fixed: sink list from slaves not handled properly for reconstruct (if needed)
- Fixed: minor syntax bugs
---
 src/backup/head.js  | 47 +++++++++++++++++++++++++--------------------
 src/backup/slave.js | 12 +++++++-----
 2 files changed, 33 insertions(+), 26 deletions(-)

diff --git a/src/backup/head.js b/src/backup/head.js
index ddfcd4d..c962141 100644
--- a/src/backup/head.js
+++ b/src/backup/head.js
@@ -55,7 +55,8 @@ function sendSharesToNodes(sinkID, group, shares) {
     let ref = Date.now();
     shares_pending[sinkID] = { shares, group, ref };
     if (keys.node_id in shares) {
-        shares.forEach(s => keys.addShare(group, sinkID, ref, s))
+        shares_pending[sinkID].shares[keys.node_id].forEach(s =>
+            keys.addShare(group, sinkID, ref, s).then(_ => null).catch(error => console.error(error)));
         delete shares_pending[sinkID].shares[keys.node_id];
     }
     for (let node in shares)
@@ -134,7 +135,7 @@ function collectShares(sinkID, ref, share) {
     if (_mode !== MASTER_MODE)
         return console.warn("Not serving as master");
     if (!(sinkID in shares_collected))
-        return console.error("Something is wrong! Slaves are sending sinkID thats not been collected");
+        return console.debug("Received shares for sink thats not been collected right now");
     if (shares_collected[sinkID].ref > ref)
         return console.debug("Received expired share");
     else if (shares_collected[sinkID].ref < ref) {
@@ -206,16 +207,19 @@ function informLiveNodes(init) {
                 console.warn(`Node(${nodes[i]}) is offline`);
         if (init && flag)
             syncRequest();
-        keys.getStoredList().then(result => {
-            if (Object.keys(result).length) {
+        keys.getStoredList().then(stored_list => {
+            if (Object.keys(stored_list).length) {
                 keys.getDiscardedList().then(discarded_list => {
-                    for (let group in result)
-                        result.group.forEach(id => {
+                    let cur_time = Date.now();
+                    for (let group in stored_list)
+                        stored_list[group].forEach(id => {
                             if (!(id in discarded_list))
-                                reconstructShares(group, id);
+                                reconstructShares(group, id)
+                            else if (cur_time - discarded_list[id] < DISCARD_COOLDOWN) //sinkID still in cooldown period
+                                keys.sink_chest.set_id(group, id, null);
                         });
                 }).catch(error => console.error(error))
-            } else if (!flag) {
+            } else if (init && !flag) {
                 console.log("Starting the exchange...");
                 //generate a sinkID for each group in starting list
                 keys.sink_groups.initial_list.forEach(group =>
@@ -248,7 +252,7 @@ function reconstructShares(group, sinkID) {
     collectAndCall(group, sinkID, sinkKey => sendSharesToNodes(sinkID, group, generateShares(sinkKey)));
 }
 
-function slaveConnect(floID, pubKey, ws, sinks) {
+function slaveConnect(floID, pubKey, ws, slave_sinks) {
     if (_mode !== MASTER_MODE)
         return console.warn("Not serving as master");
     ws.floID = floID;
@@ -263,17 +267,18 @@ function slaveConnect(floID, pubKey, ws, sinks) {
     for (let sinkID in shares_collected)
         requestShare(ws, shares_collected[sinkID].group, sinkID);
     //check if sinks in slaves are present
-    if (Array.isArray(sinks)) {
-        for (let sinkID of sinks) {
-            if (!keys.sink_chest.includes(shares_collected[sinkID].group, sinkID))
-                keys.checkIfDiscarded(sinkID)
-                    .then(result => result === false ? reconstructShares(shares_collected[sinkID].group, sinkID) : null)
-                    .catch(error => console.error(error))
-        }
+    if (slave_sinks instanceof Object) {
+        for (let group in slave_sinks)
+            for (let sinkID of slave_sinks[group]) {
+                if (!keys.sink_chest.includes(group, sinkID))
+                    keys.checkIfDiscarded(sinkID)
+                        .then(result => result === false ? reconstructShares(group, sinkID) : null)
+                        .catch(error => console.error(error))
+            }
     }
 }
 
-const eCode = require('../docs/scripts/floExchangeAPI').errorCode;
+const eCode = require('../../docs/scripts/floExchangeAPI').errorCode;
 
 function generateSink(group) {
     return new Promise((resolve, reject) => {
@@ -292,7 +297,7 @@ function generateSink(group) {
 
 function reshareSink(id) {
     return new Promise((resolve, reject) => {
-        if (!floCrypto.validateAddr(data.id))
+        if (!floCrypto.validateAddr(id))
             return reject(INVALID(eCode.INVALID_VALUE, `Invalid ID ${id}`));
         else {
             let group = keys.sink_chest.find_group(id);
@@ -315,7 +320,7 @@ function reshareSink(id) {
 
 function discardSink(id) {
     return new Promise((resolve, reject) => {
-        if (!floCrypto.validateAddr(data.id))
+        if (!floCrypto.validateAddr(id))
             return reject(INVALID(eCode.INVALID_VALUE, `Invalid ID ${id}`));
         else if (!keys.sink_chest.find_group(id))
             return reject(INVALID(eCode.NOT_FOUND, `ID ${id} not found`));
@@ -341,8 +346,8 @@ function checkForDiscardedSinks() {
                     keys.sink_chest.rm_id(group, id);
                 else
                     keys.sink_chest.set_id(group, id, null);
-                if (sinkID in shares_collected && !discarded_sinks.includes(sinkID))
-                    discarded_sinks.push(sinkID);
+                if (id in shares_collected && !discarded_sinks.includes(id))
+                    discarded_sinks.push(id);
             }
         }).catch(error => console.debug(error)))
 }
diff --git a/src/backup/slave.js b/src/backup/slave.js
index 689a016..28ec1d3 100644
--- a/src/backup/slave.js
+++ b/src/backup/slave.js
@@ -21,14 +21,16 @@ function startSlaveProcess(ws, init) {
     //set masterWS
     ws.on('message', processDataFromMaster);
     masterWS = ws;
-    let sinks_stored = [];
+    let sinks_stored = {};
     Promise.all([keys.getStoredList(), keys.getDiscardedList()]).then(result => {
         let stored_list = result[0],
             discarded_list = result[1];
-        for (let g in stored_list)
-            for (let id in stored_list[g])
-                if (!(stored_list[g][id] in discarded_list))
-                    sinks_stored.push(id);
+        for (let group in stored_list) {
+            sinks_stored[group] = [];
+            for (let id of stored_list[group])
+                if (!(id in discarded_list))
+                    sinks_stored[group].push(id);
+        }
     }).catch(error => console.error(error)).finally(_ => {
         //inform master
         let message = {

From b0ec2d6a852cc5cabdd47f053deb8356f1dc7332 Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Thu, 17 Nov 2022 03:38:46 +0530
Subject: [PATCH 160/168] Keys: invoke shuffle at interval

---
 src/_constants.js |  1 +
 src/keys.js       | 26 +++++++++++++++++++-------
 2 files changed, 20 insertions(+), 7 deletions(-)

diff --git a/src/_constants.js b/src/_constants.js
index 461cc66..6fa1585 100644
--- a/src/_constants.js
+++ b/src/_constants.js
@@ -15,6 +15,7 @@ module.exports = {
         SHARES_PER_NODE: 8,
         SHARE_THRESHOLD: 50 / 100, //50%
         DISCARD_COOLDOWN: 24 * 60 * 60 * 1000, //1 day
+        SHUFFLE_INTERVAL: 12 * 60 * 60 * 1000, //12 hrs
     },
     market: {
         LAUNCH_SELLER_TAG: "launch-seller",
diff --git a/src/keys.js b/src/keys.js
index 9c2d594..2b456ae 100644
--- a/src/keys.js
+++ b/src/keys.js
@@ -12,7 +12,11 @@ for (let arg of process.argv)
         break;
     }
 
-const { SHARES_PER_NODE, SHARE_THRESHOLD } = require("./_constants")["keys"];
+const {
+    SHARES_PER_NODE,
+    SHARE_THRESHOLD,
+    SHUFFLE_INTERVAL
+} = require("./_constants")["keys"];
 
 const PRIV_EKEY_MIN = 32,
     PRIV_EKEY_MAX = 48,
@@ -138,6 +142,7 @@ function initialize() {
             }
             if (cur_filename)
                 fs.unlink(path.join(_.index_dir, cur_filename + INDEX_FILE_EXT), err => err ? console.debug(err) : null);
+            shuffle.interval = setInterval(shuffle, SHUFFLE_INTERVAL);
             resolve("Key management initiated");
         })
     })
@@ -153,7 +158,7 @@ function shuffle() {
             let data_size = data.length;
             for (let file of files) {
                 let f_data, f_name = floCrypto.randString(INDEX_FILE_NAME_LENGTH);
-                if (file === cur_filename) {
+                if (file === cur_filename + INDEX_FILE_EXT) {
                     new_filename = f_name;
                     f_data = data;
                 } else {
@@ -162,14 +167,22 @@ function shuffle() {
                 }
                 f_data = Crypto.AES.encrypt(f_data, _.node_priv);
                 //rename and rewrite the file
-                fs.renameSync(path.join(_.args_dir, file + INDEX_FILE_EXT), path.join(_.index_dir, f_name + INDEX_FILE_EXT));
-                fs.writeFileSync(path.join(_.index_dir, f_name + INDEX_FILE_EXT), f_data, INDEX_FILE_TYPE);
+                try {
+                    fs.renameSync(path.join(_.index_dir, file), path.join(_.index_dir, f_name + INDEX_FILE_EXT));
+                    fs.writeFileSync(path.join(_.index_dir, f_name + INDEX_FILE_EXT), f_data, INDEX_FILE_TYPE);
+                } catch (error) {
+                    console.error(error)
+                }
             }
             //update prime file
             if (!new_filename)
-                throw Error("Index file has not been renamed");
+                return console.error("Index file has not been renamed");
             let en_filename = Crypto.AES.encrypt(new_filename, _.node_priv);
-            fs.writeFileSync(_.prime_file, en_filename, PRIME_FILE_TYPE);
+            try {
+                fs.writeFileSync(_.prime_file, en_filename, PRIME_FILE_TYPE);
+            } catch (error) {
+                console.error(error);
+            }
         })
     }).catch(error => console.error(error))
 }
@@ -379,7 +392,6 @@ const sink_ids = {}, sink_chest = {
         return ids[i];
     },
     active_pick(group) {
-        console.debug(sink_ids)
         let ids = this.active_list(group),
             i = floCrypto.randInt(0, ids.length - 1);
         return ids[i];

From 28e48156361213eb84ff4ab20fda742df5230a0a Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Thu, 17 Nov 2022 17:41:30 +0530
Subject: [PATCH 161/168] Bug fix

- Bug fix: btcOperator getTx not throwing valid error when invalid txid
- Fixed: toStandardDecimal not rounding upto 8 decimal places on rare cases
---
 docs/scripts/btcOperator.js | 4 ++--
 src/background.js           | 2 +-
 src/set_globals.js          | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/docs/scripts/btcOperator.js b/docs/scripts/btcOperator.js
index baa70a5..edba786 100644
--- a/docs/scripts/btcOperator.js
+++ b/docs/scripts/btcOperator.js
@@ -1,4 +1,4 @@
-(function (EXPORTS) { //btcOperator v1.0.13
+(function (EXPORTS) { //btcOperator v1.0.13a
     /* BTC Crypto and API Operator */
     const btcOperator = EXPORTS;
 
@@ -713,7 +713,7 @@
     }
 
     btcOperator.getTx = txid => new Promise((resolve, reject) => {
-        fetch_api(`tx/BTC/${txid}`)
+        fetch_api(`get_tx/BTC/${txid}`)
             .then(result => resolve(result.data))
             .catch(error => reject(error))
     });
diff --git a/src/background.js b/src/background.js
index cd26f53..17715d4 100644
--- a/src/background.js
+++ b/src/background.js
@@ -203,7 +203,7 @@ verifyTx.BTC = function (sender, txid, group) {
                 return reject([true, "Transaction not sent by the sender"]);
             if (vin_sender.length !== tx.inputs.length)
                 return reject([true, "Transaction input containes other floIDs"]);
-            if (!tx.block_no)
+            if (!tx.blockhash)
                 return reject([false, "Transaction not included in any block yet"]);
             if (!tx.confirmations)
                 return reject([false, "Transaction not confirmed yet"]);
diff --git a/src/set_globals.js b/src/set_globals.js
index 39756ad..0bb2d5e 100644
--- a/src/set_globals.js
+++ b/src/set_globals.js
@@ -13,7 +13,7 @@ try {
         global[p] = param[p];
 }
 
-global.toStandardDecimal = num => (parseInt(num * 1e8) * 1e-8)
+global.toStandardDecimal = num => parseFloat((parseInt(num * 1e8) * 1e-8).toFixed(8))
 
 if (!process.argv.includes("--debug"))
     global.console.debug = () => null;

From 65c0d3c91f2d86acda77cb02b63903a5bbd3ce55 Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Thu, 17 Nov 2022 17:52:42 +0530
Subject: [PATCH 162/168] Blockchain-bonds and Bobs-fund balance check API

- Added API to check the balance and closing-amount needed for blockchain-bonds and bobs fund (checkBlockchainBond, checkBobsFund) in floExchangeAPI.
- API resolves values in
  .pending: bond/fund closed by user, but not yet finished processing
  .ready: bond/fund ready to close by users
  .upcoming: bond/fund that will be out of lockin period (by given prior_time parameter)

- Fixed: Bonds and Funds closing data not written to DB due to async
- Fixed: floExchangeAPI not reading trusted-id list from blockchain
- Added floExchangeAPI.config: getters for trustedList, assetList and tagList
---
 docs/scripts/floExchangeAPI.js | 87 +++++++++++++++++++++++++++++++++-
 src/app.js                     |  8 +++-
 src/request.js                 | 28 ++++++++++-
 src/services/bobs-fund.js      | 79 ++++++++++++++++++++++++------
 src/services/bonds.js          | 77 ++++++++++++++++++++++++------
 5 files changed, 246 insertions(+), 33 deletions(-)

diff --git a/docs/scripts/floExchangeAPI.js b/docs/scripts/floExchangeAPI.js
index 06028e8..045ed0f 100644
--- a/docs/scripts/floExchangeAPI.js
+++ b/docs/scripts/floExchangeAPI.js
@@ -1527,6 +1527,66 @@
         })
     }
 
+    exchangeAPI.checkBlockchainBond = function (prior_time, floID, proxySecret) {
+        return new Promise((resolve, reject) => {
+            let request = {
+                floID: floID,
+                prior_time,
+                timestamp: Date.now()
+            };
+            if (floCrypto.getFloID(proxySecret) === floID) //Direct signing (without proxy)
+                request.pubKey = floCrypto.getPubKeyHex(proxySecret);
+            request.sign = signRequest({
+                type: "check_blockchain_bond",
+                prior_time,
+                timestamp: request.timestamp
+            }, proxySecret);
+            console.debug(request);
+
+            fetch_api('/check-blockchain-bond', {
+                method: "POST",
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify(request)
+            }).then(result => {
+                responseParse(result)
+                    .then(result => resolve(result))
+                    .catch(error => reject(error))
+            }).catch(error => reject(error))
+        })
+    }
+
+    exchangeAPI.checkBobsFund = function (prior_time, floID, proxySecret) {
+        return new Promise((resolve, reject) => {
+            let request = {
+                floID: floID,
+                prior_time,
+                timestamp: Date.now()
+            };
+            if (floCrypto.getFloID(proxySecret) === floID) //Direct signing (without proxy)
+                request.pubKey = floCrypto.getPubKeyHex(proxySecret);
+            request.sign = signRequest({
+                type: "check_bobs_fund",
+                prior_time,
+                timestamp: request.timestamp
+            }, proxySecret);
+            console.debug(request);
+
+            fetch_api('/check-bobs-fund', {
+                method: "POST",
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify(request)
+            }).then(result => {
+                responseParse(result)
+                    .then(result => resolve(result))
+                    .catch(error => reject(error))
+            }).catch(error => reject(error))
+        })
+    }
+
     exchangeAPI.closeBobsFundInvestment = function (fund_id, floID, privKey) {
         return new Promise((resolve, reject) => {
             if (!floCrypto.verifyPrivKey(privKey, floID))
@@ -1660,9 +1720,10 @@
 
     exchangeAPI.init = function refreshDataFromBlockchain() {
         return new Promise((resolve, reject) => {
-            let nodes, assets, tags, lastTx;
+            let nodes, trusted = new Set(), assets, tags, lastTx;
             try {
                 nodes = JSON.parse(localStorage.getItem('exchange-nodes'));
+                trusted = new Set((localStorage.getItem('exchange-trusted') || "").split(','));
                 assets = new Set((localStorage.getItem('exchange-assets') || "").split(','));
                 tags = new Set((localStorage.getItem('exchange-tags') || "").split(','));
                 if (typeof nodes !== 'object' || nodes === null)
@@ -1671,6 +1732,7 @@
                     lastTx = parseInt(localStorage.getItem('exchange-lastTx')) || 0;
             } catch (error) {
                 nodes = {};
+                trusted = new Set();
                 assets = new Set();
                 tags = new Set();
                 lastTx = 0;
@@ -1691,6 +1753,15 @@
                             for (let n in content.Nodes.add)
                                 nodes[n] = content.Nodes.add[n];
                     }
+                    //Trusted List
+                    if (content.Trusted) {
+                        if (content.Trusted.remove)
+                            for (let id of content.Trusted.remove)
+                                trusted.delete(id);
+                        if (content.Trusted.add)
+                            for (let id of content.Trusted.add)
+                                trusted.add(id);
+                    }
                     //Asset List
                     if (content.Assets) {
                         for (let a in content.Assets)
@@ -1708,6 +1779,7 @@
                 });
                 localStorage.setItem('exchange-lastTx', result.totalTxs);
                 localStorage.setItem('exchange-nodes', JSON.stringify(nodes));
+                localStorage.setItem('exchange-trusted', Array.from(trusted).join(","));
                 localStorage.setItem('exchange-assets', Array.from(assets).join(","));
                 localStorage.setItem('exchange-tags', Array.from(tags).join(","));
                 nodeURL = nodes;
@@ -1718,8 +1790,21 @@
         })
     }
 
+    const config = exchangeAPI.config = {
+        get trustedList() {
+            return new Set((localStorage.getItem('exchange-trusted') || "").split(','));
+        },
+        get assetList() {
+            return new Set((localStorage.getItem('exchange-assets') || "").split(','));
+        },
+        get tagList() {
+            return new Set((localStorage.getItem('exchange-tags') || "").split(','));
+        }
+    }
+
     exchangeAPI.clearAllLocalData = function () {
         localStorage.removeItem('exchange-nodes');
+        localStorage.removeItem('exchange-trusted');
         localStorage.removeItem('exchange-assets');
         localStorage.removeItem('exchange-tags');
         localStorage.removeItem('exchange-lastTx');
diff --git a/src/app.js b/src/app.js
index c844164..9f50e92 100644
--- a/src/app.js
+++ b/src/app.js
@@ -102,11 +102,15 @@ module.exports = function App(secret) {
     app.post('/withdraw-convert-coin-fund', Request.WithdrawConvertCoinFund);
     app.post('/withdraw-convert-currency-fund', Request.WithdrawConvertCurrencyFund);
 
-    //close blockchain-bond
+    //close blockchain-bond and bobs-fund-investment
     app.post('/close-blockchain-bonds', Request.CloseBlockchainBond);
     app.post('/close-bobs-fund-investment', Request.CloseBobsFund);
 
-    //Manage user tags (Access to trusted IDs only)
+    //check balance for blockchain-bond and bobs-fund (trusted IDs only)
+    app.post('/check-blockchain-bond', Request.CheckBlockchainBondBalance);
+    app.post('/check-bobs-fund', Request.CheckBobsFundBalance);
+
+    //Manage user tags (trusted IDs only)
     app.post('/add-tag', Request.AddUserTag);
     app.post('/remove-tag', Request.RemoveUserTag);
     app.post('/add-distributor', Request.AddDistributor);
diff --git a/src/request.js b/src/request.js
index 9ed2316..d560a12 100644
--- a/src/request.js
+++ b/src/request.js
@@ -104,10 +104,10 @@ function logRequest(floID, req_str, sign, proxy = false) {
         .then(_ => null).catch(error => console.error(error));
 }
 
-function processRequest(res, floID, pubKey, sign, rText, validateObj, marketFn) {
+function processRequest(res, floID, pubKey, sign, rText, validateObj, marketFn, log = true) {
     validateRequest(validateObj, sign, floID, pubKey).then(req_str => {
         marketFn().then(result => {
-            logRequest(floID, req_str, sign, !pubKey);
+            if (log) logRequest(floID, req_str, sign, !pubKey);
             res.send(result);
         }).catch(error => {
             if (error instanceof INVALID)
@@ -452,6 +452,28 @@ function CloseBobsFund(req, res) {
         }, () => bobs_fund.closeFund(data.fund_id, data.floID, `${data.timestamp}.${data.sign}`));
 }
 
+function CheckBlockchainBondBalance(req, res) {
+    let data = req.body;
+    if (!trustedIDs.includes(data.floID))
+        res.status(INVALID.e_code).send(INVALID.str(eCode.ACCESS_DENIED, "Access Denied"));
+    else processRequest(res, data.floID, data.pubKey, data.sign, "Check blockchain-bond", {
+        type: "check_blockchain_bond",
+        prior_time: data.prior_time,
+        timestamp: data.timestamp
+    }, () => blockchain_bonds.checkBondBalance(data.prior_time), false);
+}
+
+function CheckBobsFundBalance(req, res) {
+    let data = req.body;
+    if (!trustedIDs.includes(data.floID))
+        res.status(INVALID.e_code).send(INVALID.str(eCode.ACCESS_DENIED, "Access Denied"));
+    else processRequest(res, data.floID, data.pubKey, data.sign, "Check bobs-fund", {
+        type: "check_bobs_fund",
+        prior_time: data.prior_time,
+        timestamp: data.timestamp
+    }, () => bobs_fund.checkFundBalance(data.prior_time), false);
+}
+
 /* Public Requests */
 
 function GetLoginCode(req, res) {
@@ -695,6 +717,8 @@ module.exports = {
     WithdrawConvertCurrencyFund,
     CloseBlockchainBond,
     CloseBobsFund,
+    CheckBlockchainBondBalance,
+    CheckBobsFundBalance,
     set trustedIDs(ids) {
         trustedIDs = ids;
     },
diff --git a/src/services/bobs-fund.js b/src/services/bobs-fund.js
index 85ed663..414ad14 100644
--- a/src/services/bobs-fund.js
+++ b/src/services/bobs-fund.js
@@ -1,6 +1,7 @@
 'use strict';
 
 const DB = require("../database");
+const { sink_chest, sink_groups } = require("../keys");
 const eCode = require('../../docs/scripts/floExchangeAPI').errorCode;
 const pCode = require('../../docs/scripts/floExchangeAPI').processCode;
 const getRate = require('./conversion').getRate;
@@ -210,7 +211,7 @@ function refreshBlockchainData(nodeList = []) {
                 tx: true,
                 filter: d => d.startsWith(bobsFund.productStr)
             }).then(result => {
-                let promises = [];
+                let txQueries = [];
                 result.data.reverse().forEach(d => {
                     let fund = bobsFund.parse(d.data);
                     if (d.senders.has(bobsFund.config.adminID) && !/close:/.test(d.data)) {
@@ -220,11 +221,11 @@ function refreshBlockchainData(nodeList = []) {
                             let values = [fund_id, fund.start_date, fund.BTC_base, fund.USD_base, fund.fee, fund.duration];
                             if (fund.tapoutInterval)
                                 values.push(fund.topoutWindow, fund.tapoutInterval.join(','));
-                            promises.push(DB.query(`INSERT INTO BobsFund(fund_id, begin_date, btc_base, usd_base, fee, duration ${fund.tapoutInterval ? ", tapout_window, tapout_interval" : ""}) VALUES ? ON DUPLICATE KEY UPDATE fund_id=fund_id`, [[values]]));
+                            txQueries.push([`INSERT INTO BobsFund(fund_id, begin_date, btc_base, usd_base, fee, duration ${fund.tapoutInterval ? ", tapout_window, tapout_interval" : ""}) VALUE (?) ON DUPLICATE KEY UPDATE fund_id=fund_id`, [values]])
                         } else
                             fund_id = fund_id.pop().match(/[a-z0-9]{64}/).pop();
                         let investments = Object.entries(fund.investments).map(a => [fund_id, a[0], a[1].amount]);
-                        promises.push(DB.query("INSERT INTO BobsFundInvestments(fund_id, floID, amount_in) VALUES ? ON DUPLICATE KEY UPDATE floID=floID", [investments]));
+                        txQueries.push(["INSERT INTO BobsFundInvestments(fund_id, floID, amount_in) VALUES ? ON DUPLICATE KEY UPDATE floID=floID", [investments]]);
                     }
                     else {
                         let fund_id = d.data.match(/close: [a-z0-9]{64}\|/);
@@ -232,20 +233,16 @@ function refreshBlockchainData(nodeList = []) {
                             fund_id = fund_id.pop().match(/[a-z0-9]{64}/).pop();
                             let closing_details = Object.entries(fund.investments).filter(a => typeof a[1].closed === "object" && a[1].closed.amountFinal).pop();   //only one close-fund will be there in a tx
                             if (closing_details)
-                                promises.push(DB.query("UPDATE BobsFundInvestments SET close_id=?, amount_out=? WHERE fund_id=? AND floID=?", [d.txid, closing_details[1].closed.amountFinal, fund_id, closing_details[0]]))
+                                txQueries.push(["UPDATE BobsFundInvestments SET close_id=?, amount_out=? WHERE fund_id=? AND floID=?",
+                                    [d.txid, closing_details[1].closed.amountFinal, fund_id, closing_details[0]]])
                         }
                     }
                 });
-                Promise.allSettled(promises).then(results => {
-                    if (results.reduce((a, r) => r.status === "rejected" ? ++a : a, 0)) {
-                        console.debug(results.filter(r => r.status === "rejected"));
-                        reject("Some fund data might not have been saved in database correctly");
-                    }
-                    else
-                        DB.query("INSERT INTO LastTx (floID, num) VALUE (?) ON DUPLICATE KEY UPDATE num=?", [[bobsFund.config.adminID, result.totalTxs], result.totalTxs])
-                            .then(_ => resolve(result.totalTxs))
-                            .catch(error => reject(error));
-                })
+                txQueries.push(["INSERT INTO LastTx (floID, num) VALUE (?) ON DUPLICATE KEY UPDATE num=?",
+                    [[bobsFund.config.adminID, result.totalTxs], result.totalTxs]])
+                DB.transaction(txQueries)
+                    .then(_ => resolve(result.totalTxs))
+                    .catch(error => reject(["Bobs-Fund refresh data failed!", error]));
             }).catch(error => reject(error))
         }).catch(error => reject(error))
     })
@@ -296,6 +293,59 @@ function closeFund(fund_id, floID, ref) {
     })
 }
 
+function checkFundBalance(prior_time) {
+    return new Promise((resolve, reject) => {
+        prior_time = new Date(prior_time);
+        let cur_date = Date.now();
+        if (isNaN(prior_time) || prior_time.toString() == "Invalid Date")
+            return reject(INVALID(eCode.INVALID_VALUE, `Invalid Date for prior_time`));
+        let sql_query = "SELECT bf.begin_date, bf.btc_base, bf.usd_base, bf.fee, bf.duration, fi.amount_in, cf.amount AS amount_close FROM BobsFund AS bf" +
+            " INNER JOIN BobsFundInvestments AS fi ON bf.fund_id = fi.fund_id" +
+            " LEFT JOIN CloseFundTransact AS cf ON fi.fund_id = cf.fund_id AND fi.floID = cf.floID" +
+            " WHERE fi.close_id IS NULL AND (cf.r_status IS NULL OR cf.r_status NOT IN (?))";
+        DB.query(sql_query, [[pCode.STATUS_SUCCESS, pCode.STATUS_CONFIRMATION]]).then(result => {
+            getRate.BTC_USD().then(btc_rate => {
+                getRate.USD_INR().then(usd_rate => {
+                    let pending = { require_amount_cash: 0, n_investment: 0 },
+                        ready = { require_amount_cash: 0, n_investment: 0 },
+                        upcoming = { require_amount_cash: 0, n_investment: 0 }
+                    result.forEach(i => {
+                        if (i.amount_close) {
+                            pending.require_amount_cash += i.amount_close;
+                            pending.n_investment++;
+                        } else {
+                            let end_date = bobsFund.dateAdder(i.begin_date, i.duration);
+                            if (end_date < prior_time) {
+                                let net_value = bobsFund.calcNetValue(i.btc_base, btc_rate, i.usd_base, usd_rate, i.amount_in, i.fee);
+                                if (end_date > cur_date) {
+                                    upcoming.require_amount_cash += net_value;
+                                    upcoming.n_investment++;
+                                } else {
+                                    ready.require_amount_cash += net_value;
+                                    ready.n_investment++;
+                                }
+                            }
+                        }
+                    })
+                    pending.require_amount_cash = global.toStandardDecimal(pending.require_amount_cash);
+                    ready.require_amount_cash = global.toStandardDecimal(ready.require_amount_cash);
+                    upcoming.require_amount_cash = global.toStandardDecimal(upcoming.require_amount_cash);
+                    pending.require_amount_btc = global.toStandardDecimal(pending.require_amount_cash / (btc_rate * usd_rate));
+                    ready.require_amount_btc = global.toStandardDecimal(ready.require_amount_cash / (btc_rate * usd_rate));
+                    upcoming.require_amount_btc = global.toStandardDecimal(upcoming.require_amount_cash / (btc_rate * usd_rate));
+                    Promise.allSettled(sink_chest.list(sink_groups.BOBS_FUND)
+                        .map(id => btcOperator.getBalance(btcOperator.convert.legacy2bech(id)))).then(result => {
+                            let balance = result.filter(r => r.status === 'fulfilled').reduce((a, bal) => a += bal, 0);
+                            resolve({ pending, ready, upcoming, balance });
+                        }).catch(error => reject(error))
+                }).catch(error => reject(error))
+            }).catch(error => reject(error))
+        }).catch(error => reject(error))
+
+
+    })
+}
+
 module.exports = {
     refresh(nodeList) {
         refreshBlockchainData(nodeList)
@@ -303,5 +353,6 @@ module.exports = {
             .catch(error => console.error(error));
     },
     util: bobsFund,
+    checkFundBalance,
     closeFund
 }
\ No newline at end of file
diff --git a/src/services/bonds.js b/src/services/bonds.js
index c5a8e28..4b43466 100644
--- a/src/services/bonds.js
+++ b/src/services/bonds.js
@@ -1,6 +1,7 @@
 'use strict';
 
 const DB = require("../database");
+const { sink_chest, sink_groups } = require("../keys");
 const eCode = require('../../docs/scripts/floExchangeAPI').errorCode;
 const pCode = require('../../docs/scripts/floExchangeAPI').processCode;
 const getRate = require('./conversion').getRate;
@@ -193,28 +194,24 @@ function refreshBlockchainData(nodeList = []) {
                 tx: true,
                 filter: d => d.startsWith(blockchainBond.productStr)
             }).then(result => {
-                let promises = [];
+                let txQueries = [];
                 result.data.reverse().forEach(d => {
                     let bond = d.senders.has(blockchainBond.config.adminID) ? blockchainBond.parse.main(d.data) : null;
                     if (bond && bond.amount)
-                        promises.push(DB.query("INSERT INTO BlockchainBonds(bond_id, floID, amount_in, begin_date, btc_base, usd_base, gain_cut, min_ipa, max_period, lockin_period) VALUES ? ON DUPLICATE KEY UPDATE bond_id=bond_id",
-                            [[[d.txid, bond.floID, bond.amount, bond.startDate, bond.BTC_base, bond.USD_base, bond.cut, bond.minIpa, bond.maxPeriod, bond.lockinPeriod]]]));
+                        txQueries.push(["INSERT INTO BlockchainBonds(bond_id, floID, amount_in, begin_date, btc_base, usd_base, gain_cut, min_ipa, max_period, lockin_period) VALUE (?) ON DUPLICATE KEY UPDATE bond_id=bond_id",
+                            [[d.txid, bond.floID, bond.amount, bond.startDate, bond.BTC_base, bond.USD_base, bond.cut, bond.minIpa, bond.maxPeriod, bond.lockinPeriod]]]);
                     else {
                         let details = blockchainBond.parse.end(d.data);
                         if (details.bondID && details.amountFinal)
-                            promises.push(DB.query("UPDATE BlockchainBonds SET close_id=?, amount_out=? WHERE bond_id=?", [d.txid, details.amountFinal, details.bondID]));
+                            txQueries.push(["UPDATE BlockchainBonds SET close_id=?, amount_out=? WHERE bond_id=?",
+                                [d.txid, details.amountFinal, details.bondID]]);
                     }
                 });
-                Promise.allSettled(promises).then(results => {
-                    if (results.reduce((a, r) => r.status === "rejected" ? ++a : a, 0)) {
-                        reject("Some bond data might not have been saved in database correctly");
-                        console.debug(results.filter(r => r.status === "rejected"));
-                    }
-                    else
-                        DB.query("INSERT INTO LastTx (floID, num) VALUE (?) ON DUPLICATE KEY UPDATE num=?", [[blockchainBond.config.adminID, result.totalTxs], result.totalTxs])
-                            .then(_ => resolve(result.totalTxs))
-                            .catch(error => reject(error));
-                })
+                txQueries.push(["INSERT INTO LastTx (floID, num) VALUE (?) ON DUPLICATE KEY UPDATE num=?",
+                    [[blockchainBond.config.adminID, result.totalTxs], result.totalTxs]])
+                DB.transaction(txQueries)
+                    .then(_ => resolve(result.totalTxs))
+                    .catch(error => reject(["Blockchain-bonds refresh data failed!", error]));
             }).catch(error => reject(error))
         }).catch(error => reject(error))
     })
@@ -249,6 +246,57 @@ function closeBond(bond_id, floID, ref) {
     })
 }
 
+function checkBondBalance(prior_time) {
+    return new Promise((resolve, reject) => {
+        prior_time = new Date(prior_time);
+        let cur_date = Date.now();
+        if (isNaN(prior_time) || prior_time.toString() == "Invalid Date")
+            return reject(INVALID(eCode.INVALID_VALUE, `Invalid Date for prior_time`));
+        let sql_query = "SELECT bb.*, cb.amount AS amount_close FROM BlockchainBonds AS bb" +
+            " LEFT JOIN CloseBondTransact AS cb ON bb.bond_id = cb.bond_id" +
+            " WHERE bb.close_id IS NULL AND (cb.r_status IS NULL OR cb.r_status NOT IN (?))";
+        DB.query(sql_query, [[pCode.STATUS_SUCCESS, pCode.STATUS_CONFIRMATION]]).then(result => {
+            getRate.BTC_USD().then(btc_rate => {
+                getRate.USD_INR().then(usd_rate => {
+                    let pending = { require_amount_cash: 0, n_bond: 0 },
+                        ready = { require_amount_cash: 0, n_bond: 0 },
+                        upcoming = { require_amount_cash: 0, n_bond: 0 }
+                    result.forEach(bond => {
+                        if (bond.amount_close) {
+                            pending.require_amount_cash += bond.amount_close;
+                            pending.n_bond++;
+                        } else {
+                            let end_date = blockchainBond.dateAdder(bond.begin_date, bond.lockin_period)
+                            if (end_date < prior_time) {
+                                let net_value = blockchainBond.calcNetValue(bond.btc_base, btc_rate, bond.begin_date, bond.min_ipa, bond.max_period, bond.gain_cut, bond.amount_in, bond.usd_base, usd_rate);
+                                if (end_date > cur_date) {
+                                    upcoming.require_amount_cash += net_value;
+                                    upcoming.n_bond++;
+                                } else {
+                                    ready.require_amount_cash += net_value;
+                                    ready.n_bond++;
+                                }
+                            }
+                        }
+
+                    });
+                    pending.require_amount_cash = global.toStandardDecimal(pending.require_amount_cash);
+                    ready.require_amount_cash = global.toStandardDecimal(ready.require_amount_cash);
+                    upcoming.require_amount_cash = global.toStandardDecimal(upcoming.require_amount_cash);
+                    pending.require_amount_btc = global.toStandardDecimal(pending.require_amount_cash / (btc_rate * usd_rate));
+                    ready.require_amount_btc = global.toStandardDecimal(ready.require_amount_cash / (btc_rate * usd_rate));
+                    upcoming.require_amount_btc = global.toStandardDecimal(upcoming.require_amount_cash / (btc_rate * usd_rate));
+                    Promise.allSettled(sink_chest.list(sink_groups.BLOCKCHAIN_BONDS)
+                        .map(id => btcOperator.getBalance(btcOperator.convert.legacy2bech(id)))).then(result => {
+                            let balance = result.filter(r => r.status === 'fulfilled').reduce((a, bal) => a += bal, 0);
+                            resolve({ pending, ready, upcoming, balance });
+                        }).catch(error => reject(error))
+                }).catch(error => reject(error))
+            }).catch(error => reject(error))
+        }).catch(error => reject(error))
+    })
+}
+
 module.exports = {
     refresh(nodeList) {
         refreshBlockchainData(nodeList)
@@ -256,5 +304,6 @@ module.exports = {
             .catch(error => console.error(error));
     },
     util: blockchainBond,
+    checkBondBalance,
     closeBond
 }
\ No newline at end of file

From 64527259d9bc57bfa62d8d92d00f1e5348334501 Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Thu, 17 Nov 2022 23:39:54 +0530
Subject: [PATCH 163/168] Bug fix: convert values

Fixed: Max value not resolved properly when availability is less than configured max value
---
 src/blockchain.js          | 2 +-
 src/services/conversion.js | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/blockchain.js b/src/blockchain.js
index a20e4ef..bc0b310 100644
--- a/src/blockchain.js
+++ b/src/blockchain.js
@@ -50,7 +50,7 @@ function getSinkID(type, quantity, asset, sinkList = null) {
             sinkList = keys.sink_chest.list(SINK_GROUP[type]).map(s => [s, s in balance_cache ? balance_cache[s][asset] || 0 : 0]) //TODO: improve sorting
                 .sort((a, b) => b[1] - a[1]).map(x => x[0]);
         if (!sinkList.length)
-            return reject(`Insufficient balance in chests for asset(${asset})`);
+            return reject(`Insufficient balance for asset(${asset}) in chest(${SINK_GROUP[type]})`);
         let sinkID = sinkList.shift();
         getBalance(sinkID, asset).then(balance => {
             if (!(sinkID in balance_cache))
diff --git a/src/services/conversion.js b/src/services/conversion.js
index bbc3538..4950bb1 100644
--- a/src/services/conversion.js
+++ b/src/services/conversion.js
@@ -107,21 +107,21 @@ function getConvertValues() {
         getPoolAvailability("BTC").then(avail => {
             let result = {};
             if (avail.coin > 0) {
-                let coin_availability = avail.coin * avail.rate; //convert to currency value
+                let coin_availability = global.toStandardDecimal(avail.coin * avail.rate); //convert to currency value
                 if (Array.isArray(TO_FIXED_VALUES) && TO_FIXED_VALUES.length)
                     result[pCode.CONVERT_MODE_GET] = TO_FIXED_VALUES.filter(a => a < coin_availability);
                 else if (!TO_MIN_VALUE || TO_MIN_VALUE <= coin_availability) {
                     result[pCode.CONVERT_MODE_GET] = { min: 0 };
-                    result[pCode.CONVERT_MODE_GET].max = (!TO_MAX_VALUE || TO_MIN_VALUE >= coin_availability) ? coin_availability : TO_MAX_VALUE;
+                    result[pCode.CONVERT_MODE_GET].max = (!TO_MAX_VALUE || TO_MAX_VALUE >= coin_availability) ? coin_availability : TO_MAX_VALUE;
                 }
             } else result[pCode.CONVERT_MODE_GET] = null;
             if (avail.cash > 0) {
-                let cash_availability = avail.cash / avail.rate; //convert to coin value
+                let cash_availability = global.toStandardDecimal(avail.cash / avail.rate); //convert to coin value
                 if (Array.isArray(FROM_FIXED_VALUES) && FROM_FIXED_VALUES.length)
                     result[pCode.CONVERT_MODE_PUT] = FROM_FIXED_VALUES.filter(a => a < cash_availability);
                 else if (!FROM_MIN_VALUE || FROM_MIN_VALUE <= cash_availability) {
                     result[pCode.CONVERT_MODE_PUT] = { min: 0 };
-                    result[pCode.CONVERT_MODE_PUT].max = (!FROM_MAX_VALUE || FROM_MIN_VALUE >= cash_availability) ? cash_availability : FROM_MAX_VALUE;
+                    result[pCode.CONVERT_MODE_PUT].max = (!FROM_MAX_VALUE || FROM_MAX_VALUE >= cash_availability) ? cash_availability : FROM_MAX_VALUE;
                 }
             } else result[pCode.CONVERT_MODE_PUT] = null;
             resolve(result)

From 02bb160b5f0f09c1525f7062a7a0e5d8d6fb5a72 Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Fri, 18 Nov 2022 17:51:14 +0530
Subject: [PATCH 164/168] Update btcOperator.js

---
 docs/scripts/btcOperator.js | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/docs/scripts/btcOperator.js b/docs/scripts/btcOperator.js
index edba786..0f2786a 100644
--- a/docs/scripts/btcOperator.js
+++ b/docs/scripts/btcOperator.js
@@ -1,4 +1,4 @@
-(function (EXPORTS) { //btcOperator v1.0.13a
+(function (EXPORTS) { //btcOperator v1.0.13c
     /* BTC Crypto and API Operator */
     const btcOperator = EXPORTS;
 
@@ -328,8 +328,8 @@
             let total_amount = parseFloat(amounts.reduce((t, a) => t + a, 0).toFixed(8));
             const tx = coinjs.transaction();
             let output_size = addOutputs(tx, receivers, amounts, change_address);
-            addInputs(tx, senders, redeemScripts, total_amount, fee, output_size).then(result => {
-                if (result.change_amount > 0)   //add change amount if any
+            addInputs(tx, senders, redeemScripts, total_amount, fee, output_size, fee_from_receiver).then(result => {
+                if (result.change_amount > 0) //add change amount if any
                     tx.outs[tx.outs.length - 1].value = parseInt(result.change_amount * SATOSHI_IN_BTC); //values are in satoshi
                 if (fee_from_receiver) { //deduce fee from receivers if fee_from_receiver
                     let fee_remaining = parseInt(result.fee * SATOSHI_IN_BTC);
@@ -344,10 +344,11 @@
                     }
                     if (fee_remaining > 0)
                         return reject("Send amount is less than fee");
+
                 }
-                tx.outs = tx.outs.filter(o => o.value !== 0); //remove all output with value 0
+                tx.outs = tx.outs.filter(o => o.value != 0); //remove all output with value 0
                 result.output_size = output_size;
-                result.output_amount = total_amount;
+                result.output_amount = total_amount - (fee_from_receiver ? result.fee : 0);
                 result.total_size = BASE_TX_SIZE + output_size + result.input_size;
                 result.transaction = tx;
                 resolve(result);

From 28eec97b59959c1775cdf79a94892c45fa082deb Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Thu, 22 Dec 2022 02:31:40 +0530
Subject: [PATCH 165/168] Update help.js

---
 setup/help.js | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/setup/help.js b/setup/help.js
index 910e53a..bc09103 100644
--- a/setup/help.js
+++ b/setup/help.js
@@ -8,14 +8,17 @@ npm run setup                   - Finish the setup (configure and reset password
 npm run configure               - Configure the app.
 npm run reset-password          - Reset the password (for private-key).
 npm run create-schema           - Create schema in MySQL database.
-npm run create-backup-schema    - Create backup-schema in MySQL database.
-npm run backup                  - Run the backup-node.
 
 npm start                       - Start the application (main).
 
 NOTE: argument 'PASSWORD' required for 'npm start'
 npm start -- -PASSWORD=<password>
 
+(Optional) Multiple instance can be run/setup on the same dir with different config files by using argument 'I'.
+<command> -- -I=<instance_ID>
+
+(Optional) 'console.debug' is now turned off by default. pass argument '--debug' to turn it on
+npm start -- -PASSWORD=<password> --debug
 `;
 
 console.log(message);
\ No newline at end of file

From a05ae79e941cd6ec0d09d6aee8da3fcde1a770a5 Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Thu, 22 Dec 2022 02:37:10 +0530
Subject: [PATCH 166/168] Node URL change

- update the node URL by sending message in blockchain (from exchangeID)
JSON property
Nodes.update: {nodeID: nodeURL}
---
 docs/scripts/floExchangeAPI.js | 3 +++
 src/main.js                    | 5 ++++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/docs/scripts/floExchangeAPI.js b/docs/scripts/floExchangeAPI.js
index 045ed0f..a298d98 100644
--- a/docs/scripts/floExchangeAPI.js
+++ b/docs/scripts/floExchangeAPI.js
@@ -1752,6 +1752,9 @@
                         if (content.Nodes.add)
                             for (let n in content.Nodes.add)
                                 nodes[n] = content.Nodes.add[n];
+                        if (content.Nodes.update)
+                            for (let n in content.Nodes.update)
+                                nodes[n] = content.Nodes.update[n];
                     }
                     //Trusted List
                     if (content.Trusted) {
diff --git a/src/main.js b/src/main.js
index 2a9b4f1..0f20eee 100644
--- a/src/main.js
+++ b/src/main.js
@@ -60,6 +60,9 @@ function refreshDataFromBlockchain() {
                         if (content.Nodes.add)
                             for (let n in content.Nodes.add)
                                 promises.push(DB.query("INSERT INTO NodeList (floID, uri) VALUE (?) ON DUPLICATE KEY UPDATE uri=?", [[n, content.Nodes.add[n]], content.Nodes.add[n]]));
+                        if (content.Nodes.update)
+                            for (let n in content.Nodes.update)
+                                promises.push(DB.query("UPDATE NodeList SET uri=? WHERE floID=?", [content.Nodes.update[n], n]));
                     }
                     //Asset List
                     if (content.Assets) {
@@ -173,7 +176,7 @@ module.exports = function startServer() {
     }
     const config = require(`../args/config${_I}.json`);
     try {
-        var _tmp = require(`../args/keys${_I}.json`);
+        let _tmp = require(`../args/keys${_I}.json`);
         _tmp = floCrypto.retrieveShamirSecret(_tmp);
         if (!_pass) {
             console.error('Password not entered!');

From 1faaa60843a1f07ed0d3002ac0416dbffc322f19 Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Fri, 23 Dec 2022 03:08:43 +0530
Subject: [PATCH 167/168] reducing  CHECKSUM_INTERVAL to 10

---
 src/_constants.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/_constants.js b/src/_constants.js
index 6fa1585..1b1e17a 100644
--- a/src/_constants.js
+++ b/src/_constants.js
@@ -46,6 +46,6 @@ module.exports = {
         HASH_N_ROW: 100,
         BACKUP_INTERVAL: 5 * 60 * 1000, //5 min
         BACKUP_SYNC_TIMEOUT: 10 * 60 * 1000, //10 mins
-        CHECKSUM_INTERVAL: 100, //times of BACKUP_INTERVAL
+        CHECKSUM_INTERVAL: 10, //times of BACKUP_INTERVAL
     }
 }
\ No newline at end of file

From 3c0bb7bdd459ac393aa3b5717462f934d9549e93 Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Wed, 28 Dec 2022 03:41:05 +0530
Subject: [PATCH 168/168] Update keys.js

---
 src/keys.js | 54 ++++++++++++++++++++++++++---------------------------
 1 file changed, 27 insertions(+), 27 deletions(-)

diff --git a/src/keys.js b/src/keys.js
index 2b456ae..b1da64a 100644
--- a/src/keys.js
+++ b/src/keys.js
@@ -35,7 +35,7 @@ const PRIV_EKEY_MIN = 32,
     LOCK_RETRY_MAX_TIME = 2 * 1000;
 
 var node_priv, e_key, node_id, node_pub; //containers for node-key wrapper
-const _ = {
+const _x = {
     get node_priv() {
         if (!node_priv || !e_key)
             throw Error("keys not set");
@@ -71,10 +71,10 @@ const _ = {
 
 function initialize() {
     return new Promise((resolve, reject) => {
-        fs.readFile(_.prime_file, PRIME_FILE_TYPE, (err, res) => {
+        fs.readFile(_x.prime_file, PRIME_FILE_TYPE, (err, res) => {
             var data, cur_filename, new_filename, priv_key;
             try {
-                priv_key = _.node_priv;
+                priv_key = _x.node_priv;
             } catch (error) {
                 return reject(error);
             }
@@ -86,7 +86,7 @@ function initialize() {
                         console.debug(error);
                         return reject("Prime file corrupted");
                     } try { //read data from index file
-                        let tmp = fs.readFileSync(path.join(_.index_dir, cur_filename + INDEX_FILE_EXT), INDEX_FILE_TYPE);
+                        let tmp = fs.readFileSync(path.join(_x.index_dir, cur_filename + INDEX_FILE_EXT), INDEX_FILE_TYPE);
                         tmp = Crypto.AES.decrypt(tmp, priv_key);
                         JSON.parse(tmp); //check if data is JSON parse-able
                         data = tmp;
@@ -97,18 +97,18 @@ function initialize() {
                 }
             }
             try {
-                if (!fs.existsSync(_.index_dir)) {
-                    fs.mkdirSync(_.index_dir);
+                if (!fs.existsSync(_x.index_dir)) {
+                    fs.mkdirSync(_x.index_dir);
                 }
             } catch (error) {
                 console.debug(error);
                 return reject("Index directory creation failed");
             }
             try { //delete all old dummy files
-                let files = fs.readdirSync(_.index_dir);
+                let files = fs.readdirSync(_x.index_dir);
                 for (const file of files)
                     if (!cur_filename || file !== cur_filename + INDEX_FILE_EXT)    //check if file is current file
-                        fs.unlinkSync(path.join(_.index_dir, file));
+                        fs.unlinkSync(path.join(_x.index_dir, file));
             } catch (error) {
                 console.debug(error);
                 return reject("Clear index directory failed");
@@ -128,20 +128,20 @@ function initialize() {
                         f_data = floCrypto.randString(d_size, false);
                     }
                     f_data = Crypto.AES.encrypt(f_data, priv_key);
-                    fs.writeFileSync(path.join(_.index_dir, f_name + INDEX_FILE_EXT), f_data, INDEX_FILE_TYPE);
+                    fs.writeFileSync(path.join(_x.index_dir, f_name + INDEX_FILE_EXT), f_data, INDEX_FILE_TYPE);
                 }
             } catch (error) {
                 console.debug(error);
                 return reject("Index file creation failed");
             } try { //update prime file
                 let en_filename = Crypto.AES.encrypt(new_filename, priv_key);
-                fs.writeFileSync(_.prime_file, en_filename, PRIME_FILE_TYPE);
+                fs.writeFileSync(_x.prime_file, en_filename, PRIME_FILE_TYPE);
             } catch (error) {
                 console.debug(error);
                 return reject("Update prime file failed");
             }
             if (cur_filename)
-                fs.unlink(path.join(_.index_dir, cur_filename + INDEX_FILE_EXT), err => err ? console.debug(err) : null);
+                fs.unlink(path.join(_x.index_dir, cur_filename + INDEX_FILE_EXT), err => err ? console.debug(err) : null);
             shuffle.interval = setInterval(shuffle, SHUFFLE_INTERVAL);
             resolve("Key management initiated");
         })
@@ -150,8 +150,8 @@ function initialize() {
 
 function shuffle() {
     readIndexFile().then(data => {
-        let new_filename, cur_filename = Crypto.AES.decrypt(fs.readFileSync(_.prime_file, PRIME_FILE_TYPE), _.node_priv);
-        fs.readdir(_.index_dir, (err, files) => {
+        let new_filename, cur_filename = Crypto.AES.decrypt(fs.readFileSync(_x.prime_file, PRIME_FILE_TYPE), _x.node_priv);
+        fs.readdir(_x.index_dir, (err, files) => {
             if (err)
                 return console.error(err);
             data = JSON.stringify(data);
@@ -165,11 +165,11 @@ function shuffle() {
                     let d_size = data_size * (floCrypto.randInt(MIN_DUMMY_SIZE_MUL * SIZE_FACTOR, MAX_DUMMY_SIZE_MUL * SIZE_FACTOR) / SIZE_FACTOR);
                     f_data = floCrypto.randString(d_size, false);
                 }
-                f_data = Crypto.AES.encrypt(f_data, _.node_priv);
+                f_data = Crypto.AES.encrypt(f_data, _x.node_priv);
                 //rename and rewrite the file
                 try {
-                    fs.renameSync(path.join(_.index_dir, file), path.join(_.index_dir, f_name + INDEX_FILE_EXT));
-                    fs.writeFileSync(path.join(_.index_dir, f_name + INDEX_FILE_EXT), f_data, INDEX_FILE_TYPE);
+                    fs.renameSync(path.join(_x.index_dir, file), path.join(_x.index_dir, f_name + INDEX_FILE_EXT));
+                    fs.writeFileSync(path.join(_x.index_dir, f_name + INDEX_FILE_EXT), f_data, INDEX_FILE_TYPE);
                 } catch (error) {
                     console.error(error)
                 }
@@ -177,9 +177,9 @@ function shuffle() {
             //update prime file
             if (!new_filename)
                 return console.error("Index file has not been renamed");
-            let en_filename = Crypto.AES.encrypt(new_filename, _.node_priv);
+            let en_filename = Crypto.AES.encrypt(new_filename, _x.node_priv);
             try {
-                fs.writeFileSync(_.prime_file, en_filename, PRIME_FILE_TYPE);
+                fs.writeFileSync(_x.prime_file, en_filename, PRIME_FILE_TYPE);
             } catch (error) {
                 console.error(error);
             }
@@ -189,13 +189,13 @@ function shuffle() {
 
 function readIndexFile() {
     return new Promise((resolve, reject) => {
-        fs.readFile(_.index_file, INDEX_FILE_TYPE, (err, data) => {
+        fs.readFile(_x.index_file, INDEX_FILE_TYPE, (err, data) => {
             if (err) {
                 console.debug(err);
                 return reject('Unable to read Index file');
             }
             try {
-                data = JSON.parse(Crypto.AES.decrypt(data, _.node_priv));
+                data = JSON.parse(Crypto.AES.decrypt(data, _x.node_priv));
                 resolve(data);
             } catch {
                 reject("Index file corrupted");
@@ -206,8 +206,8 @@ function readIndexFile() {
 
 function writeIndexFile(data) {
     return new Promise((resolve, reject) => {
-        let en_data = Crypto.AES.encrypt(JSON.stringify(data), _.node_priv);
-        fs.writeFile(_.index_file, en_data, INDEX_FILE_TYPE, (err) => {
+        let en_data = Crypto.AES.encrypt(JSON.stringify(data), _x.node_priv);
+        fs.writeFile(_x.index_file, en_data, INDEX_FILE_TYPE, (err) => {
             if (err) {
                 console.debug(err);
                 return reject('Unable to write Index file');
@@ -229,7 +229,7 @@ function getShares(group, id, ignoreDiscarded = true) {
                 else {
                     let ref = data[group][id].shift();
                     DB.query("SELECT share FROM sinkShares WHERE num IN (?)", [data[group][id]])
-                        .then(result => resolve({ ref, shares: result.map(r => Crypto.AES.decrypt(r.share, _.node_priv)) }))
+                        .then(result => resolve({ ref, shares: result.map(r => Crypto.AES.decrypt(r.share, _x.node_priv)) }))
                         .catch(error => reject(error))
                 }
             }).catch(error => reject(error))
@@ -257,7 +257,7 @@ function addShare(group, id, ref, share) {
         checkIfDiscarded(id).then(result => {
             if (result != false)
                 return reject("Trying to store share for discarded ID");
-            lockfile.lock(_.index_file, { retries: { forever: true, minTimeout: LOCK_RETRY_MIN_TIME, maxTimeout: LOCK_RETRY_MAX_TIME } }).then(release => {
+            lockfile.lock(_x.index_file, { retries: { forever: true, minTimeout: LOCK_RETRY_MIN_TIME, maxTimeout: LOCK_RETRY_MAX_TIME } }).then(release => {
                 const releaseAndReject = err => {
                     release().then(_ => null).catch(error => console.error(error));
                     reject(err);
@@ -276,7 +276,7 @@ function addShare(group, id, ref, share) {
                         DB.query("DELETE FROM sinkShares WHERE num in (?)", [old_shares])//delete old shares
                             .then(_ => null).catch(error => console.error(error));
                     }
-                    let encrypted_share = Crypto.AES.encrypt(share, _.node_priv);
+                    let encrypted_share = Crypto.AES.encrypt(share, _x.node_priv);
                     console.debug(ref, '|sinkID:', id, '|EnShare:', encrypted_share);
                     storeShareAtRandom(encrypted_share).then(i => {
                         data[group][id].push(i);
@@ -422,10 +422,10 @@ module.exports = {
     checkIfDiscarded,
     discardSink,
     set node_priv(key) {
-        _.node_priv = key;
+        _x.node_priv = key;
     },
     get node_priv() {
-        return _.node_priv;
+        return _x.node_priv;
     },
     get node_id() {
         return node_id;