@xswap-link/sdk 0.2.4 → 0.2.6

package/dist/index.css

@@ -325,712 +325,710 @@ video {
   --tw-contain-paint: ;
   --tw-contain-style: ;
 }
-.fixed {
+.xpay-global-border {
+  border: 1px solid rgba(255, 255, 255, 0.1);
+}
+.xpay-fixed {
   position: fixed;
 }
-.absolute {
+.xpay-absolute {
   position: absolute;
 }
-.relative {
+.xpay-relative {
   position: relative;
 }
-.bottom-0 {
+.xpay-bottom-0 {
   bottom: 0px;
 }
-.left-0 {
+.xpay-left-0 {
   left: 0px;
 }
-.right-0 {
+.xpay-right-0 {
   right: 0px;
 }
-.right-4 {
+.xpay-right-4 {
   right: 1rem;
 }
-.right-\[50\%\] {
+.xpay-right-\[50\%\] {
   right: 50%;
 }
-.top-0 {
+.xpay-top-0 {
   top: 0px;
 }
-.top-10 {
+.xpay-top-10 {
   top: 2.5rem;
 }
-.top-4 {
+.xpay-top-4 {
   top: 1rem;
 }
-.top-\[46px\] {
+.xpay-top-\[46px\] {
   top: 46px;
 }
-.z-10 {
+.xpay-z-10 {
   z-index: 10;
 }
-.z-20 {
+.xpay-z-20 {
   z-index: 20;
 }
-.z-\[1\] {
+.xpay-z-\[1\] {
   z-index: 1;
 }
-.z-\[999\] {
+.xpay-z-\[999\] {
   z-index: 999;
 }
-.mx-0 {
+.xpay-mx-0 {
   margin-left: 0px;
   margin-right: 0px;
 }
-.mx-1 {
+.xpay-mx-1 {
   margin-left: 0.25rem;
   margin-right: 0.25rem;
 }
-.mx-1\.5 {
+.xpay-mx-1\.5 {
   margin-left: 0.375rem;
   margin-right: 0.375rem;
 }
-.mx-2 {
+.xpay-mx-2 {
   margin-left: 0.5rem;
   margin-right: 0.5rem;
 }
-.mx-\[-24px\] {
+.xpay-mx-\[-24px\] {
   margin-left: -24px;
   margin-right: -24px;
 }
-.mx-auto {
+.xpay-mx-auto {
   margin-left: auto;
   margin-right: auto;
 }
-.my-0 {
+.xpay-my-0 {
   margin-top: 0px;
   margin-bottom: 0px;
 }
-.my-3 {
+.xpay-my-3 {
   margin-top: 0.75rem;
   margin-bottom: 0.75rem;
 }
-.my-4 {
+.xpay-my-4 {
   margin-top: 1rem;
   margin-bottom: 1rem;
 }
-.mb-1 {
+.xpay-mb-1 {
   margin-bottom: 0.25rem;
 }
-.mb-2 {
+.xpay-mb-2 {
   margin-bottom: 0.5rem;
 }
-.mb-4 {
+.xpay-mb-4 {
   margin-bottom: 1rem;
 }
-.ml-1 {
+.xpay-ml-1 {
   margin-left: 0.25rem;
 }
-.ml-2 {
+.xpay-ml-2 {
   margin-left: 0.5rem;
 }
-.mr-1 {
+.xpay-mr-1 {
   margin-right: 0.25rem;
 }
-.mt-4 {
+.xpay-mt-4 {
   margin-top: 1rem;
 }
-.box-border {
+.xpay-box-border {
   box-sizing: border-box;
 }
-.block {
+.xpay-block {
   display: block;
 }
-.flex {
+.xpay-flex {
   display: flex;
 }
-.inline-flex {
+.xpay-inline-flex {
   display: inline-flex;
 }
-.h-14 {
+.xpay-h-14 {
   height: 3.5rem;
 }
-.h-3 {
+.xpay-h-3 {
   height: 0.75rem;
 }
-.h-3\.5 {
+.xpay-h-3\.5 {
   height: 0.875rem;
 }
-.h-4 {
+.xpay-h-4 {
   height: 1rem;
 }
-.h-5 {
+.xpay-h-5 {
   height: 1.25rem;
 }
-.h-6 {
+.xpay-h-6 {
   height: 1.5rem;
 }
-.h-7 {
+.xpay-h-7 {
   height: 1.75rem;
 }
-.h-8 {
+.xpay-h-8 {
   height: 2rem;
 }
-.h-9 {
+.xpay-h-9 {
   height: 2.25rem;
 }
-.h-96 {
+.xpay-h-96 {
   height: 24rem;
 }
-.h-\[2px\] {
+.xpay-h-\[2px\] {
   height: 2px;
 }
-.h-\[30vh\] {
+.xpay-h-\[30vh\] {
   height: 30vh;
 }
-.h-\[36px\] {
+.xpay-h-\[36px\] {
   height: 36px;
 }
-.h-\[41px\] {
+.xpay-h-\[41px\] {
   height: 41px;
 }
-.h-\[70\%\] {
+.xpay-h-\[70\%\] {
   height: 70%;
 }
-.h-\[9px\] {
+.xpay-h-\[9px\] {
   height: 9px;
 }
-.h-full {
+.xpay-h-full {
   height: 100%;
 }
-.h-px {
+.xpay-h-px {
   height: 1px;
 }
-.max-h-\[40vh\] {
+.xpay-max-h-\[40vh\] {
   max-height: 40vh;
 }
-.max-h-\[70\%\] {
+.xpay-max-h-\[70\%\] {
   max-height: 70%;
 }
-.min-h-\[26px\] {
+.xpay-min-h-\[26px\] {
   min-height: 26px;
 }
-.w-1\/2 {
+.xpay-w-1\/2 {
   width: 50%;
 }
-.w-10 {
+.xpay-w-10 {
   width: 2.5rem;
 }
-.w-12 {
+.xpay-w-12 {
   width: 3rem;
 }
-.w-14 {
+.xpay-w-14 {
   width: 3.5rem;
 }
-.w-20 {
+.xpay-w-20 {
   width: 5rem;
 }
-.w-3 {
+.xpay-w-3 {
   width: 0.75rem;
 }
-.w-3\.5 {
+.xpay-w-3\.5 {
   width: 0.875rem;
 }
-.w-4 {
+.xpay-w-4 {
   width: 1rem;
 }
-.w-5 {
+.xpay-w-5 {
   width: 1.25rem;
 }
-.w-6 {
+.xpay-w-6 {
   width: 1.5rem;
 }
-.w-7 {
+.xpay-w-7 {
   width: 1.75rem;
 }
-.w-8 {
+.xpay-w-8 {
   width: 2rem;
 }
-.w-9 {
+.xpay-w-9 {
   width: 2.25rem;
 }
-.w-\[100\%\+48px\] {
+.xpay-w-\[100\%\+48px\] {
   width: 100%+48px;
 }
-.w-\[100px\] {
+.xpay-w-\[100px\] {
   width: 100px;
 }
-.w-\[15px\] {
+.xpay-w-\[15px\] {
   width: 15px;
 }
-.w-\[310px\] {
+.xpay-w-\[310px\] {
   width: 310px;
 }
-.w-\[452px\] {
+.xpay-w-\[452px\] {
   width: 452px;
 }
-.w-full {
+.xpay-w-full {
   width: 100%;
 }
-.min-w-60 {
+.xpay-min-w-60 {
   min-width: 15rem;
 }
-.min-w-\[26px\] {
+.xpay-min-w-\[26px\] {
   min-width: 26px;
 }
-.max-w-full {
+.xpay-max-w-full {
   max-width: 100%;
 }
-.grow {
+.xpay-grow {
   flex-grow: 1;
 }
-.translate-x-1\/2 {
+.xpay-translate-x-1\/2 {
   --tw-translate-x: 50%;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
-.translate-x-\[12px\] {
+.xpay-translate-x-\[12px\] {
   --tw-translate-x: 12px;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
-.translate-y-\[-4px\] {
+.xpay-translate-y-\[-4px\] {
   --tw-translate-y: -4px;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
-.translate-y-\[-60\%\] {
+.xpay-translate-y-\[-60\%\] {
   --tw-translate-y: -60%;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
-@keyframes pulse {
+@keyframes xpay-pulse {
   50% {
     opacity: .5;
   }
 }
-.animate-pulse {
-  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
-}
-@keyframes spin {
-  to {
-    transform: rotate(360deg);
-  }
+.xpay-animate-pulse {
+  animation: xpay-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
 }
-.animate-spin-slow {
-  animation: spin 3s linear infinite;
-}
-.cursor-pointer {
+.xpay-cursor-pointer {
   cursor: pointer;
 }
-.flex-col {
+.xpay-flex-col {
   flex-direction: column;
 }
-.flex-wrap {
+.xpay-flex-wrap {
   flex-wrap: wrap;
 }
-.items-start {
+.xpay-items-start {
   align-items: flex-start;
 }
-.items-end {
+.xpay-items-end {
   align-items: flex-end;
 }
-.items-center {
+.xpay-items-center {
   align-items: center;
 }
-.justify-center {
+.xpay-justify-center {
   justify-content: center;
 }
-.justify-between {
+.xpay-justify-between {
   justify-content: space-between;
 }
-.gap-1 {
+.xpay-gap-1 {
   gap: 0.25rem;
 }
-.gap-2 {
+.xpay-gap-2 {
   gap: 0.5rem;
 }
-.gap-2\.5 {
+.xpay-gap-2\.5 {
   gap: 0.625rem;
 }
-.gap-3 {
+.xpay-gap-3 {
   gap: 0.75rem;
 }
-.gap-4 {
+.xpay-gap-4 {
   gap: 1rem;
 }
-.overflow-auto {
+.xpay-overflow-auto {
   overflow: auto;
 }
-.overflow-hidden {
+.xpay-overflow-hidden {
   overflow: hidden;
 }
-.overflow-scroll {
+.xpay-overflow-scroll {
   overflow: scroll;
 }
-.overflow-x-hidden {
+.xpay-overflow-x-hidden {
   overflow-x: hidden;
 }
-.overflow-y-scroll {
+.xpay-overflow-y-scroll {
   overflow-y: scroll;
 }
-.overflow-ellipsis {
+.xpay-overflow-ellipsis {
   text-overflow: ellipsis;
 }
-.text-ellipsis {
+.xpay-text-ellipsis {
   text-overflow: ellipsis;
 }
-.whitespace-nowrap {
+.xpay-whitespace-nowrap {
   white-space: nowrap;
 }
-.rounded {
+.xpay-rounded {
   border-radius: 0.25rem;
 }
-.rounded-2xl {
+.xpay-rounded-2xl {
   border-radius: 1rem;
 }
-.rounded-3xl {
+.xpay-rounded-3xl {
   border-radius: 1.5rem;
 }
-.rounded-full {
+.xpay-rounded-full {
   border-radius: 9999px;
 }
-.rounded-lg {
+.xpay-rounded-lg {
   border-radius: 0.5rem;
 }
-.rounded-xl {
+.xpay-rounded-xl {
   border-radius: 0.75rem;
 }
-.border {
+.xpay-border {
   border-width: 1px;
 }
-.border-2 {
+.xpay-border-2 {
   border-width: 2px;
 }
-.border-solid {
+.xpay-border-solid {
   border-style: solid;
 }
-.border-none {
+.xpay-border-none {
   border-style: none;
 }
-.border-\[rgba\(255\,255\,255\,0\.1\)\] {
+.xpay-border-\[rgba\(255\,255\,255\,0\.1\)\] {
   border-color: rgba(255, 255, 255, 0.1);
 }
-.border-\[rgba\(255\,255\,255\,0\.2\)\] {
+.xpay-border-\[rgba\(255\,255\,255\,0\.2\)\] {
   border-color: rgba(255, 255, 255, 0.2);
 }
-.border-\[rgba\(54\,129\,198\,1\)\] {
+.xpay-border-\[rgba\(54\,129\,198\,1\)\] {
   border-color: rgba(54, 129, 198, 1);
 }
-.border-\[rgba\(82\,82\,82\,1\)\] {
+.xpay-border-\[rgba\(82\,82\,82\,1\)\] {
   border-color: rgba(82, 82, 82, 1);
 }
-.border-transparent {
+.xpay-border-transparent {
   border-color: transparent;
 }
-.border-x_alert {
+.xpay-border-x_alert {
   --tw-border-opacity: 1;
   border-color: rgb(255 183 77 / var(--tw-border-opacity));
 }
-.border-x_blue_dark {
+.xpay-border-x_blue_dark {
   border-color: rgba(43, 74, 157, 1);
 }
-.border-x_error_border {
+.xpay-border-x_error_border {
   border-color: rgba(255, 111, 0, 1);
 }
-.border-x_green_dark {
+.xpay-border-x_green_dark {
   border-color: rgba(46, 125, 50, 1);
 }
-.bg-\[\#272e40\] {
+.xpay-bg-\[\#272e40\] {
   --tw-bg-opacity: 1;
   background-color: rgb(39 46 64 / var(--tw-bg-opacity));
 }
-.bg-\[rgb\(15\,15\,15\)\] {
+.xpay-bg-\[rgb\(15\,15\,15\)\] {
   --tw-bg-opacity: 1;
   background-color: rgb(15 15 15 / var(--tw-bg-opacity));
 }
-.bg-\[rgb\(35\,35\,35\)\] {
+.xpay-bg-\[rgb\(35\,35\,35\)\] {
   --tw-bg-opacity: 1;
   background-color: rgb(35 35 35 / var(--tw-bg-opacity));
 }
-.bg-\[rgba\(0\,0\,0\,0\.8\)\] {
+.xpay-bg-\[rgba\(0\,0\,0\,0\.8\)\] {
   background-color: rgba(0, 0, 0, 0.8);
 }
-.bg-\[rgba\(15\,15\,15\,1\)\] {
+.xpay-bg-\[rgba\(15\,15\,15\,1\)\] {
   background-color: rgba(15, 15, 15, 1);
 }
-.bg-\[rgba\(2\,2\,2\,1\)\] {
+.xpay-bg-\[rgba\(2\,2\,2\,1\)\] {
   background-color: rgba(2, 2, 2, 1);
 }
-.bg-\[rgba\(255\,255\,255\,0\.1\)\] {
+.xpay-bg-\[rgba\(255\,255\,255\,0\.1\)\] {
   background-color: rgba(255, 255, 255, 0.1);
 }
-.bg-\[rgba\(255\,255\,255\,0\.15\)\] {
+.xpay-bg-\[rgba\(255\,255\,255\,0\.15\)\] {
   background-color: rgba(255, 255, 255, 0.15);
 }
-.bg-\[rgba\(255\,255\,255\,0\.3\)\] {
+.xpay-bg-\[rgba\(255\,255\,255\,0\.3\)\] {
   background-color: rgba(255, 255, 255, 0.3);
 }
-.bg-\[rgba\(39\,39\,39\,1\)\] {
+.xpay-bg-\[rgba\(39\,39\,39\,1\)\] {
   background-color: rgba(39, 39, 39, 1);
 }
-.bg-black {
+.xpay-bg-black {
   --tw-bg-opacity: 1;
   background-color: rgb(0 0 0 / var(--tw-bg-opacity));
 }
-.bg-current {
+.xpay-bg-current {
   background-color: currentColor;
 }
-.bg-transparent {
+.xpay-bg-transparent {
   background-color: transparent;
 }
-.bg-white {
+.xpay-bg-white {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
 }
-.bg-x_blue {
+.xpay-bg-x_blue {
   --tw-bg-opacity: 1;
   background-color: rgb(51 150 255 / var(--tw-bg-opacity));
 }
-.bg-x_error_background {
+.xpay-bg-x_error_background {
   background-color: rgba(255, 202, 40, 0.1);
 }
-.bg-gradient-to-l {
+.xpay-bg-gradient-to-l {
   background-image: linear-gradient(to left, var(--tw-gradient-stops));
 }
-.bg-gradient-to-r {
+.xpay-bg-gradient-to-r {
   background-image: linear-gradient(to right, var(--tw-gradient-stops));
 }
-.from-\[\#3681c6\] {
+.xpay-from-\[\#3681c6\] {
   --tw-gradient-from: #3681c6 var(--tw-gradient-from-position);
   --tw-gradient-to: rgb(54 129 198 / 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
-.from-\[rgba\(54\,129\,198\,0\.2\)\] {
+.xpay-from-\[rgba\(54\,129\,198\,0\.2\)\] {
   --tw-gradient-from: rgba(54,129,198,0.2) var(--tw-gradient-from-position);
   --tw-gradient-to: rgba(54, 129, 198, 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
-.from-\[rgba\(54\,129\,198\,1\)\] {
+.xpay-from-\[rgba\(54\,129\,198\,1\)\] {
   --tw-gradient-from: rgba(54,129,198,1) var(--tw-gradient-from-position);
   --tw-gradient-to: rgba(54, 129, 198, 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
-.from-\[rgba\(76\,175\,80\,0\.2\)\] {
+.xpay-from-\[rgba\(76\,175\,80\,0\.2\)\] {
   --tw-gradient-from: rgba(76,175,80,0.2) var(--tw-gradient-from-position);
   --tw-gradient-to: rgba(76, 175, 80, 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
-.from-x_blue_light {
+.xpay-from-x_blue_light {
   --tw-gradient-from: rgba(54,129,198,1) var(--tw-gradient-from-position);
   --tw-gradient-to: rgba(54, 129, 198, 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
-.to-\[\#2b4a9d\] {
+.xpay-to-\[\#2b4a9d\] {
   --tw-gradient-to: #2b4a9d var(--tw-gradient-to-position);
 }
-.to-\[rgba\(43\,74\,157\,0\.2\)\] {
+.xpay-to-\[rgba\(43\,74\,157\,0\.2\)\] {
   --tw-gradient-to: rgba(43,74,157,0.2) var(--tw-gradient-to-position);
 }
-.to-\[rgba\(43\,74\,157\,1\)\] {
+.xpay-to-\[rgba\(43\,74\,157\,1\)\] {
   --tw-gradient-to: rgba(43,74,157,1) var(--tw-gradient-to-position);
 }
-.to-\[rgba\(46\,125\,50\,0\.2\)\] {
+.xpay-to-\[rgba\(46\,125\,50\,0\.2\)\] {
   --tw-gradient-to: rgba(46,125,50,0.2) var(--tw-gradient-to-position);
 }
-.to-x_blue_dark {
+.xpay-to-x_blue_dark {
   --tw-gradient-to: rgba(43,74,157,1) var(--tw-gradient-to-position);
 }
-.bg-clip-text {
+.xpay-bg-clip-text {
   background-clip: text;
 }
-.p-0 {
+.xpay-p-0 {
   padding: 0px;
 }
-.p-1 {
-  padding: 0.25rem;
-}
-.p-2 {
+.xpay-p-2 {
   padding: 0.5rem;
 }
-.p-3 {
+.xpay-p-3 {
   padding: 0.75rem;
 }
-.p-4 {
+.xpay-p-4 {
   padding: 1rem;
 }
-.p-5 {
+.xpay-p-5 {
   padding: 1.25rem;
 }
-.p-6 {
+.xpay-p-6 {
   padding: 1.5rem;
 }
-.p-\[5px\] {
-  padding: 5px;
-}
-.px-0 {
+.xpay-px-0 {
   padding-left: 0px;
   padding-right: 0px;
 }
-.px-12 {
+.xpay-px-12 {
   padding-left: 3rem;
   padding-right: 3rem;
 }
-.px-2 {
+.xpay-px-2 {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
 }
-.px-3 {
+.xpay-px-3 {
   padding-left: 0.75rem;
   padding-right: 0.75rem;
 }
-.px-4 {
+.xpay-px-4 {
   padding-left: 1rem;
   padding-right: 1rem;
 }
-.px-\[24px\] {
+.xpay-px-\[24px\] {
   padding-left: 24px;
   padding-right: 24px;
 }
-.py-0 {
+.xpay-py-0 {
   padding-top: 0px;
   padding-bottom: 0px;
 }
-.py-0\.5 {
+.xpay-py-0\.5 {
   padding-top: 0.125rem;
   padding-bottom: 0.125rem;
 }
-.py-1 {
+.xpay-py-1 {
   padding-top: 0.25rem;
   padding-bottom: 0.25rem;
 }
-.py-2 {
+.xpay-py-2 {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
 }
-.py-4 {
+.xpay-py-4 {
   padding-top: 1rem;
   padding-bottom: 1rem;
 }
-.text-left {
+.xpay-text-left {
   text-align: left;
 }
-.text-center {
+.xpay-text-center {
   text-align: center;
 }
-.text-right {
+.xpay-text-right {
   text-align: right;
 }
-.align-middle {
+.xpay-align-middle {
   vertical-align: middle;
 }
-.text-2xl {
+.xpay-text-2xl {
   font-size: 1.5rem;
   line-height: 2rem;
 }
-.text-\[10px\] {
+.xpay-text-\[10px\] {
   font-size: 10px;
 }
-.text-\[11px\] {
+.xpay-text-\[11px\] {
   font-size: 11px;
 }
-.text-\[15px\] {
+.xpay-text-\[15px\] {
   font-size: 15px;
 }
-.text-base {
+.xpay-text-base {
   font-size: 1rem;
   line-height: 1.5rem;
 }
-.text-sm {
+.xpay-text-sm {
   font-size: 0.875rem;
   line-height: 1.25rem;
 }
-.text-xl {
+.xpay-text-xl {
   font-size: 1.25rem;
   line-height: 1.75rem;
 }
-.text-xs {
+.xpay-text-xs {
   font-size: 0.75rem;
   line-height: 1rem;
 }
-.font-light {
+.xpay-font-light {
   font-weight: 300;
 }
-.font-medium {
+.xpay-font-medium {
   font-weight: 500;
 }
-.font-normal {
+.xpay-font-normal {
   font-weight: 400;
 }
-.leading-\[10px\] {
+.xpay-leading-\[10px\] {
   line-height: 10px;
 }
-.leading-\[16px\] {
+.xpay-leading-\[16px\] {
   line-height: 16px;
 }
-.leading-\[41px\] {
+.xpay-leading-\[41px\] {
   line-height: 41px;
 }
-.leading-none {
+.xpay-leading-none {
   line-height: 1;
 }
-.text-\[\#888\] {
+.xpay-text-\[\#888\] {
   --tw-text-opacity: 1;
   color: rgb(136 136 136 / var(--tw-text-opacity));
 }
-.text-\[\#e0e7fa\] {
+.xpay-text-\[\#e0e7fa\] {
   --tw-text-opacity: 1;
   color: rgb(224 231 250 / var(--tw-text-opacity));
 }
-.text-\[\#ffa726\] {
+.xpay-text-\[\#ffa726\] {
   --tw-text-opacity: 1;
   color: rgb(255 167 38 / var(--tw-text-opacity));
 }
-.text-\[rgb\(100\,200\,100\)\] {
+.xpay-text-\[rgb\(100\,200\,100\)\] {
   --tw-text-opacity: 1;
   color: rgb(100 200 100 / var(--tw-text-opacity));
 }
-.text-\[rgb\(158\,158\,158\)\] {
+.xpay-text-\[rgb\(158\,158\,158\)\] {
   --tw-text-opacity: 1;
   color: rgb(158 158 158 / var(--tw-text-opacity));
 }
-.text-\[rgb\(250\,200\,100\)\] {
+.xpay-text-\[rgb\(250\,200\,100\)\] {
   --tw-text-opacity: 1;
   color: rgb(250 200 100 / var(--tw-text-opacity));
 }
-.text-\[rgb\(255\,100\,100\)\] {
+.xpay-text-\[rgb\(255\,100\,100\)\] {
   --tw-text-opacity: 1;
   color: rgb(255 100 100 / var(--tw-text-opacity));
 }
-.text-\[rgba\(255\,255\,255\,0\.2\)\] {
+.xpay-text-\[rgba\(255\,255\,255\,0\.2\)\] {
   color: rgba(255, 255, 255, 0.2);
 }
-.text-\[rgba\(255\,255\,255\,0\.6\)\] {
+.xpay-text-\[rgba\(255\,255\,255\,0\.6\)\] {
   color: rgba(255, 255, 255, 0.6);
 }
-.text-transparent {
+.xpay-text-black {
+  --tw-text-opacity: 1;
+  color: rgb(0 0 0 / var(--tw-text-opacity));
+}
+.xpay-text-transparent {
   color: transparent;
 }
-.text-white {
+.xpay-text-white {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
-.text-x_alert_light {
+.xpay-text-x_alert_light {
   --tw-text-opacity: 1;
   color: rgb(255 226 183 / var(--tw-text-opacity));
 }
-.text-x_green {
+.xpay-text-x_green {
   --tw-text-opacity: 1;
   color: rgb(102 187 106 / var(--tw-text-opacity));
 }
-.text-x_grey {
+.xpay-text-x_grey {
   color: #ffffff80;
 }
-.no-underline {
+.xpay-no-underline {
   text-decoration-line: none;
 }
-.opacity-60 {
+.xpay-opacity-60 {
   opacity: 0.6;
 }
-.outline-none {
+.xpay-shadow-sm {
+  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow, 0 0 #0000),
+    var(--tw-ring-shadow, 0 0 #0000),
+    var(--tw-shadow);
+}
+.xpay-outline-none {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
-.filter {
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.transition-all {
+.xpay-transition-all {
   transition-property: all;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
-.xswap {
+.xpay {
   * {
     scrollbar-width: thin;
     scrollbar-color: #252525 #000;
@@ -1046,90 +1044,69 @@ video {
     background-color: #252525;
     border-radius: 4px;
   }
-  .globalBorder {
-    border: 1px solid rgba(255, 255, 255, 0.1);
-  }
-}
-.xswap-tx-status {
-  position: absolute;
-  bottom: 1.25rem;
-  right: 0.5rem;
-  z-index: 50;
-  display: flex;
-  width: 100%;
-  flex-direction: column;
-  align-items: flex-end;
-  gap: 0.75rem;
-  padding-left: 2.25rem;
 }
-.placeholder\:text-sm::placeholder {
+.placeholder\:xpay-text-sm::placeholder {
   font-size: 0.875rem;
   line-height: 1.25rem;
 }
-.placeholder\:text-\[rgba\(255\,255\,255\,0\.2\)\]::placeholder {
+.placeholder\:xpay-text-\[rgba\(255\,255\,255\,0\.2\)\]::placeholder {
   color: rgba(255, 255, 255, 0.2);
 }
-.last\:mb-0:last-child {
+.last\:xpay-mb-0:last-child {
   margin-bottom: 0px;
 }
-.hover\:cursor-pointer:hover {
+.hover\:xpay-cursor-pointer:hover {
   cursor: pointer;
 }
-.hover\:bg-\[rgb\(25\,25\,25\)\]:hover {
+.hover\:xpay-bg-\[rgb\(25\,25\,25\)\]:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(25 25 25 / var(--tw-bg-opacity));
 }
-.focus\:outline-none:focus {
+.focus\:xpay-outline-none:focus {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
-.disabled\:opacity-25:disabled {
+.disabled\:xpay-opacity-25:disabled {
   opacity: 0.25;
 }
 @media (min-width: 640px) {
-  .sm\:h-6 {
-    height: 1.5rem;
-  }
-  .sm\:w-6 {
-    width: 1.5rem;
-  }
-  .sm\:w-\[190px\] {
+  .sm\:xpay-w-\[190px\] {
     width: 190px;
   }
-  .sm\:w-\[520px\] {
+  .sm\:xpay-w-\[520px\] {
     width: 520px;
   }
-  .sm\:w-x_desktop {
+  .sm\:xpay-w-x_desktop {
     width: 600px;
   }
-  .sm\:flex-row {
+  .sm\:xpay-flex-row {
     flex-direction: row;
   }
-  .sm\:gap-5 {
+  .sm\:xpay-gap-5 {
     gap: 1.25rem;
   }
-  .sm\:p-4 {
+  .sm\:xpay-p-4 {
     padding: 1rem;
   }
-  .sm\:text-3xl {
+  .sm\:xpay-text-3xl {
     font-size: 1.875rem;
     line-height: 2.25rem;
   }
-  .sm\:text-base {
+  .sm\:xpay-text-base {
     font-size: 1rem;
     line-height: 1.5rem;
   }
-  .sm\:text-sm {
+  .sm\:xpay-text-sm {
     font-size: 0.875rem;
     line-height: 1.25rem;
   }
-  .sm\:text-xl {
+  .sm\:xpay-text-xl {
     font-size: 1.25rem;
     line-height: 1.75rem;
   }
 }
 @media (min-width: 768px) {
-  .md\:p-4 {
+  .md\:xpay-p-4 {
     padding: 1rem;
   }
 }