payment amount helpers

2 files changed, 33 insertions, 51 deletions

diff --git a/static/images/bolt.svg b/static/images/bolt.svg
new file mode 100644
index 00000000..594fa335
--- /dev/null
+++ b/static/images/bolt.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="8em" height="8em" viewBox="0 0 256 256"><path fill="rgb(253, 224, 71)" d="m213.85 125.46l-112 120a8 8 0 0 1-13.69-7l14.66-73.33l-57.63-21.64a8 8 0 0 1-3-13l112-120a8 8 0 0 1 13.69 7l-14.7 73.41l57.63 21.61a8 8 0 0 1 3 12.95Z"></path></svg>
diff --git a/static/images/liquid.svg b/static/images/liquid.svg
index f6879ad1..2602780b 100644
--- a/static/images/liquid.svg
+++ b/static/images/liquid.svg
@@ -1,51 +1,32 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 24.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 46 46" style="enable-background:new 0 0 46 46;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill:#46B4A5;}
-	.st1{fill:#FFFFFF;}
-</style>
-<desc>Created with Sketch.</desc>
-<g id="nav_liquid">
-	<g id="Group-7">
-		<circle id="Oval" class="st0" cx="23" cy="23" r="23"/>
-	</g>
-</g>
-<g>
-	<g>
-		<g>
-			<path class="st1" d="M14.6,29c-0.5,0-1-0.3-1.3-0.8c-0.8-1.8-1.1-3.7-1.1-5.6c0-7.3,5.4-13.4,12.6-14.3c0.8-0.1,1.4,0.4,1.5,1.2
-				s-0.4,1.4-1.2,1.5c-5.8,0.7-10.2,5.7-10.2,11.6c0,1.6,0.3,3.1,0.9,4.5c0.3,0.7,0,1.5-0.7,1.8C15,29,14.8,29,14.6,29z"/>
-		</g>
-	</g>
-	<g>
-		<g>
-			<path class="st1" d="M17.6,21.4c-0.1,0-0.1,0-0.2,0c-0.4-0.1-0.7-0.6-0.6-1c1.2-4.6,5.4-7.8,10.1-7.8c2.4,0,4.8,0.9,6.7,2.4
-				c0.4,0.3,0.4,0.8,0.1,1.2c-0.3,0.4-0.8,0.4-1.2,0.1c-1.6-1.3-3.6-2-5.6-2c-4,0-7.5,2.7-8.5,6.6C18.3,21.1,17.9,21.4,17.6,21.4z"
-				/>
-		</g>
-	</g>
-	<g>
-		<g>
-			<path class="st1" d="M20.8,38.6c-0.1,0-0.2,0-0.2,0c-6.9-2.1-11.7-8.8-11.7-16.2c0-3.2,0.9-6.3,2.6-9c0.3-0.4,0.8-0.5,1.2-0.3
-				c0.4,0.3,0.5,0.8,0.3,1.2c-1.5,2.4-2.4,5.2-2.4,8.1c0,6.7,4.3,12.7,10.5,14.6c0.4,0.1,0.7,0.6,0.6,1
-				C21.5,38.4,21.2,38.6,20.8,38.6z"/>
-		</g>
-	</g>
-	<g>
-		<g>
-			<path class="st1" d="M26.6,36.4c-4.1,0-7.9-1.6-10.5-4.4c-0.4-0.4-0.4-1.1,0.1-1.5c0.4-0.4,1.1-0.4,1.5,0.1
-				c2.2,2.5,5.7,3.8,9.5,3.6c0.6,0,1.1,0.4,1.1,1s-0.4,1.1-1,1.1C27.1,36.4,26.8,36.4,26.6,36.4z"/>
-		</g>
-	</g>
-	<g>
-		<path class="st1" d="M33.6,28.8c-0.3-0.3-0.8-0.4-1.2-0.1c-0.7,0.6-1.5,1.1-2.3,1.5c0,0-0.1,0-0.1,0.1c-0.1,0-0.2,0.1-0.4,0.1l0,0
-			c-0.1,0.1-0.3,0.1-0.4,0.1c-0.3,0.1-0.7,0.2-1,0.2l0,0c-0.1,0-0.2,0-0.3,0c-0.1,0-0.1,0-0.2,0s-0.1,0-0.2,0s-0.3,0-0.4,0H27
-			c-0.1,0-0.2,0-0.3,0h-0.1c-0.9,0-1.8-0.2-2.6-0.4c-0.4-0.1-0.9,0.1-1.1,0.5c-0.1,0.4,0.1,0.9,0.5,1.1c1,0.3,2,0.5,3,0.5l0,0
-			c0.1,0,0.1,0,0.2,0l0,0l0,0l0,0c0.2,0,0.3,0,0.5,0c0.1,0,0.1,0,0.2,0s0.2,0,0.3,0c0.1,0,0.3,0,0.4,0s0.1,0,0.2,0s0.2,0,0.3-0.1
-			c0,0,0,0,0.1,0c0.5-0.1,1.1-0.3,1.6-0.4c0,0,0,0,0.1,0s0.3-0.1,0.4-0.2c0.1,0,0.1-0.1,0.2-0.1c0,0,0.1,0,0.1-0.1l0,0
-			c0.9-0.4,1.8-1,2.6-1.7C33.9,29.7,33.9,29.1,33.6,28.8z"/>
-	</g>
-</g>
-</svg>
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 500 500">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #14909c;
+      }
+
+      .cls-2 {
+        fill: #22e1c9;
+      }
+
+      .cls-3 {
+        fill: #0d1437;
+      }
+    </style>
+  </defs>
+  <!-- Generator: Adobe Illustrator 28.6.0, SVG Export Plug-In . SVG Version: 1.2.0 Build 709)  -->
+  <g>
+    <g id="Layer_1">
+      <g id="Layer_1-2" data-name="Layer_1">
+        <g id="Layer_1-2">
+          <g>
+            <circle class="cls-3" cx="250" cy="250" r="250"/>
+            <path class="cls-1" d="M232.6,207.1c11.9-71.2,87.9-61.8,97-60.4,9.5,2.7,18.5-6.5,13.3-15.5-21-35.9-62.6-59.1-94.4-60.7,8-6.1,34.4-9.7,62.4-8.5,9.9.4,14-12.6,5.6-17.9-.8-.5-1.4-.9-2.5-1.2-38.3-11.7-79.4-12.9-118.5-2.6-29,7.6-57.1,21.2-81.9,41.4-10.4,8.5-20,17.6-28.2,27.4-62.4,72.5-70,178.9-16.8,259.9,1,1.6,2.1,3.1,3.1,4.7.9,1.1,1.2,1.7,1.6,2.2,2.5,3.6,5.1,7.2,8,10.8,3,3.8,6.4,7.5,9.8,11,.9.9,1.6,1.7,2.6,2.6,3,3.1,6.1,6.4,9.6,9.4.2.3.6.5.9.9,3.5,3.1,7.3,6.1,10.9,9.2.9.8,1.8,1.4,2.6,2.1,3.4,2.6,6.9,5,10.2,7.6.5.3.9.6,1.2.9,3.9,2.6,8,5.1,12,7.6.9.5,1.6.9,2.4,1.4,3.8,2.1,7.6,4.1,11.4,6,.5.3.9.5,1.2.6,4.4,2.1,8.8,4,13.2,5.8.6.3,1.1.5,1.7.8,4.2,1.6,8.5,3.1,12.7,4.4.4,0,.8.3.9.4,4.6,1.5,9.5,2.8,14.2,4h.6c4.6,1.1,9.5,2.1,14.2,2.9h.6c10,1.6,20.1,2.6,30.1,2.9h.2c49.9,1.2,100.2-14.4,142-48.3,25.5-20.8,45.3-46,58.8-73.8.8-1.5,1.5-3.1,2.2-4.6,3.9-8.6,7.4-17.5,10-26.5-130.8,49.3-239.9-17.7-225-106.6v-.2h-.5.1Z"/>
+            <path class="cls-2" d="M155.9,228.9c25.5-34.4,37.3-28.3,39.6-38.9,3.3-14.5-49.6-27.1-90.7,4.5,57.2-71.6,146.5-88.1,222.5-48.8,10.1,5.2,21.5-4.8,15.6-14.6-21-35.9-62.6-59.1-94.4-60.7,8-6.1,34.4-9.7,62.4-8.5,9.9.4,14-12.6,5.6-17.9-.8-.5-1.4-.9-2.5-1.2-38.3-11.7-79.4-12.9-118.5-2.6-29,7.6-57.1,21.2-81.9,41.4-10.4,8.5-20,17.6-28.2,27.4-62.4,72.5-70,178.9-16.8,259.9,1,1.6,2.1,3.1,3.1,4.7.9,1.1,1.2,1.7,1.6,2.2,2.5,3.6,5.1,7.2,8,10.8,55.4,68.5,144.1,94.4,224.1,73.3-204.5-30.3-173.4-198.9-149.5-230.9h-.1,0Z"/>
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>
\ No newline at end of file