New payouts system (#1456)

* initial

* finish withdraw page

* Finish frontend

* Fix UI a bit

* tester fixes

assets/images/external/tremendous.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 21 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M20.8586 1.56939H0V6.06253H7.92626V22.4304H12.9323V6.06253H20.8586V1.56939Z" fill="currentColor"></path>
+</svg>

assets/images/external/venmo-small.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 24 24">
+  <path fill="currentColor" d="M17,3H7C4.8,3,3,4.8,3,7v10c0,2.2,1.8,4,4,4h10c2.2,0,4-1.8,4-4V7C21,4.8,19.2,3,17,3z M12.88,17.25c-3.5,0-4.13,0-4.13,0	l-1.63-10l3.63-0.5L11.62,14c0,0,2.63-3.75,1.5-6.63c0.76-0.12,3.26-0.62,3.26-0.62S19.25,8.5,12.88,17.25z"></path>
+</svg>

assets/images/external/venmo.svg

@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns="http://www.w3.org/2000/svg"
+   width="194.46875mm"
+   height="35.71875mm"
+   viewBox="0 0 194.46875 35.71875"
+   version="1.1"
+>
+  <g
+     id="layer1"
+     transform="translate(-5.7593441,-130.66032)">
+    <g
+       style="fill:none"
+       id="g838"
+       transform="matrix(0.9244437,0,0,0.89314785,5.7593441,129.92613)">
+      <path
+         id="path815"
+         d="m 34.5771,0.822021 c 1.4203,2.345309 2.0606,4.760989 2.0606,7.812489 0,9.73269 -8.31,22.37619 -15.0545,31.25429 H 6.17825 L 0,2.95296 13.4887,1.67258 16.7552,27.9548 c 3.0522,-4.9714 6.8186,-12.7838 6.8186,-18.11027 0,-2.91551 -0.4995,-4.90135 -1.2803,-6.53647 z"
+         style="fill:#fff" />
+      <path
+         id="path817"
+         d="m 52.0595,17.0887 c 2.4822,0 8.7312,-1.1353 8.7312,-4.6863 0,-1.7051 -1.2059,-2.55564 -2.627,-2.55564 -2.4861,0 -5.7487,2.98074 -6.1042,7.24194 z m -0.2844,7.0327 c 0,4.3359 2.4114,6.037 5.6083,6.037 3.4813,0 6.8145,-0.8506 11.1469,-3.0519 l -1.6318,11.0787 c -3.0525,1.4911 -7.8097,2.4861 -12.4272,2.4861 -11.7129,0 -15.9049,-7.102 -15.9049,-15.9805 0,-11.5074 6.8189,-23.7262 20.8772,-23.7262 7.7401,0 12.0681,4.33553 12.0681,10.3725 7e-4,9.7324 -12.4929,12.7139 -19.7366,12.7843 z"
+         style="fill:#fff" />
+      <path
+         id="path819"
+         d="m 110.439,9.34835 c 0,1.42035 -0.215,3.48055 -0.43,4.82695 l -4.047,25.5721 H 92.8275 l 3.6921,-23.4415 c 0.07,-0.6358 0.2852,-1.9158 0.2852,-2.626 0,-1.7052 -1.0655,-2.1306 -2.3465,-2.1306 -1.7015,0 -3.407,0.7805 -4.5428,1.3504 l -4.1877,26.848 H 72.5195 L 78.5537,1.46185 h 11.4318 l 0.1447,3.05588 c 2.697,-1.77549 6.2483,-3.695708 11.2868,-3.695708 6.676,-7.3e-4 9.022,3.409878 9.022,8.526328 z"
+         style="fill:#fff" />
+      <path
+         id="path821"
+         d="m 149.432,5.15577 c 3.762,-2.69641 7.314,-4.19117 12.211,-4.19117 6.744,0 9.09,3.41061 9.09,8.52707 0,1.42043 -0.215,3.48063 -0.429,4.82703 l -4.043,25.572 h -13.138 l 3.763,-23.9369 c 0.069,-0.6399 0.215,-1.4204 0.215,-1.9155 0,-1.9199 -1.066,-2.3457 -2.347,-2.3457 -1.631,0 -3.262,0.7102 -4.473,1.3504 l -4.187,26.8481 H 132.96 l 3.762,-23.937 c 0.069,-0.6398 0.211,-1.4203 0.211,-1.9154 0,-1.9199 -1.067,-2.3457 -2.343,-2.3457 -1.705,0 -3.407,0.7805 -4.543,1.3504 l -4.191,26.8481 h -13.204 l 6.034,-38.28598 h 11.292 l 0.355,3.19624 c 2.627,-1.91548 6.175,-3.835703 10.932,-3.835703 4.119,-0.001458 6.815,1.774393 8.167,4.189713 z"
+         style="fill:#fff" />
+      <path
+         id="path823"
+         d="m 196.869,16.3076 c 0,-3.1255 -0.782,-5.2564 -3.123,-5.2564 -5.183,0 -6.248,9.1621 -6.248,13.8491 0,3.5557 0.995,5.7563 3.336,5.7563 4.899,0 6.035,-9.6624 6.035,-14.349 z m -22.719,8.0269 c 0,-12.0737 6.389,-23.371121 21.088,-23.371121 11.076,0 15.125,6.536471 15.125,15.558621 0,11.9336 -6.32,24.292 -21.374,24.292 -11.147,0 -14.839,-7.317 -14.839,-16.4795 z"
+         style="fill:#fff" />
+    </g>
+  </g>
+</svg>

assets/styles/components.scss

@@ -268,7 +268,7 @@
     @media screen and (max-width: 750px) {
       &:not(&.small) {
         flex-direction: column;
-        align-items: start;
+        align-items: flex-start;
 
         .stylized-toggle {
           flex-basis: 0;
@@ -339,7 +339,7 @@
     .adjacent-input,
     &.adjacent-input &:not(&.small) {
       flex-direction: column;
-      align-items: start;
+      align-items: flex-start;
     }
   }
 }