@0xsquid/ui 0.3.0 → 0.4.0

package/dist/index.css

@@ -589,6 +589,14 @@ video {
   bottom: -0.375rem;
 }
 
+.-tw-left-\[2px\] {
+  left: -2px;
+}
+
+.-tw-left-\[4px\] {
+  left: -4px;
+}
+
 .-tw-left-\[5px\] {
   left: -5px;
 }
@@ -609,6 +617,14 @@ video {
   top: -2rem;
 }
 
+.-tw-top-\[2px\] {
+  top: -2px;
+}
+
+.-tw-top-\[4px\] {
+  top: -4px;
+}
+
 .tw-bottom-0 {
   bottom: 0px;
 }
@@ -645,6 +661,10 @@ video {
   left: 1.25rem;
 }
 
+.tw-left-\[54px\] {
+  left: 54px;
+}
+
 .tw-left-\[calc\(50\%-1\.5px\)\] {
   left: calc(50% - 1.5px);
 }
@@ -669,6 +689,10 @@ video {
   right: 1rem;
 }
 
+.tw-right-squid-xxs {
+  right: 0.3125rem;
+}
+
 .tw-top-0 {
   top: 0px;
 }
@@ -677,6 +701,10 @@ video {
   top: 0.25rem;
 }
 
+.tw-top-squid-xxs {
+  top: 0.3125rem;
+}
+
 .tw-z-10 {
   z-index: 10;
 }
@@ -697,10 +725,6 @@ video {
   z-index: 50;
 }
 
-.tw-z-\[100\] {
-  z-index: 100;
-}
-
 .tw-m-0 {
   margin: 0px;
 }
@@ -720,6 +744,11 @@ video {
   margin-right: 0.3125rem;
 }
 
+.tw-my-squid-xs {
+  margin-top: 0.625rem;
+  margin-bottom: 0.625rem;
+}
+
 .-tw-mb-1 {
   margin-bottom: -0.25rem;
 }
@@ -728,10 +757,22 @@ video {
   margin-left: -0.25rem;
 }
 
+.-tw-ml-\[5px\] {
+  margin-left: -5px;
+}
+
+.-tw-ml-squid-xs {
+  margin-left: -0.625rem;
+}
+
 .tw-ml-2 {
   margin-left: 0.5rem;
 }
 
+.tw-ml-\[1px\] {
+  margin-left: 1px;
+}
+
 .tw-mr-1 {
   margin-right: 0.25rem;
 }
@@ -740,8 +781,8 @@ video {
   margin-right: 0.375rem;
 }
 
-.tw-mr-2 {
-  margin-right: 0.5rem;
+.tw-mr-\[1px\] {
+  margin-right: 1px;
 }
 
 .tw-mt-1 {
@@ -816,18 +857,38 @@ video {
   height: 195px;
 }
 
+.tw-h-\[200px\] {
+  height: 200px;
+}
+
 .tw-h-\[205px\] {
   height: 205px;
 }
 
+.tw-h-\[22px\] {
+  height: 22px;
+}
+
+.tw-h-\[240px\] {
+  height: 240px;
+}
+
 .tw-h-\[30px\] {
   height: 30px;
 }
 
+.tw-h-\[34px\] {
+  height: 34px;
+}
+
 .tw-h-\[40px\] {
   height: 40px;
 }
 
+.tw-h-\[42px\] {
+  height: 42px;
+}
+
 .tw-h-\[46px\] {
   height: 46px;
 }
@@ -836,6 +897,10 @@ video {
   height: 470px;
 }
 
+.tw-h-\[50px\] {
+  height: 50px;
+}
+
 .tw-h-\[52px\] {
   height: 52px;
 }
@@ -844,12 +909,20 @@ video {
   height: 536px;
 }
 
+.tw-h-\[55px\] {
+  height: 55px;
+}
+
 .tw-h-\[600px\] {
   height: 600px;
 }
 
-.tw-h-\[75px\] {
-  height: 75px;
+.tw-h-\[60px\] {
+  height: 60px;
+}
+
+.tw-h-\[90px\] {
+  height: 90px;
 }
 
 .tw-h-\[95px\] {
@@ -916,6 +989,10 @@ video {
   max-height: 540px;
 }
 
+.tw-max-h-\[570px\] {
+  max-height: 570px;
+}
+
 .tw-max-h-\[60px\] {
   max-height: 60px;
 }
@@ -940,6 +1017,10 @@ video {
   max-height: 2.5rem;
 }
 
+.tw-min-h-\[195px\] {
+  min-height: 195px;
+}
+
 .tw-min-h-button {
   min-height: 3.75rem;
 }
@@ -948,6 +1029,10 @@ video {
   min-height: 680px;
 }
 
+.tw-min-h-squid-l {
+  min-height: 1.875rem;
+}
+
 .tw-w-1\/2 {
   width: 50%;
 }
@@ -960,6 +1045,10 @@ video {
   width: 3rem;
 }
 
+.tw-w-36 {
+  width: 9rem;
+}
+
 .tw-w-4 {
   width: 1rem;
 }
@@ -1000,14 +1089,6 @@ video {
   width: 190px;
 }
 
-.tw-w-\[209px\] {
-  width: 209px;
-}
-
-.tw-w-\[230px\] {
-  width: 230px;
-}
-
 .tw-w-\[299px\] {
   width: 299px;
 }
@@ -1016,6 +1097,10 @@ video {
   width: 30px;
 }
 
+.tw-w-\[34px\] {
+  width: 34px;
+}
+
 .tw-w-\[36px\] {
   width: 36px;
 }
@@ -1028,10 +1113,18 @@ video {
   width: 400px;
 }
 
+.tw-w-\[40px\] {
+  width: 40px;
+}
+
 .tw-w-\[44px\] {
   width: 44px;
 }
 
+.tw-w-\[470px\] {
+  width: 470px;
+}
+
 .tw-w-\[480px\] {
   width: 480px;
 }
@@ -1048,10 +1141,18 @@ video {
   width: 60px;
 }
 
+.tw-w-\[72px\] {
+  width: 72px;
+}
+
 .tw-w-\[90px\] {
   width: 90px;
 }
 
+.tw-w-\[94px\] {
+  width: 94px;
+}
+
 .tw-w-card {
   width: 500px;
 }
@@ -1069,10 +1170,6 @@ video {
   width: 23.75rem;
 }
 
-.tw-w-list-item-small {
-  width: 21.25rem;
-}
-
 .tw-w-max {
   width: -moz-max-content;
   width: max-content;
@@ -1094,10 +1191,18 @@ video {
   min-width: 24rem;
 }
 
+.tw-min-w-\[209px\] {
+  min-width: 209px;
+}
+
 .tw-min-w-\[60px\] {
   min-width: 60px;
 }
 
+.tw-min-w-list-item-small {
+  min-width: 21.25rem;
+}
+
 .tw-min-w-squid-xl {
   min-width: 2.5rem;
 }
@@ -1122,6 +1227,14 @@ video {
   max-width: 320px;
 }
 
+.tw-max-w-\[400px\] {
+  max-width: 400px;
+}
+
+.tw-max-w-\[72px\] {
+  max-width: 72px;
+}
+
 .tw-max-w-list-item-large {
   max-width: 23.75rem;
 }
@@ -1142,6 +1255,10 @@ video {
   flex: 1 1 0%;
 }
 
+.tw-flex-shrink-0 {
+  flex-shrink: 0;
+}
+
 .-tw-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));
@@ -1152,8 +1269,8 @@ video {
   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));
 }
 
-.-tw-translate-x-2 {
-  --tw-translate-x: -0.5rem;
+.-tw-translate-x-\[2px\] {
+  --tw-translate-x: -2px;
   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));
 }
 
@@ -1169,7 +1286,7 @@ video {
   }
 
   100% {
-    transform: translateY(120%);
+    transform: translateY(120px);
     opacity: 0;
   }
 }
@@ -1180,7 +1297,7 @@ video {
 
 @keyframes tw-slide-to-top {
   0% {
-    transform: translateY(120%);
+    transform: translateY(120px);
     opacity: 0;
   }
 
@@ -1198,6 +1315,11 @@ video {
   cursor: pointer;
 }
 
+.tw-scroll-px-5 {
+  scroll-padding-left: 1.25rem;
+  scroll-padding-right: 1.25rem;
+}
+
 .tw-grid-cols-\[180px_1fr_299px\] {
   grid-template-columns: 180px 1fr 299px;
 }
@@ -1210,6 +1332,10 @@ video {
   flex-direction: column-reverse;
 }
 
+.tw-flex-wrap {
+  flex-wrap: wrap;
+}
+
 .tw-items-start {
   align-items: flex-start;
 }
@@ -1312,6 +1438,10 @@ video {
   border-radius: 1rem;
 }
 
+.tw-rounded-\[25px\] {
+  border-radius: 25px;
+}
+
 .tw-rounded-full {
   border-radius: 9999px;
 }
@@ -1356,6 +1486,30 @@ video {
   border-radius: 0.75rem;
 }
 
+.tw-rounded-bl-full {
+  border-bottom-left-radius: 9999px;
+}
+
+.tw-rounded-bl-squid-l {
+  border-bottom-left-radius: 1.875rem;
+}
+
+.tw-rounded-br-full {
+  border-bottom-right-radius: 9999px;
+}
+
+.tw-rounded-br-squid-l {
+  border-bottom-right-radius: 1.875rem;
+}
+
+.tw-rounded-tl-\[25px\] {
+  border-top-left-radius: 25px;
+}
+
+.tw-rounded-tl-full {
+  border-top-left-radius: 9999px;
+}
+
 .tw-rounded-tl-squid-l {
   border-top-left-radius: 1.875rem;
 }
@@ -1364,6 +1518,14 @@ video {
   border-top-left-radius: 0.75rem;
 }
 
+.tw-rounded-tr-\[25px\] {
+  border-top-right-radius: 25px;
+}
+
+.tw-rounded-tr-full {
+  border-top-right-radius: 9999px;
+}
+
 .tw-rounded-tr-squid-l {
   border-top-right-radius: 1.875rem;
 }
@@ -1384,6 +1546,18 @@ video {
   border-width: 1px;
 }
 
+.tw-border-\[5px\] {
+  border-width: 5px;
+}
+
+.tw-border-b {
+  border-bottom-width: 1px;
+}
+
+.tw-border-r {
+  border-right-width: 1px;
+}
+
 .tw-border-t {
   border-top-width: 1px;
 }
@@ -1404,6 +1578,10 @@ video {
   border-color: var(--squid-theme-grey-900);
 }
 
+.tw-border-material-dark-average {
+  border-color: var(--squid-theme-material-dark-average);
+}
+
 .tw-border-material-light-thick {
   border-color: var(--squid-theme-material-light-thick);
 }
@@ -1412,6 +1590,10 @@ video {
   border-color: var(--squid-theme-material-light-thin);
 }
 
+.tw-border-royal-500 {
+  border-color: var(--squid-theme-royal-500);
+}
+
 .tw-border-slate-800 {
   --tw-border-opacity: 1;
   border-color: rgb(30 41 59 / var(--tw-border-opacity));
@@ -1429,6 +1611,10 @@ video {
   background-color: var(--squid-theme-grey-100);
 }
 
+.tw-bg-grey-300 {
+  background-color: var(--squid-theme-grey-300);
+}
+
 .tw-bg-grey-500 {
   background-color: var(--squid-theme-grey-500);
 }
@@ -1453,9 +1639,8 @@ video {
   background-color: var(--squid-theme-material-light-thick);
 }
 
-.tw-bg-red-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
+.tw-bg-material-light-thin {
+  background-color: var(--squid-theme-material-light-thin);
 }
 
 .tw-bg-royal-400 {
@@ -1500,6 +1685,14 @@ video {
   background-image: linear-gradient(to right, var(--tw-gradient-stops));
 }
 
+.tw-bg-royal-dark {
+  background-image: linear-gradient(180deg, #BF91F2 0%, #A577D8 100%);
+}
+
+.tw-bg-royal-light {
+  background-image: linear-gradient(180deg, #A577D8 0%, #BF91F2 100%);
+}
+
 .tw-from-grey-800 {
   --tw-gradient-from: var(--squid-theme-grey-800) var(--tw-gradient-from-position);
   --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
@@ -1526,6 +1719,10 @@ video {
   --tw-gradient-to: transparent var(--tw-gradient-to-position);
 }
 
+.\!tw-p-0 {
+  padding: 0px !important;
+}
+
 .tw-p-0 {
   padding: 0px;
 }
@@ -1538,6 +1735,10 @@ video {
   padding: 0.25rem;
 }
 
+.tw-p-2 {
+  padding: 0.5rem;
+}
+
 .tw-p-8 {
   padding: 2rem;
 }
@@ -1554,6 +1755,10 @@ video {
   padding: 0.625rem;
 }
 
+.tw-p-squid-xxs {
+  padding: 0.3125rem;
+}
+
 .\!tw-px-squid-m {
   padding-left: 1.25rem !important;
   padding-right: 1.25rem !important;
@@ -1584,6 +1789,11 @@ video {
   padding-right: 1rem;
 }
 
+.tw-px-5 {
+  padding-left: 1.25rem;
+  padding-right: 1.25rem;
+}
+
 .tw-px-\[70px\] {
   padding-left: 70px;
   padding-right: 70px;
@@ -1624,11 +1834,6 @@ video {
   padding-bottom: 0.125rem;
 }
 
-.tw-py-squid-m {
-  padding-top: 1.25rem;
-  padding-bottom: 1.25rem;
-}
-
 .tw-py-squid-s {
   padding-top: 0.9375rem;
   padding-bottom: 0.9375rem;
@@ -1685,6 +1890,10 @@ video {
   padding-left: 44px;
 }
 
+.tw-pl-\[7px\] {
+  padding-left: 7px;
+}
+
 .tw-pl-squid-l {
   padding-left: 1.875rem;
 }
@@ -1717,6 +1926,14 @@ video {
   padding-right: 2.5rem;
 }
 
+.tw-pr-squid-xs {
+  padding-right: 0.625rem;
+}
+
+.tw-pr-squid-xxs {
+  padding-right: 0.3125rem;
+}
+
 .tw-pt-squid-m {
   padding-top: 1.25rem;
 }
@@ -1828,6 +2045,18 @@ video {
   line-height: 10px;
 }
 
+.tw-leading-\[13px\] {
+  line-height: 13px;
+}
+
+.tw-leading-\[15px\] {
+  line-height: 15px;
+}
+
+.tw-leading-\[20px\] {
+  line-height: 20px;
+}
+
 .tw-leading-body-large {
   line-height: 39.34px;
 }
@@ -1925,6 +2154,10 @@ video {
   color: var(--squid-theme-royal-400);
 }
 
+.tw-text-royal-500 {
+  color: var(--squid-theme-royal-500);
+}
+
 .tw-text-status-negative {
   color: var(--squid-theme-status-negative);
 }
@@ -1938,6 +2171,10 @@ video {
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
+.tw-opacity-0 {
+  opacity: 0;
+}
+
 .tw-opacity-33 {
   opacity: 0.33;
 }
@@ -1946,6 +2183,12 @@ video {
   opacity: 0.66;
 }
 
+.tw-shadow-inset-royal {
+  --tw-shadow: 0px 0px 50px 0px #876FE2 inset;
+  --tw-shadow-colored: inset 0px 0px 50px 0px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
 .tw-shadow-lg {
   --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
@@ -1965,8 +2208,14 @@ video {
   outline-offset: 0px;
 }
 
-.tw-backdrop-blur-\[calc\(1\.25rem\/2\)\] {
-  --tw-backdrop-blur: blur(calc(1.25rem / 2));
+.tw-backdrop-blur\/10 {
+  --tw-backdrop-blur: blur(10px);
+  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+}
+
+.tw-backdrop-blur\/20 {
+  --tw-backdrop-blur: blur(20px);
   -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
           backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
 }
@@ -1977,6 +2226,12 @@ video {
   transition-duration: 150ms;
 }
 
+.tw-transition-opacity {
+  transition-property: opacity;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+
 .tw-transition-transform {
   transition-property: transform;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -2009,28 +2264,16 @@ video {
   cursor: not-allowed;
 }
 
-.tw-token-chain-mask {
-  -webkit-mask-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAaIAAABQBAMAAACpCGz6AAAAAXNSR0IArs4c6QAAABtQTFRFR3BM////////////////////////////////Fv0dDgAAAAh0Uk5TABtReZjD3+88JgQSAAACUklEQVR42u3cQWsaURQF4PNGY7eP2ibbCYY2yyQbszSFQJYtFHSpXYRZthXBddXx/Nz+gxQay4Wpkzuzybtc5ttfOIc3iIz3iYowun8kV19vIhSVmTT0oBcFD3afIoQyk1L5UtBsSoptDqHMJKEHHa4r7c8hlJmEJKgerrwyXEgPmh0JV+YQNTOJ6EHDjEfsIkTNTBp60DGPWkIoM2n9RMU71phAKDNpTZo+P7to8ZnTg56y1gKiMpOMHjQUrFVGiMpMKnrQU6W7sSPSg4ZC6W7siPSgJ0p320ckvuCfB6276SMSWxz0qFjYPiJxhWdn+gNq+ojEDzybUbMwfURih78yqspo+ohEDgAYULcwdER6zlvqymj5iMSmebwNID7Sqn0EkDX/YDzo0yKJOWj7FSPMaNd3AJdsZhMPhcY07Jd8BdJ9i/YLcQsENra9iWE4pWn7iIy+5OjTlwlO6Ms8G8KX8yzCl9A16holaARnAtb0pQS96Rp1jV4fCvqyd9dol/2GM+4aPXWNukav7gkD+jL39+bE4dutsGZTq+sYRjPaFoHGEZcRAMIHWrYFcNmqEBBurb/Jf9N2NSoUtGsOoNd6fa1Hu3IAYd16xXBMq8ro8pdlnDn69X/ub0PD3RaNv00nd9touduNQbx3stX52d/mrbvtaH8b7O5uGTi9CaLvzN2hVp+W3Hm7UbX0e+tNZAX/s9duJhYGbyaKXsGK/TUUMpOAHvRt0byQzBgsJLIHUqxyKGQmET1ouJjVXEBXZpLRg4bR/ZR8bPtvBlOmcDToHwH+7Tk7/P1uAAAAAElFTkSuQmCC');
-          mask-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAaIAAABQBAMAAACpCGz6AAAAAXNSR0IArs4c6QAAABtQTFRFR3BM////////////////////////////////Fv0dDgAAAAh0Uk5TABtReZjD3+88JgQSAAACUklEQVR42u3cQWsaURQF4PNGY7eP2ibbCYY2yyQbszSFQJYtFHSpXYRZthXBddXx/Nz+gxQay4Wpkzuzybtc5ttfOIc3iIz3iYowun8kV19vIhSVmTT0oBcFD3afIoQyk1L5UtBsSoptDqHMJKEHHa4r7c8hlJmEJKgerrwyXEgPmh0JV+YQNTOJ6EHDjEfsIkTNTBp60DGPWkIoM2n9RMU71phAKDNpTZo+P7to8ZnTg56y1gKiMpOMHjQUrFVGiMpMKnrQU6W7sSPSg4ZC6W7siPSgJ0p320ckvuCfB6276SMSWxz0qFjYPiJxhWdn+gNq+ojEDzybUbMwfURih78yqspo+ohEDgAYULcwdER6zlvqymj5iMSmebwNID7Sqn0EkDX/YDzo0yKJOWj7FSPMaNd3AJdsZhMPhcY07Jd8BdJ9i/YLcQsENra9iWE4pWn7iIy+5OjTlwlO6Ms8G8KX8yzCl9A16holaARnAtb0pQS96Rp1jV4fCvqyd9dol/2GM+4aPXWNukav7gkD+jL39+bE4dutsGZTq+sYRjPaFoHGEZcRAMIHWrYFcNmqEBBurb/Jf9N2NSoUtGsOoNd6fa1Hu3IAYd16xXBMq8ro8pdlnDn69X/ub0PD3RaNv00nd9touduNQbx3stX52d/mrbvtaH8b7O5uGTi9CaLvzN2hVp+W3Hm7UbX0e+tNZAX/s9duJhYGbyaKXsGK/TUUMpOAHvRt0byQzBgsJLIHUqxyKGQmET1ouJjVXEBXZpLRg4bR/ZR8bPtvBlOmcDToHwH+7Tk7/P1uAAAAAElFTkSuQmCC');
-  -webkit-mask-size: 100% 100%;
-          mask-size: 100% 100%;
-  aspect-ratio: 209/40;
+.tw-assets-button-mask {
+  -webkit-mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzIiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA3MiA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMjBDMCAxNC44ODE2IDEuOTUyNjIgOS43NjMxMSA1Ljg1Nzg2IDUuODU3ODZDOS43NjMwOSAxLjk1MjY0IDE0Ljg4MTUgMi4yMDcwMmUtMDUgMTkuOTk5OSAxLjg3MzU2ZS0xMEMyNS4xMTg0IC0yLjIwNjkxZS0wNSAzMC4yMzY5IDEuOTUyNiAzNC4xNDIxIDUuODU3ODZDMzQuNjY5NiA2LjM4NTI5IDM1LjE4NzkgNi45MTg3MyAzNS43MDExIDcuNDQ2OTVDMzguOTg4OCAxMC44MzA2IDQyLjA2ODMgMTQgNDYgMTRDNDkuOTMxNyAxNCA1My4wMTEyIDEwLjgzMDYgNTYuMjk4OSA3LjQ0Njk1QzU2LjgxMjEgNi45MTg3MyA1Ny4zMzA0IDYuMzg1MjkgNTcuODU3OSA1Ljg1Nzg2QzYxLjc2MzEgMS45NTI2IDY2Ljg4MTYgLTIuMjA2OTFlLTA1IDcyLjAwMDEgMS44NzM1NmUtMTBWNDBDNjYuODgxNiA0MCA2MS43NjMxIDM4LjA0NzQgNTcuODU3OSAzNC4xNDIxQzU3LjMzMzEgMzMuNjE3MSA1Ni44MTc0IDMzLjA4NjEgNTYuMzA2NSAzMi41NjAyQzUzLjAxNzQgMjkuMTc0IDQ5LjkzNDQgMjYgNDYgMjZDNDIuMDY1NiAyNiAzOC45ODI2IDI5LjE3NCAzNS42OTM1IDMyLjU2MDJDMzUuMTgyNiAzMy4wODYxIDM0LjY2NjkgMzMuNjE3MSAzNC4xNDIxIDM0LjE0MjFDMzAuMjM2OSAzOC4wNDc0IDI1LjExODQgNDAgMTkuOTk5OSA0MEMxNC44ODE1IDQwIDkuNzYzMDkgMzguMDQ3NCA1Ljg1Nzg2IDM0LjE0MjFDMS45NTI2MiAzMC4yMzY5IDAgMjUuMTE4NCAwIDIwWiIgZmlsbD0iI0ZCRkJGRCIgc3R5bGU9ImZpbGw6I0ZCRkJGRDtmaWxsOmNvbG9yKGRpc3BsYXktcDMgMC45ODQwIDAuOTg2MSAwLjk5MDQpO2ZpbGwtb3BhY2l0eToxOyIvPgo8L3N2Zz4=');
+          mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzIiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA3MiA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMjBDMCAxNC44ODE2IDEuOTUyNjIgOS43NjMxMSA1Ljg1Nzg2IDUuODU3ODZDOS43NjMwOSAxLjk1MjY0IDE0Ljg4MTUgMi4yMDcwMmUtMDUgMTkuOTk5OSAxLjg3MzU2ZS0xMEMyNS4xMTg0IC0yLjIwNjkxZS0wNSAzMC4yMzY5IDEuOTUyNiAzNC4xNDIxIDUuODU3ODZDMzQuNjY5NiA2LjM4NTI5IDM1LjE4NzkgNi45MTg3MyAzNS43MDExIDcuNDQ2OTVDMzguOTg4OCAxMC44MzA2IDQyLjA2ODMgMTQgNDYgMTRDNDkuOTMxNyAxNCA1My4wMTEyIDEwLjgzMDYgNTYuMjk4OSA3LjQ0Njk1QzU2LjgxMjEgNi45MTg3MyA1Ny4zMzA0IDYuMzg1MjkgNTcuODU3OSA1Ljg1Nzg2QzYxLjc2MzEgMS45NTI2IDY2Ljg4MTYgLTIuMjA2OTFlLTA1IDcyLjAwMDEgMS44NzM1NmUtMTBWNDBDNjYuODgxNiA0MCA2MS43NjMxIDM4LjA0NzQgNTcuODU3OSAzNC4xNDIxQzU3LjMzMzEgMzMuNjE3MSA1Ni44MTc0IDMzLjA4NjEgNTYuMzA2NSAzMi41NjAyQzUzLjAxNzQgMjkuMTc0IDQ5LjkzNDQgMjYgNDYgMjZDNDIuMDY1NiAyNiAzOC45ODI2IDI5LjE3NCAzNS42OTM1IDMyLjU2MDJDMzUuMTgyNiAzMy4wODYxIDM0LjY2NjkgMzMuNjE3MSAzNC4xNDIxIDM0LjE0MjFDMzAuMjM2OSAzOC4wNDc0IDI1LjExODQgNDAgMTkuOTk5OSA0MEMxNC44ODE1IDQwIDkuNzYzMDkgMzguMDQ3NCA1Ljg1Nzg2IDM0LjE0MjFDMS45NTI2MiAzMC4yMzY5IDAgMjUuMTE4NCAwIDIwWiIgZmlsbD0iI0ZCRkJGRCIgc3R5bGU9ImZpbGw6I0ZCRkJGRDtmaWxsOmNvbG9yKGRpc3BsYXktcDMgMC45ODQwIDAuOTg2MSAwLjk5MDQpO2ZpbGwtb3BhY2l0eToxOyIvPgo8L3N2Zz4=');
   -webkit-mask-repeat: no-repeat;
           mask-repeat: no-repeat;
-  -webkit-mask-position: center;
-          mask-position: center;
 }
 
 .tw-token-pair-mask {
-  -webkit-mask-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMcAAABZCAMAAAC9t8DHAAAALVBMVEVHcEzi4+Tp6uvv8PHx8vPy8/T19fb29vb3+Pj5+fr6+/v7+/v9/f3+/v7///+I7qq0AAAADnRSTlMADx8wQ1VqhJ+3yt7u+X/ouusAAANMSURBVHja3duLbt0wCAZg8BUw8P6Pu3bSuqpZ1jgOR6q/B/Avgp2rA1dgLrV1YmbqrZaMECA4LZVGPNTM3c3dzHQwtZJgynya+ZuH0lIlUX9j/oUKnQy+nnZkQvV+WulifspMen5yNsWkYWX17wwqCE/ASiFp2Fj9CuUC6+rltAozCptfZEoZ1mTSa1HuPpOWuvqM0RDuwz5i0oqYT+IMdxWeTTMul1aG+jQbFW7BNnzeaPAdJPM7tCPMwx6Ultj8HiOEo6g0pwT/kdlvs5OhY9KcE5zK4h4w9KvTEru/rpAsQWnIvmpiaiVZT8OJM1VQRxL7MusAR818nXG6Wob5MmtwUNQPwk6/iU3N141yNl3XEV7qhrl7wDwmfwzhwtpYXCJF/TmUFspYmlnIfhB1Zc/s5kHdb+aPkgxnivijtMIHFH+WSYF/q8MfxjjbjvWnNuzqT7N2aEf0Islk7h7WkGoeQSrCZ1jFI2j5OFnFUCr4qQo2j0HwWx4eRbmX/K52MY8yErxrHkl1DFXzQFZDptXr0eGWJFTsxGr+41kBQPKfrwMk2aAfDJCG/3yCUNR/vpGhmW+x0PsWdVTovgFrQL4B68C+gw7Dd0CgvgPapB/7rA/yHbRNrh91l/uSPerQssv97h7PH4yAvMVlEGCT53NoOyzzPd5fSQIAlC2WB0D3SKZv7AXvdyFrXIJQLTnn0miEv29HDquiJfgjNTGPQYfPg6GfCFPXyO9RQa9GjTJ8VcUjvw9C8wkrOyETWcj32rCGnO6DbRpw8fjQ/WX7GeoIaEdQQyTDuTIiVkfEKYtT1AbLI63wGVJIGfGFEEZ1mxN8J0vcDG4WUEZ0IVrhK6TXlPHoHooOR0kC+hx71uIUM7Qdyggt5CytjoCBT5W4tKoBA0cVMgqcqiOgjJgtl1KCjhEnmJUl7KBlWd+OGP9HjnGGE2uPCNoQ7kDSqJ/KsI2FyTrtTlqFE2vbU7UnOBGRRpfTsMnc75VLsIpNpFWYkPrwS0wqwqrUhl1Ma7NpqV8Y27ghPCF1uZSWYF767h/0QWe9CEnj22lYupwMboNbhqfEp2FuJEPN/zIV7jUhzJtPM9PBvWaEdZhq68RDVQf33spEDUtpcj3tF5fuzGpqosw0AAAAAElFTkSuQmCC');
-          mask-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMcAAABZCAMAAAC9t8DHAAAALVBMVEVHcEzi4+Tp6uvv8PHx8vPy8/T19fb29vb3+Pj5+fr6+/v7+/v9/f3+/v7///+I7qq0AAAADnRSTlMADx8wQ1VqhJ+3yt7u+X/ouusAAANMSURBVHja3duLbt0wCAZg8BUw8P6Pu3bSuqpZ1jgOR6q/B/Avgp2rA1dgLrV1YmbqrZaMECA4LZVGPNTM3c3dzHQwtZJgynya+ZuH0lIlUX9j/oUKnQy+nnZkQvV+WulifspMen5yNsWkYWX17wwqCE/ASiFp2Fj9CuUC6+rltAozCptfZEoZ1mTSa1HuPpOWuvqM0RDuwz5i0oqYT+IMdxWeTTMul1aG+jQbFW7BNnzeaPAdJPM7tCPMwx6Ultj8HiOEo6g0pwT/kdlvs5OhY9KcE5zK4h4w9KvTEru/rpAsQWnIvmpiaiVZT8OJM1VQRxL7MusAR818nXG6Wob5MmtwUNQPwk6/iU3N141yNl3XEV7qhrl7wDwmfwzhwtpYXCJF/TmUFspYmlnIfhB1Zc/s5kHdb+aPkgxnivijtMIHFH+WSYF/q8MfxjjbjvWnNuzqT7N2aEf0Islk7h7WkGoeQSrCZ1jFI2j5OFnFUCr4qQo2j0HwWx4eRbmX/K52MY8yErxrHkl1DFXzQFZDptXr0eGWJFTsxGr+41kBQPKfrwMk2aAfDJCG/3yCUNR/vpGhmW+x0PsWdVTovgFrQL4B68C+gw7Dd0CgvgPapB/7rA/yHbRNrh91l/uSPerQssv97h7PH4yAvMVlEGCT53NoOyzzPd5fSQIAlC2WB0D3SKZv7AXvdyFrXIJQLTnn0miEv29HDquiJfgjNTGPQYfPg6GfCFPXyO9RQa9GjTJ8VcUjvw9C8wkrOyETWcj32rCGnO6DbRpw8fjQ/WX7GeoIaEdQQyTDuTIiVkfEKYtT1AbLI63wGVJIGfGFEEZ1mxN8J0vcDG4WUEZ0IVrhK6TXlPHoHooOR0kC+hx71uIUM7Qdyggt5CytjoCBT5W4tKoBA0cVMgqcqiOgjJgtl1KCjhEnmJUl7KBlWd+OGP9HjnGGE2uPCNoQ7kDSqJ/KsI2FyTrtTlqFE2vbU7UnOBGRRpfTsMnc75VLsIpNpFWYkPrwS0wqwqrUhl1Ma7NpqV8Y27ghPCF1uZSWYF767h/0QWe9CEnj22lYupwMboNbhqfEp2FuJEPN/zIV7jUhzJtPM9PBvWaEdZhq68RDVQf33spEDUtpcj3tF5fuzGpqosw0AAAAAElFTkSuQmCC');
-  -webkit-mask-size: 100% 100%;
-          mask-size: 100% 100%;
-  aspect-ratio: 747/334;
-  -webkit-mask-repeat: no-repeat;
-          mask-repeat: no-repeat;
-  -webkit-mask-position: center;
-          mask-position: center;
+  -webkit-mask-image: url('data:image/svg+xml;base64,ICAgICAgPHN2ZwogICAgICAgIHdpZHRoPSI5NCIKICAgICAgICBjbGFzc05hbWU9InR3LWFic29sdXRlIgogICAgICAgIGhlaWdodD0iNDIiCiAgICAgICAgdmlld0JveD0iMCAwIDk0IDQyIgogICAgICAgIGZpbGw9Im5vbmUiCiAgICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICAgICA+CiAgICAgICAgPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfYl80NTdfNTEzOTEpIj4KICAgICAgICAgIDxwYXRoCiAgICAgICAgICAgIGQ9Ik01OC41MDQyIDM1LjQ5NTZMNTguNTA0MyAzNS40OTU3QzYyLjUwNzEgMzkuNDk4NSA2Ny43NTQ0IDQxLjUgNzMuMDAwMSA0MS41Qzg0LjMyMTkgNDEuNSA5My41IDMyLjMyMTggOTMuNSAyMUM5My41IDkuNjc4MjIgODQuMzIxOSAwLjUgNzMuMDAwMSAwLjVDNjcuNzU0NCAwLjQ5OTk3NyA2Mi41MDcxIDIuNTAxNTEgNTguNTA0MyA2LjUwNDMxQzU3Ljk3NDMgNy4wMzQzNyA1Ny40NTM4IDcuNTcwMDcgNTYuOTQxMiA4LjA5NzU2TDU2Ljk0MDMgOC4wOTg1MkM1NS4yODg5IDkuNzk4MTIgNTMuNzI3OSAxMS40MDI3IDUyLjA5NyAxMi41ODc5QzUwLjQ3MzQgMTMuNzY3OCA0OC44MjI1IDE0LjUgNDcgMTQuNUM0NS4xNzc1IDE0LjUgNDMuNTI2NiAxMy43Njc4IDQxLjkwMyAxMi41ODc5QzQwLjI3MjEgMTEuNDAyNyAzOC43MTExIDkuNzk4MTIgMzcuMDU5NyA4LjA5ODUyTDM3LjA1ODkgOC4wOTc2NkMzNi41NDYzIDcuNTcwMTMgMzYuMDI1OCA3LjAzNDQxIDM1LjQ5NTcgNi41MDQzMUMzMS40OTI5IDIuNTAxNTEgMjYuMjQ1NiAwLjQ5OTk3NyAyMC45OTk5IDAuNUMxNS43NTQzIDAuNTAwMDIzIDEwLjUwNzEgMi41MDE1NiA2LjUwNDMxIDYuNTA0MzFDMi41MDE1MyAxMC41MDcxIDAuNSAxNS43NTQ0IDAuNSAyMUMwLjUgMjYuMjQ1NiAyLjUwMTUzIDMxLjQ5MjkgNi41MDQzMSAzNS40OTU3QzEwLjUwNzEgMzkuNDk4NCAxNS43NTQzIDQxLjUgMjAuOTk5OSA0MS41QzI2LjI0NTYgNDEuNSAzMS40OTI5IDM5LjQ5ODUgMzUuNDk1NyAzNS40OTU3TDM1LjQ5NTggMzUuNDk1NkMzNi4wMjMgMzQuOTY4IDM2LjU0MDggMzQuNDM0OSAzNy4wNTA4IDMzLjkwOTlMMzcuMDUyMSAzMy45MDg2QzM4LjcwNDIgMzIuMjA3NyA0MC4yNjY1IDMwLjYwMTMgNDEuODk4OCAyOS40MTQ3QzQzLjUyMzggMjguMjMzMyA0NS4xNzYzIDI3LjUgNDcgMjcuNUM0OC44MjM3IDI3LjUgNTAuNDc2MiAyOC4yMzMzIDUyLjEwMTIgMjkuNDE0N0M1My43MzM1IDMwLjYwMTMgNTUuMjk1OCAzMi4yMDc3IDU2Ljk0NzkgMzMuOTA4Nkw1Ni45NDkyIDMzLjkwOTlDNTcuNDU5MiAzNC40MzQ5IDU3Ljk3NyAzNC45NjggNTguNTA0MiAzNS40OTU2WiIKICAgICAgICAgICAgc3Ryb2tlPSJ3aGl0ZSIKICAgICAgICAgICAgZmlsbD0id2hpdGUiCiAgICAgICAgICAvPgogICAgICAgIDwvZz4KICAgICAgICA8ZGVmcz4KICAgICAgICAgIDxmaWx0ZXIKICAgICAgICAgICAgaWQ9ImZpbHRlcjBfYl80NTdfNTEzOTEiCiAgICAgICAgICAgIHg9Ii0yMCIKICAgICAgICAgICAgeT0iLTIwIgogICAgICAgICAgICB3aWR0aD0iMTM0IgogICAgICAgICAgICBoZWlnaHQ9IjgyIgogICAgICAgICAgICBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiCiAgICAgICAgICAgIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiIKICAgICAgICAgID4KICAgICAgICAgICAgPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIC8+CiAgICAgICAgICAgIDxmZUdhdXNzaWFuQmx1ciBpbj0iQmFja2dyb3VuZEltYWdlRml4IiBzdGREZXZpYXRpb249IjEwIiAvPgogICAgICAgICAgICA8ZmVDb21wb3NpdGUKICAgICAgICAgICAgICBpbjI9IlNvdXJjZUFscGhhIgogICAgICAgICAgICAgIG9wZXJhdG9yPSJpbiIKICAgICAgICAgICAgICByZXN1bHQ9ImVmZmVjdDFfYmFja2dyb3VuZEJsdXJfNDU3XzUxMzkxIgogICAgICAgICAgICAvPgogICAgICAgICAgICA8ZmVCbGVuZAogICAgICAgICAgICAgIG1vZGU9Im5vcm1hbCIKICAgICAgICAgICAgICBpbj0iU291cmNlR3JhcGhpYyIKICAgICAgICAgICAgICBpbjI9ImVmZmVjdDFfYmFja2dyb3VuZEJsdXJfNDU3XzUxMzkxIgogICAgICAgICAgICAgIHJlc3VsdD0ic2hhcGUiCiAgICAgICAgICAgIC8+CiAgICAgICAgICA8L2ZpbHRlcj4KICAgICAgICA8L2RlZnM+CiAgICAgIDwvc3ZnPgo=');
+          mask-image: url('data:image/svg+xml;base64,ICAgICAgPHN2ZwogICAgICAgIHdpZHRoPSI5NCIKICAgICAgICBjbGFzc05hbWU9InR3LWFic29sdXRlIgogICAgICAgIGhlaWdodD0iNDIiCiAgICAgICAgdmlld0JveD0iMCAwIDk0IDQyIgogICAgICAgIGZpbGw9Im5vbmUiCiAgICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICAgICA+CiAgICAgICAgPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfYl80NTdfNTEzOTEpIj4KICAgICAgICAgIDxwYXRoCiAgICAgICAgICAgIGQ9Ik01OC41MDQyIDM1LjQ5NTZMNTguNTA0MyAzNS40OTU3QzYyLjUwNzEgMzkuNDk4NSA2Ny43NTQ0IDQxLjUgNzMuMDAwMSA0MS41Qzg0LjMyMTkgNDEuNSA5My41IDMyLjMyMTggOTMuNSAyMUM5My41IDkuNjc4MjIgODQuMzIxOSAwLjUgNzMuMDAwMSAwLjVDNjcuNzU0NCAwLjQ5OTk3NyA2Mi41MDcxIDIuNTAxNTEgNTguNTA0MyA2LjUwNDMxQzU3Ljk3NDMgNy4wMzQzNyA1Ny40NTM4IDcuNTcwMDcgNTYuOTQxMiA4LjA5NzU2TDU2Ljk0MDMgOC4wOTg1MkM1NS4yODg5IDkuNzk4MTIgNTMuNzI3OSAxMS40MDI3IDUyLjA5NyAxMi41ODc5QzUwLjQ3MzQgMTMuNzY3OCA0OC44MjI1IDE0LjUgNDcgMTQuNUM0NS4xNzc1IDE0LjUgNDMuNTI2NiAxMy43Njc4IDQxLjkwMyAxMi41ODc5QzQwLjI3MjEgMTEuNDAyNyAzOC43MTExIDkuNzk4MTIgMzcuMDU5NyA4LjA5ODUyTDM3LjA1ODkgOC4wOTc2NkMzNi41NDYzIDcuNTcwMTMgMzYuMDI1OCA3LjAzNDQxIDM1LjQ5NTcgNi41MDQzMUMzMS40OTI5IDIuNTAxNTEgMjYuMjQ1NiAwLjQ5OTk3NyAyMC45OTk5IDAuNUMxNS43NTQzIDAuNTAwMDIzIDEwLjUwNzEgMi41MDE1NiA2LjUwNDMxIDYuNTA0MzFDMi41MDE1MyAxMC41MDcxIDAuNSAxNS43NTQ0IDAuNSAyMUMwLjUgMjYuMjQ1NiAyLjUwMTUzIDMxLjQ5MjkgNi41MDQzMSAzNS40OTU3QzEwLjUwNzEgMzkuNDk4NCAxNS43NTQzIDQxLjUgMjAuOTk5OSA0MS41QzI2LjI0NTYgNDEuNSAzMS40OTI5IDM5LjQ5ODUgMzUuNDk1NyAzNS40OTU3TDM1LjQ5NTggMzUuNDk1NkMzNi4wMjMgMzQuOTY4IDM2LjU0MDggMzQuNDM0OSAzNy4wNTA4IDMzLjkwOTlMMzcuMDUyMSAzMy45MDg2QzM4LjcwNDIgMzIuMjA3NyA0MC4yNjY1IDMwLjYwMTMgNDEuODk4OCAyOS40MTQ3QzQzLjUyMzggMjguMjMzMyA0NS4xNzYzIDI3LjUgNDcgMjcuNUM0OC44MjM3IDI3LjUgNTAuNDc2MiAyOC4yMzMzIDUyLjEwMTIgMjkuNDE0N0M1My43MzM1IDMwLjYwMTMgNTUuMjk1OCAzMi4yMDc3IDU2Ljk0NzkgMzMuOTA4Nkw1Ni45NDkyIDMzLjkwOTlDNTcuNDU5MiAzNC40MzQ5IDU3Ljk3NyAzNC45NjggNTguNTA0MiAzNS40OTU2WiIKICAgICAgICAgICAgc3Ryb2tlPSJ3aGl0ZSIKICAgICAgICAgICAgZmlsbD0id2hpdGUiCiAgICAgICAgICAvPgogICAgICAgIDwvZz4KICAgICAgICA8ZGVmcz4KICAgICAgICAgIDxmaWx0ZXIKICAgICAgICAgICAgaWQ9ImZpbHRlcjBfYl80NTdfNTEzOTEiCiAgICAgICAgICAgIHg9Ii0yMCIKICAgICAgICAgICAgeT0iLTIwIgogICAgICAgICAgICB3aWR0aD0iMTM0IgogICAgICAgICAgICBoZWlnaHQ9IjgyIgogICAgICAgICAgICBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiCiAgICAgICAgICAgIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiIKICAgICAgICAgID4KICAgICAgICAgICAgPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIC8+CiAgICAgICAgICAgIDxmZUdhdXNzaWFuQmx1ciBpbj0iQmFja2dyb3VuZEltYWdlRml4IiBzdGREZXZpYXRpb249IjEwIiAvPgogICAgICAgICAgICA8ZmVDb21wb3NpdGUKICAgICAgICAgICAgICBpbjI9IlNvdXJjZUFscGhhIgogICAgICAgICAgICAgIG9wZXJhdG9yPSJpbiIKICAgICAgICAgICAgICByZXN1bHQ9ImVmZmVjdDFfYmFja2dyb3VuZEJsdXJfNDU3XzUxMzkxIgogICAgICAgICAgICAvPgogICAgICAgICAgICA8ZmVCbGVuZAogICAgICAgICAgICAgIG1vZGU9Im5vcm1hbCIKICAgICAgICAgICAgICBpbj0iU291cmNlR3JhcGhpYyIKICAgICAgICAgICAgICBpbjI9ImVmZmVjdDFfYmFja2dyb3VuZEJsdXJfNDU3XzUxMzkxIgogICAgICAgICAgICAgIHJlc3VsdD0ic2hhcGUiCiAgICAgICAgICAgIC8+CiAgICAgICAgICA8L2ZpbHRlcj4KICAgICAgICA8L2RlZnM+CiAgICAgIDwvc3ZnPgo=');
 }
 
 .tw-font-geist {
@@ -2054,7 +2297,7 @@ li {
   background-color: var(--squid-theme-grey-300);
 }
 
-.list-item-gradient:nth-child(even) > div {
+.tw-swap-detail-list-item-gradient:nth-child(even) > div {
   background: linear-gradient(
     91deg,
     /* grey-100 with 0.05 opacity */ var(--squid-theme-grey-100-005) 0%,
@@ -2078,6 +2321,10 @@ li {
   background-color: var(--squid-theme-material-light-thin);
 }
 
+.focus\:tw-bg-material-light-thin:focus {
+  background-color: var(--squid-theme-material-light-thin);
+}
+
 .focus\:tw-outline-none:focus {
   outline: 2px solid transparent;
   outline-offset: 2px;
@@ -2099,14 +2346,30 @@ li {
   color: var(--squid-theme-grey-600);
 }
 
-.tw-group:hover .group-hover\:tw-block {
+.tw-group\/token-action-add:hover .group-hover\/token-action-add\:tw-block {
+  display: block;
+}
+
+.tw-group\/token-action-remove:hover .group-hover\/token-action-remove\:tw-block {
   display: block;
 }
 
-.tw-group:hover .group-hover\:tw-hidden {
+.tw-group\/token-action-add:hover .group-hover\/token-action-add\:tw-hidden {
+  display: none;
+}
+
+.tw-group\/token-action-remove:hover .group-hover\/token-action-remove\:tw-hidden {
   display: none;
 }
 
+.tw-group\/history-item:hover .group-hover\/history-item\:tw-opacity-0 {
+  opacity: 0;
+}
+
+.tw-group\/history-item:hover .group-hover\/history-item\:tw-opacity-100 {
+  opacity: 1;
+}
+
 .tw-peer:hover ~ .peer-hover\:tw-block {
   display: block;
 }
@@ -2171,6 +2434,26 @@ li {
   left: calc(50% - 6px);
 }
 
+.tw-group[data-squid-theme-type='dark'] .group-data-\[squid-theme-type\=\'dark\'\]\:tw-bg-royal-dark {
+  background-image: linear-gradient(180deg, #BF91F2 0%, #A577D8 100%);
+}
+
+.tw-group[data-squid-theme-type='light'] .group-data-\[squid-theme-type\=\'light\'\]\:tw-bg-royal-light {
+  background-image: linear-gradient(180deg, #A577D8 0%, #BF91F2 100%);
+}
+
+.tw-group[data-squid-theme-type=dark] .group-data-\[squid-theme-type\=dark\]\:tw-shadow-elevation-dark-2 {
+  --tw-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.20), 0px 5px 20px -1px rgba(0, 0, 0, 0.33);
+  --tw-shadow-colored: 0px 2px 5px 1px var(--tw-shadow-color), 0px 5px 20px -1px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.tw-group[data-squid-theme-type=light] .group-data-\[squid-theme-type\=light\]\:tw-shadow-elevation-light-2 {
+  --tw-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.10), 0px 5px 20px -1px rgba(0, 0, 0, 0.10);
+  --tw-shadow-colored: 0px 2px 5px 1px var(--tw-shadow-color), 0px 5px 20px -1px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
 .tw-peer[data-boost-mode=boost] ~ .peer-data-\[boost-mode\=boost\]\:tw-bg-status-positive {
   background-color: var(--squid-theme-status-positive);
 }