@relayprotocol/relay-kit-ui 2.17.4 → 3.0.0

package/_cjs/src/styles.css

@@ -190,19 +190,9 @@
     --relay-spacing-5: 32px;
     --relay-spacing-6: 64px;
     --relay-spacing-widget-card-section-gutter: 6px;
-    --relay-fonts-body: var(--font-inter), sans-serif;
-    --relay-colors-primary1: var(--relay-colors-violet-1);
-    --relay-colors-primary2: var(--relay-colors-violet-2);
-    --relay-colors-primary3: var(--relay-colors-violet-3);
-    --relay-colors-primary4: var(--relay-colors-violet-4);
-    --relay-colors-primary5: var(--relay-colors-violet-5);
-    --relay-colors-primary6: var(--relay-colors-violet-6);
-    --relay-colors-primary7: var(--relay-colors-violet-7);
-    --relay-colors-primary8: var(--relay-colors-violet-8);
-    --relay-colors-primary9: var(--relay-colors-violet-9);
-    --relay-colors-primary10: var(--relay-colors-violet-10);
-    --relay-colors-primary11: var(--relay-colors-violet-11);
-    --relay-colors-primary12: var(--relay-colors-violet-12);
+    --relay-fonts-body: var(--font-barlow), sans-serif;
+    --relay-fonts-heading: var(--font-chivo), sans-serif;
+    --relay-gradients-success: linear-gradient(to right, #30A46C, #0ADF79);
     --relay-colors-gray1: var(--relay-colors-slate-1);
     --relay-colors-gray2: var(--relay-colors-slate-2);
     --relay-colors-gray3: var(--relay-colors-slate-3);
@@ -217,21 +207,21 @@
     --relay-colors-gray12: var(--relay-colors-slate-12);
     --relay-colors-black-a10: var(--relay-colors-black-a-10);
     --relay-colors-blue12: var(--relay-colors-blue-12);
-    --relay-colors-red2: var(--relay-colors-red-2);
-    --relay-colors-red3: var(--relay-colors-red-3);
-    --relay-colors-red4: var(--relay-colors-red-4);
-    --relay-colors-red5: var(--relay-colors-red-5);
-    --relay-colors-red6: var(--relay-colors-red-6);
-    --relay-colors-red9: var(--relay-colors-red-9);
-    --relay-colors-red10: var(--relay-colors-red-10);
-    --relay-colors-red11: var(--relay-colors-red-11);
-    --relay-colors-red12: var(--relay-colors-red-12);
-    --relay-colors-green2: var(--relay-colors-green-2);
-    --relay-colors-green3: var(--relay-colors-green-3);
-    --relay-colors-green9: var(--relay-colors-green-9);
-    --relay-colors-green10: var(--relay-colors-green-10);
-    --relay-colors-green11: var(--relay-colors-green-11);
-    --relay-colors-green12: var(--relay-colors-green-12);
+    --relay-colors-red2: var(--relay-colors-tomato-2);
+    --relay-colors-red3: var(--relay-colors-tomato-3);
+    --relay-colors-red4: var(--relay-colors-tomato-4);
+    --relay-colors-red5: var(--relay-colors-tomato-5);
+    --relay-colors-red6: var(--relay-colors-tomato-6);
+    --relay-colors-red9: var(--relay-colors-tomato-9);
+    --relay-colors-red10: var(--relay-colors-tomato-10);
+    --relay-colors-red11: var(--relay-colors-tomato-11);
+    --relay-colors-red12: var(--relay-colors-tomato-12);
+    --relay-colors-green2: var(--relay-colors-grass-2);
+    --relay-colors-green3: var(--relay-colors-grass-3);
+    --relay-colors-green9: var(--relay-colors-grass-9);
+    --relay-colors-green10: var(--relay-colors-grass-10);
+    --relay-colors-green11: var(--relay-colors-grass-11);
+    --relay-colors-green12: var(--relay-colors-grass-12);
     --relay-colors-yellow9: var(--relay-colors-yellow-9);
     --relay-colors-yellow10: var(--relay-colors-yellow-10);
     --relay-colors-yellow11: var(--relay-colors-yellow-11);
@@ -243,7 +233,30 @@
     --relay-colors-amber10: var(--relay-colors-amber-10);
     --relay-colors-amber11: var(--relay-colors-amber-11);
     --relay-colors-amber12: var(--relay-colors-amber-12);
-    --relay-gradients-success: linear-gradient(to right, #30A46C, #0ADF79);
+    --relay-colors-violet-1: #FDFDFF;
+    --relay-colors-violet-2: #F7F8FF;
+    --relay-colors-violet-3: #EFF1FF;
+    --relay-colors-violet-4: #E4E7FF;
+    --relay-colors-violet-5: #D7DBFF;
+    --relay-colors-violet-6: #C8CCFF;
+    --relay-colors-violet-7: #B4B8FF;
+    --relay-colors-violet-8: #989AFF;
+    --relay-colors-violet-9: #4615C8;
+    --relay-colors-violet-10: #3B00B4;
+    --relay-colors-violet-11: #5A45DF;
+    --relay-colors-violet-12: #2A226E;
+    --relay-colors-violet-dark-1: #0E0E23;
+    --relay-colors-violet-dark-2: #141331;
+    --relay-colors-violet-dark-3: #216;
+    --relay-colors-violet-dark-4: #2F0093;
+    --relay-colors-violet-dark-5: #3800A8;
+    --relay-colors-violet-dark-6: #4016B8;
+    --relay-colors-violet-dark-7: #4C24D1;
+    --relay-colors-violet-dark-8: #5B2AF9;
+    --relay-colors-violet-dark-9: #4615C8;
+    --relay-colors-violet-dark-10: #3901AA;
+    --relay-colors-violet-dark-11: #A7AAFF;
+    --relay-colors-violet-dark-12: #DBDEFF;
     --relay-breakpoints-2xl: 1536px;
     --relay-breakpoints-sm: 600px;
     --relay-breakpoints-md: 900px;
@@ -292,6 +305,18 @@
     --relay-borders-widget-swap-currency-button-border-width: 2px;
     --relay-borders-widget-card-border: 1px solid var(--relay-colors-primary4);
     --relay-shadows-widget-box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.10);
+    --relay-colors-primary1: var(--relay-colors-violet-1);
+    --relay-colors-primary2: var(--relay-colors-violet-2);
+    --relay-colors-primary3: var(--relay-colors-violet-3);
+    --relay-colors-primary4: var(--relay-colors-violet-4);
+    --relay-colors-primary5: var(--relay-colors-violet-5);
+    --relay-colors-primary6: var(--relay-colors-violet-6);
+    --relay-colors-primary7: var(--relay-colors-violet-7);
+    --relay-colors-primary8: var(--relay-colors-violet-8);
+    --relay-colors-primary9: var(--relay-colors-violet-9);
+    --relay-colors-primary10: var(--relay-colors-violet-10);
+    --relay-colors-primary11: var(--relay-colors-violet-11);
+    --relay-colors-primary12: var(--relay-colors-violet-12);
     --relay-colors-primary-color: var(--relay-colors-primary9);
     --relay-colors-focus-color: var(--relay-colors-primary7);
     --relay-colors-subtle-background-color: var(--relay-colors-gray-1);
@@ -299,8 +324,8 @@
     --relay-colors-text-default: var(--relay-colors-gray-12);
     --relay-colors-text-subtle: var(--relay-colors-gray-11);
     --relay-colors-text-subtle-secondary: var(--relay-colors-gray-11);
-    --relay-colors-text-error: var(--relay-colors-red-12);
-    --relay-colors-text-success: var(--relay-colors-green-11);
+    --relay-colors-text-error: var(--relay-colors-tomato-12);
+    --relay-colors-text-success: var(--relay-colors-grass-11);
     --relay-colors-primary-button-background: var(--relay-colors-primary9);
     --relay-colors-primary-button-color: white;
     --relay-colors-primary-button-hover-background: var(--relay-colors-primary10);
@@ -309,10 +334,6 @@
     --relay-colors-secondary-button-color: var(--relay-colors-gray12);
     --relay-colors-secondary-button-hover-background: var(--relay-colors-primary4);
     --relay-colors-secondary-button-hover-color: var(--relay-colors-gray12);
-    --relay-colors-tertiary-button-background: var(--relay-colors-gray1);
-    --relay-colors-tertiary-button-color: var(--relay-colors-primary11);
-    --relay-colors-tertiary-button-hover-background: var(--relay-colors-primary2);
-    --relay-colors-tertiary-button-hover-color: var(--relay-colors-primary11);
     --relay-colors-button-disabled-background: var(--relay-colors-gray-8);
     --relay-colors-button-disabled-color: var(--relay-colors-gray-11);
     --relay-colors-input-background: var(--relay-colors-gray-3);
@@ -495,6 +516,78 @@
     --relay-colors-blue-a-10: var(--relay-colors-blue-light-a-10);
     --relay-colors-blue-a-11: var(--relay-colors-blue-light-a-11);
     --relay-colors-blue-a-12: var(--relay-colors-blue-light-a-12);
+    --relay-colors-grass-1: var(--relay-colors-grass-light-1);
+    --relay-colors-grass-2: var(--relay-colors-grass-light-2);
+    --relay-colors-grass-3: var(--relay-colors-grass-light-3);
+    --relay-colors-grass-4: var(--relay-colors-grass-light-4);
+    --relay-colors-grass-5: var(--relay-colors-grass-light-5);
+    --relay-colors-grass-6: var(--relay-colors-grass-light-6);
+    --relay-colors-grass-7: var(--relay-colors-grass-light-7);
+    --relay-colors-grass-8: var(--relay-colors-grass-light-8);
+    --relay-colors-grass-9: var(--relay-colors-grass-light-9);
+    --relay-colors-grass-10: var(--relay-colors-grass-light-10);
+    --relay-colors-grass-11: var(--relay-colors-grass-light-11);
+    --relay-colors-grass-12: var(--relay-colors-grass-light-12);
+    --relay-colors-grass-light-1: hsl(116, 50.0%, 98.9%);
+    --relay-colors-grass-light-2: hsl(120, 60.0%, 97.1%);
+    --relay-colors-grass-light-3: hsl(120, 53.6%, 94.8%);
+    --relay-colors-grass-light-4: hsl(121, 47.5%, 91.4%);
+    --relay-colors-grass-light-5: hsl(122, 42.6%, 86.5%);
+    --relay-colors-grass-light-6: hsl(124, 39.0%, 79.7%);
+    --relay-colors-grass-light-7: hsl(126, 37.1%, 70.2%);
+    --relay-colors-grass-light-8: hsl(131, 38.1%, 56.3%);
+    --relay-colors-grass-light-9: hsl(131, 41.0%, 46.5%);
+    --relay-colors-grass-light-10: hsl(132, 43.1%, 42.2%);
+    --relay-colors-grass-light-11: hsl(133, 50.0%, 32.5%);
+    --relay-colors-grass-light-12: hsl(130, 30.0%, 14.9%);
+    --relay-colors-grass-light-a-1: hsla(120, 94.9%, 38.7%, 0.016);
+    --relay-colors-grass-light-a-2: hsla(120, 94.9%, 38.7%, 0.048);
+    --relay-colors-grass-light-a-3: hsla(120, 98.0%, 35.5%, 0.079);
+    --relay-colors-grass-light-a-4: hsla(120, 98.7%, 31.5%, 0.126);
+    --relay-colors-grass-light-a-5: hsla(122, 98.5%, 29.9%, 0.193);
+    --relay-colors-grass-light-a-6: hsla(125, 99.2%, 27.9%, 0.283);
+    --relay-colors-grass-light-a-7: hsla(125, 99.9%, 27.0%, 0.408);
+    --relay-colors-grass-light-a-8: hsla(131, 100%, 27.6%, 0.604);
+    --relay-colors-grass-light-a-9: hsla(131, 99.7%, 26.3%, 0.726);
+    --relay-colors-grass-light-a-10: hsla(132, 99.9%, 24.0%, 0.761);
+    --relay-colors-grass-light-a-11: hsla(133, 99.5%, 19.5%, 0.840);
+    --relay-colors-grass-light-a-12: hsla(128, 98.0%, 4.9%, 0.895);
+    --relay-colors-grass-dark-1: hsl(146, 30.0%, 7.4%);
+    --relay-colors-grass-dark-2: hsl(136, 33.3%, 8.8%);
+    --relay-colors-grass-dark-3: hsl(137, 36.0%, 11.4%);
+    --relay-colors-grass-dark-4: hsl(137, 37.6%, 13.7%);
+    --relay-colors-grass-dark-5: hsl(136, 38.7%, 16.0%);
+    --relay-colors-grass-dark-6: hsl(135, 39.6%, 19.1%);
+    --relay-colors-grass-dark-7: hsl(134, 40.3%, 23.8%);
+    --relay-colors-grass-dark-8: hsl(131, 40.1%, 30.8%);
+    --relay-colors-grass-dark-9: hsl(131, 41.0%, 46.5%);
+    --relay-colors-grass-dark-10: hsl(131, 39.0%, 52.1%);
+    --relay-colors-grass-dark-11: hsl(131, 43.0%, 57.2%);
+    --relay-colors-grass-dark-12: hsl(137, 72.0%, 94.0%);
+    --relay-colors-grass-dark-a-1: hsla(0, 0%, 0%, 0);
+    --relay-colors-grass-dark-a-2: hsla(107, 97.2%, 61.9%, 0.022);
+    --relay-colors-grass-dark-a-3: hsla(128, 96.5%, 69.8%, 0.066);
+    --relay-colors-grass-dark-a-4: hsla(130, 100%, 70.2%, 0.100);
+    --relay-colors-grass-dark-a-5: hsla(130, 98.2%, 69.1%, 0.140);
+    --relay-colors-grass-dark-a-6: hsla(132, 99.9%, 69.3%, 0.187);
+    --relay-colors-grass-dark-a-7: hsla(132, 99.9%, 69.8%, 0.261);
+    --relay-colors-grass-dark-a-8: hsla(130, 99.6%, 70.5%, 0.370);
+    --relay-colors-grass-dark-a-9: hsla(130, 99.7%, 70.6%, 0.618);
+    --relay-colors-grass-dark-a-10: hsla(131, 100%, 73.5%, 0.674);
+    --relay-colors-grass-dark-a-11: hsla(130, 99.7%, 75.6%, 0.731);
+    --relay-colors-grass-dark-a-12: hsla(137, 100%, 95.8%, 0.980);
+    --relay-colors-grass-a-1: var(--relay-colors-grass-light-a-1);
+    --relay-colors-grass-a-2: var(--relay-colors-grass-light-a-2);
+    --relay-colors-grass-a-3: var(--relay-colors-grass-light-a-3);
+    --relay-colors-grass-a-4: var(--relay-colors-grass-light-a-4);
+    --relay-colors-grass-a-5: var(--relay-colors-grass-light-a-5);
+    --relay-colors-grass-a-6: var(--relay-colors-grass-light-a-6);
+    --relay-colors-grass-a-7: var(--relay-colors-grass-light-a-7);
+    --relay-colors-grass-a-8: var(--relay-colors-grass-light-a-8);
+    --relay-colors-grass-a-9: var(--relay-colors-grass-light-a-9);
+    --relay-colors-grass-a-10: var(--relay-colors-grass-light-a-10);
+    --relay-colors-grass-a-11: var(--relay-colors-grass-light-a-11);
+    --relay-colors-grass-a-12: var(--relay-colors-grass-light-a-12);
     --relay-colors-gray-1: var(--relay-colors-gray-light-1);
     --relay-colors-gray-2: var(--relay-colors-gray-light-2);
     --relay-colors-gray-3: var(--relay-colors-gray-light-3);
@@ -567,150 +660,6 @@
     --relay-colors-gray-a-10: var(--relay-colors-gray-light-a-10);
     --relay-colors-gray-a-11: var(--relay-colors-gray-light-a-11);
     --relay-colors-gray-a-12: var(--relay-colors-gray-light-a-12);
-    --relay-colors-green-1: var(--relay-colors-green-light-1);
-    --relay-colors-green-2: var(--relay-colors-green-light-2);
-    --relay-colors-green-3: var(--relay-colors-green-light-3);
-    --relay-colors-green-4: var(--relay-colors-green-light-4);
-    --relay-colors-green-5: var(--relay-colors-green-light-5);
-    --relay-colors-green-6: var(--relay-colors-green-light-6);
-    --relay-colors-green-7: var(--relay-colors-green-light-7);
-    --relay-colors-green-8: var(--relay-colors-green-light-8);
-    --relay-colors-green-9: var(--relay-colors-green-light-9);
-    --relay-colors-green-10: var(--relay-colors-green-light-10);
-    --relay-colors-green-11: var(--relay-colors-green-light-11);
-    --relay-colors-green-12: var(--relay-colors-green-light-12);
-    --relay-colors-green-light-1: hsl(136, 50.0%, 98.9%);
-    --relay-colors-green-light-2: hsl(138, 62.5%, 96.9%);
-    --relay-colors-green-light-3: hsl(139, 55.2%, 94.5%);
-    --relay-colors-green-light-4: hsl(140, 48.7%, 91.0%);
-    --relay-colors-green-light-5: hsl(141, 43.7%, 86.0%);
-    --relay-colors-green-light-6: hsl(143, 40.3%, 79.0%);
-    --relay-colors-green-light-7: hsl(146, 38.5%, 69.0%);
-    --relay-colors-green-light-8: hsl(151, 40.2%, 54.1%);
-    --relay-colors-green-light-9: hsl(151, 55.0%, 41.5%);
-    --relay-colors-green-light-10: hsl(152, 57.5%, 37.6%);
-    --relay-colors-green-light-11: hsl(153, 67.0%, 28.5%);
-    --relay-colors-green-light-12: hsl(155, 40.0%, 14.0%);
-    --relay-colors-green-light-a-1: hsla(140, 94.9%, 38.7%, 0.016);
-    --relay-colors-green-light-a-2: hsla(138, 99.9%, 38.5%, 0.051);
-    --relay-colors-green-light-a-3: hsla(139, 97.7%, 36.9%, 0.087);
-    --relay-colors-green-light-a-4: hsla(139, 98.5%, 32.7%, 0.134);
-    --relay-colors-green-light-a-5: hsla(141, 100%, 30.4%, 0.200);
-    --relay-colors-green-light-a-6: hsla(142, 99.0%, 28.9%, 0.295);
-    --relay-colors-green-light-a-7: hsla(146, 99.5%, 27.6%, 0.428);
-    --relay-colors-green-light-a-8: hsla(151, 99.5%, 28.8%, 0.644);
-    --relay-colors-green-light-a-9: hsla(151, 99.9%, 28.0%, 0.812);
-    --relay-colors-green-light-a-10: hsla(152, 99.6%, 25.8%, 0.840);
-    --relay-colors-green-light-a-11: hsla(153, 99.9%, 21.0%, 0.906);
-    --relay-colors-green-light-a-12: hsla(155, 99.4%, 6.2%, 0.918);
-    --relay-colors-green-dark-1: hsl(146, 30.0%, 7.4%);
-    --relay-colors-green-dark-2: hsl(155, 44.2%, 8.4%);
-    --relay-colors-green-dark-3: hsl(155, 46.7%, 10.9%);
-    --relay-colors-green-dark-4: hsl(154, 48.4%, 12.9%);
-    --relay-colors-green-dark-5: hsl(154, 49.7%, 14.9%);
-    --relay-colors-green-dark-6: hsl(154, 50.9%, 17.6%);
-    --relay-colors-green-dark-7: hsl(153, 51.8%, 21.8%);
-    --relay-colors-green-dark-8: hsl(151, 51.7%, 28.4%);
-    --relay-colors-green-dark-9: hsl(151, 55.0%, 41.5%);
-    --relay-colors-green-dark-10: hsl(151, 49.3%, 46.5%);
-    --relay-colors-green-dark-11: hsl(151, 50.0%, 53.2%);
-    --relay-colors-green-dark-12: hsl(137, 72.0%, 94.0%);
-    --relay-colors-green-dark-a-1: hsla(0, 0%, 0%, 0);
-    --relay-colors-green-dark-a-2: hsla(169, 100%, 48.5%, 0.027);
-    --relay-colors-green-dark-a-3: hsla(162, 98.7%, 57.9%, 0.070);
-    --relay-colors-green-dark-a-4: hsla(158, 98.6%, 59.7%, 0.105);
-    --relay-colors-green-dark-a-5: hsla(158, 98.6%, 60.7%, 0.140);
-    --relay-colors-green-dark-a-6: hsla(156, 99.9%, 62.0%, 0.187);
-    --relay-colors-green-dark-a-7: hsla(154, 99.5%, 63.1%, 0.257);
-    --relay-colors-green-dark-a-8: hsla(152, 99.7%, 64.2%, 0.370);
-    --relay-colors-green-dark-a-9: hsla(151, 99.7%, 63.8%, 0.605);
-    --relay-colors-green-dark-a-10: hsla(152, 99.9%, 66.5%, 0.661);
-    --relay-colors-green-dark-a-11: hsla(151, 99.7%, 69.2%, 0.740);
-    --relay-colors-green-dark-a-12: hsla(137, 100%, 95.8%, 0.980);
-    --relay-colors-green-a-1: var(--relay-colors-green-light-a-1);
-    --relay-colors-green-a-2: var(--relay-colors-green-light-a-2);
-    --relay-colors-green-a-3: var(--relay-colors-green-light-a-3);
-    --relay-colors-green-a-4: var(--relay-colors-green-light-a-4);
-    --relay-colors-green-a-5: var(--relay-colors-green-light-a-5);
-    --relay-colors-green-a-6: var(--relay-colors-green-light-a-6);
-    --relay-colors-green-a-7: var(--relay-colors-green-light-a-7);
-    --relay-colors-green-a-8: var(--relay-colors-green-light-a-8);
-    --relay-colors-green-a-9: var(--relay-colors-green-light-a-9);
-    --relay-colors-green-a-10: var(--relay-colors-green-light-a-10);
-    --relay-colors-green-a-11: var(--relay-colors-green-light-a-11);
-    --relay-colors-green-a-12: var(--relay-colors-green-light-a-12);
-    --relay-colors-red-1: var(--relay-colors-red-light-1);
-    --relay-colors-red-2: var(--relay-colors-red-light-2);
-    --relay-colors-red-3: var(--relay-colors-red-light-3);
-    --relay-colors-red-4: var(--relay-colors-red-light-4);
-    --relay-colors-red-5: var(--relay-colors-red-light-5);
-    --relay-colors-red-6: var(--relay-colors-red-light-6);
-    --relay-colors-red-7: var(--relay-colors-red-light-7);
-    --relay-colors-red-8: var(--relay-colors-red-light-8);
-    --relay-colors-red-9: var(--relay-colors-red-light-9);
-    --relay-colors-red-10: var(--relay-colors-red-light-10);
-    --relay-colors-red-11: var(--relay-colors-red-light-11);
-    --relay-colors-red-12: var(--relay-colors-red-light-12);
-    --relay-colors-red-light-1: hsl(359, 100%, 99.4%);
-    --relay-colors-red-light-2: hsl(359, 100%, 98.6%);
-    --relay-colors-red-light-3: hsl(360, 100%, 96.8%);
-    --relay-colors-red-light-4: hsl(360, 97.9%, 94.8%);
-    --relay-colors-red-light-5: hsl(360, 90.2%, 91.9%);
-    --relay-colors-red-light-6: hsl(360, 81.7%, 87.8%);
-    --relay-colors-red-light-7: hsl(359, 74.2%, 81.7%);
-    --relay-colors-red-light-8: hsl(359, 69.5%, 74.3%);
-    --relay-colors-red-light-9: hsl(358, 75.0%, 59.0%);
-    --relay-colors-red-light-10: hsl(358, 69.4%, 55.2%);
-    --relay-colors-red-light-11: hsl(358, 65.0%, 48.7%);
-    --relay-colors-red-light-12: hsl(354, 50.0%, 14.6%);
-    --relay-colors-red-light-a-1: hsla(0, 100%, 51.0%, 0.012);
-    --relay-colors-red-light-a-2: hsla(0, 100%, 51.0%, 0.032);
-    --relay-colors-red-light-a-3: hsla(0, 100%, 50.2%, 0.063);
-    --relay-colors-red-light-a-4: hsla(0, 100%, 50.0%, 0.102);
-    --relay-colors-red-light-a-5: hsla(0, 99.9%, 47.5%, 0.153);
-    --relay-colors-red-light-a-6: hsla(0, 99.5%, 44.9%, 0.224);
-    --relay-colors-red-light-a-7: hsla(359, 99.7%, 42.7%, 0.318);
-    --relay-colors-red-light-a-8: hsla(359, 99.6%, 41.1%, 0.436);
-    --relay-colors-red-light-a-9: hsla(358, 99.9%, 42.9%, 0.718);
-    --relay-colors-red-light-a-10: hsla(358, 99.9%, 41.0%, 0.761);
-    --relay-colors-red-light-a-11: hsla(358, 99.8%, 38.3%, 0.832);
-    --relay-colors-red-light-a-12: hsla(355, 99.3%, 7.9%, 0.926);
-    --relay-colors-red-dark-1: hsl(353, 23.0%, 9.8%);
-    --relay-colors-red-dark-2: hsl(357, 34.4%, 12.0%);
-    --relay-colors-red-dark-3: hsl(356, 43.4%, 16.4%);
-    --relay-colors-red-dark-4: hsl(356, 47.6%, 19.2%);
-    --relay-colors-red-dark-5: hsl(356, 51.1%, 21.9%);
-    --relay-colors-red-dark-6: hsl(356, 55.2%, 25.9%);
-    --relay-colors-red-dark-7: hsl(357, 60.2%, 31.8%);
-    --relay-colors-red-dark-8: hsl(358, 65.0%, 40.4%);
-    --relay-colors-red-dark-9: hsl(358, 75.0%, 59.0%);
-    --relay-colors-red-dark-10: hsl(358, 85.3%, 64.0%);
-    --relay-colors-red-dark-11: hsl(358, 100%, 69.5%);
-    --relay-colors-red-dark-12: hsl(351, 89.0%, 96.0%);
-    --relay-colors-red-dark-a-1: hsla(0, 0%, 0%, 0);
-    --relay-colors-red-dark-a-2: hsla(5, 98.5%, 53.8%, 0.045);
-    --relay-colors-red-dark-a-3: hsla(359, 99.1%, 61.1%, 0.130);
-    --relay-colors-red-dark-a-4: hsla(358, 98.8%, 61.0%, 0.184);
-    --relay-colors-red-dark-a-5: hsla(357, 99.6%, 60.3%, 0.237);
-    --relay-colors-red-dark-a-6: hsla(358, 99.6%, 60.3%, 0.322);
-    --relay-colors-red-dark-a-7: hsla(357, 100%, 59.5%, 0.442);
-    --relay-colors-red-dark-a-8: hsla(358, 99.8%, 59.1%, 0.621);
-    --relay-colors-red-dark-a-9: hsla(358, 100%, 65.5%, 0.884);
-    --relay-colors-red-dark-a-10: hsla(358, 100%, 67.5%, 0.942);
-    --relay-colors-red-dark-a-11: hsla(358, 100%, 69.7%, 0.980);
-    --relay-colors-red-dark-a-12: hsla(352, 100%, 97.1%, 0.980);
-    --relay-colors-red-a-1: var(--relay-colors-red-light-a-1);
-    --relay-colors-red-a-2: var(--relay-colors-red-light-a-2);
-    --relay-colors-red-a-3: var(--relay-colors-red-light-a-3);
-    --relay-colors-red-a-4: var(--relay-colors-red-light-a-4);
-    --relay-colors-red-a-5: var(--relay-colors-red-light-a-5);
-    --relay-colors-red-a-6: var(--relay-colors-red-light-a-6);
-    --relay-colors-red-a-7: var(--relay-colors-red-light-a-7);
-    --relay-colors-red-a-8: var(--relay-colors-red-light-a-8);
-    --relay-colors-red-a-9: var(--relay-colors-red-light-a-9);
-    --relay-colors-red-a-10: var(--relay-colors-red-light-a-10);
-    --relay-colors-red-a-11: var(--relay-colors-red-light-a-11);
-    --relay-colors-red-a-12: var(--relay-colors-red-light-a-12);
     --relay-colors-slate-1: var(--relay-colors-slate-light-1);
     --relay-colors-slate-2: var(--relay-colors-slate-light-2);
     --relay-colors-slate-3: var(--relay-colors-slate-light-3);
@@ -783,78 +732,78 @@
     --relay-colors-slate-a-10: var(--relay-colors-slate-light-a-10);
     --relay-colors-slate-a-11: var(--relay-colors-slate-light-a-11);
     --relay-colors-slate-a-12: var(--relay-colors-slate-light-a-12);
-    --relay-colors-violet-1: var(--relay-colors-violet-light-1);
-    --relay-colors-violet-2: var(--relay-colors-violet-light-2);
-    --relay-colors-violet-3: var(--relay-colors-violet-light-3);
-    --relay-colors-violet-4: var(--relay-colors-violet-light-4);
-    --relay-colors-violet-5: var(--relay-colors-violet-light-5);
-    --relay-colors-violet-6: var(--relay-colors-violet-light-6);
-    --relay-colors-violet-7: var(--relay-colors-violet-light-7);
-    --relay-colors-violet-8: var(--relay-colors-violet-light-8);
-    --relay-colors-violet-9: var(--relay-colors-violet-light-9);
-    --relay-colors-violet-10: var(--relay-colors-violet-light-10);
-    --relay-colors-violet-11: var(--relay-colors-violet-light-11);
-    --relay-colors-violet-12: var(--relay-colors-violet-light-12);
-    --relay-colors-violet-light-1: hsl(255, 65.0%, 99.4%);
-    --relay-colors-violet-light-2: hsl(252, 100%, 99.0%);
-    --relay-colors-violet-light-3: hsl(252, 96.9%, 97.4%);
-    --relay-colors-violet-light-4: hsl(252, 91.5%, 95.5%);
-    --relay-colors-violet-light-5: hsl(252, 85.1%, 93.0%);
-    --relay-colors-violet-light-6: hsl(252, 77.8%, 89.4%);
-    --relay-colors-violet-light-7: hsl(252, 71.0%, 83.7%);
-    --relay-colors-violet-light-8: hsl(252, 68.6%, 76.3%);
-    --relay-colors-violet-light-9: hsl(252, 56.0%, 57.5%);
-    --relay-colors-violet-light-10: hsl(251, 48.1%, 53.5%);
-    --relay-colors-violet-light-11: hsl(250, 43.0%, 48.0%);
-    --relay-colors-violet-light-12: hsl(254, 60.0%, 18.5%);
-    --relay-colors-violet-light-a-1: hsla(270, 94.3%, 34.6%, 0.012);
-    --relay-colors-violet-light-a-2: hsla(252, 100%, 51.0%, 0.020);
-    --relay-colors-violet-light-a-3: hsla(254, 100%, 50.0%, 0.051);
-    --relay-colors-violet-light-a-4: hsla(251, 98.3%, 48.2%, 0.087);
-    --relay-colors-violet-light-a-5: hsla(252, 99.0%, 45.7%, 0.130);
-    --relay-colors-violet-light-a-6: hsla(251, 99.1%, 44.0%, 0.189);
-    --relay-colors-violet-light-a-7: hsla(252, 99.5%, 41.7%, 0.279);
-    --relay-colors-violet-light-a-8: hsla(252, 100%, 40.7%, 0.400);
-    --relay-colors-violet-light-a-9: hsla(252, 99.9%, 35.8%, 0.663);
-    --relay-colors-violet-light-a-10: hsla(251, 99.6%, 32.5%, 0.691);
-    --relay-colors-violet-light-a-11: hsla(250, 99.8%, 28.4%, 0.726);
-    --relay-colors-violet-light-a-12: hsla(254, 99.5%, 11.9%, 0.926);
-    --relay-colors-violet-dark-1: hsl(250, 20.0%, 10.2%);
-    --relay-colors-violet-dark-2: hsl(255, 30.3%, 12.9%);
-    --relay-colors-violet-dark-3: hsl(253, 37.0%, 18.4%);
-    --relay-colors-violet-dark-4: hsl(252, 40.1%, 22.5%);
-    --relay-colors-violet-dark-5: hsl(252, 42.2%, 26.2%);
-    --relay-colors-violet-dark-6: hsl(251, 44.3%, 31.1%);
-    --relay-colors-violet-dark-7: hsl(250, 46.8%, 38.9%);
-    --relay-colors-violet-dark-8: hsl(250, 51.8%, 51.2%);
-    --relay-colors-violet-dark-9: hsl(252, 56.0%, 57.5%);
-    --relay-colors-violet-dark-10: hsl(251, 63.2%, 63.2%);
-    --relay-colors-violet-dark-11: hsl(250, 95.0%, 76.8%);
-    --relay-colors-violet-dark-12: hsl(252, 87.0%, 96.4%);
-    --relay-colors-violet-dark-a-1: hsla(0, 0%, 0%, 0);
-    --relay-colors-violet-dark-a-2: hsla(258, 98.2%, 61.0%, 0.054);
-    --relay-colors-violet-dark-a-3: hsla(252, 98.8%, 65.8%, 0.148);
-    --relay-colors-violet-dark-a-4: hsla(253, 99.7%, 65.7%, 0.219);
-    --relay-colors-violet-dark-a-5: hsla(252, 99.7%, 66.4%, 0.286);
-    --relay-colors-violet-dark-a-6: hsla(251, 99.7%, 66.2%, 0.371);
-    --relay-colors-violet-dark-a-7: hsla(250, 99.7%, 66.3%, 0.514);
-    --relay-colors-violet-dark-a-8: hsla(250, 99.7%, 66.1%, 0.733);
-    --relay-colors-violet-dark-a-9: hsla(252, 99.9%, 70.3%, 0.786);
-    --relay-colors-violet-dark-a-10: hsla(251, 99.9%, 72.9%, 0.844);
-    --relay-colors-violet-dark-a-11: hsla(250, 100%, 77.9%, 0.980);
-    --relay-colors-violet-dark-a-12: hsla(254, 100%, 97.5%, 0.980);
-    --relay-colors-violet-a-1: var(--relay-colors-violet-light-a-1);
-    --relay-colors-violet-a-2: var(--relay-colors-violet-light-a-2);
-    --relay-colors-violet-a-3: var(--relay-colors-violet-light-a-3);
-    --relay-colors-violet-a-4: var(--relay-colors-violet-light-a-4);
-    --relay-colors-violet-a-5: var(--relay-colors-violet-light-a-5);
-    --relay-colors-violet-a-6: var(--relay-colors-violet-light-a-6);
-    --relay-colors-violet-a-7: var(--relay-colors-violet-light-a-7);
-    --relay-colors-violet-a-8: var(--relay-colors-violet-light-a-8);
-    --relay-colors-violet-a-9: var(--relay-colors-violet-light-a-9);
-    --relay-colors-violet-a-10: var(--relay-colors-violet-light-a-10);
-    --relay-colors-violet-a-11: var(--relay-colors-violet-light-a-11);
-    --relay-colors-violet-a-12: var(--relay-colors-violet-light-a-12);
+    --relay-colors-tomato-1: var(--relay-colors-tomato-light-1);
+    --relay-colors-tomato-2: var(--relay-colors-tomato-light-2);
+    --relay-colors-tomato-3: var(--relay-colors-tomato-light-3);
+    --relay-colors-tomato-4: var(--relay-colors-tomato-light-4);
+    --relay-colors-tomato-5: var(--relay-colors-tomato-light-5);
+    --relay-colors-tomato-6: var(--relay-colors-tomato-light-6);
+    --relay-colors-tomato-7: var(--relay-colors-tomato-light-7);
+    --relay-colors-tomato-8: var(--relay-colors-tomato-light-8);
+    --relay-colors-tomato-9: var(--relay-colors-tomato-light-9);
+    --relay-colors-tomato-10: var(--relay-colors-tomato-light-10);
+    --relay-colors-tomato-11: var(--relay-colors-tomato-light-11);
+    --relay-colors-tomato-12: var(--relay-colors-tomato-light-12);
+    --relay-colors-tomato-light-1: hsl(10, 100%, 99.4%);
+    --relay-colors-tomato-light-2: hsl(8, 100%, 98.4%);
+    --relay-colors-tomato-light-3: hsl(8, 100%, 96.6%);
+    --relay-colors-tomato-light-4: hsl(8, 100%, 94.3%);
+    --relay-colors-tomato-light-5: hsl(8, 92.8%, 91.0%);
+    --relay-colors-tomato-light-6: hsl(9, 84.7%, 86.3%);
+    --relay-colors-tomato-light-7: hsl(10, 77.3%, 79.5%);
+    --relay-colors-tomato-light-8: hsl(10, 71.6%, 71.0%);
+    --relay-colors-tomato-light-9: hsl(10, 78.0%, 54.0%);
+    --relay-colors-tomato-light-10: hsl(10, 71.5%, 50.0%);
+    --relay-colors-tomato-light-11: hsl(10, 82.0%, 43.5%);
+    --relay-colors-tomato-light-12: hsl(10, 50.0%, 13.5%);
+    --relay-colors-tomato-light-a-1: hsla(0, 100%, 51.0%, 0.012);
+    --relay-colors-tomato-light-a-2: hsla(8, 100%, 51.0%, 0.032);
+    --relay-colors-tomato-light-a-3: hsla(7, 100%, 50.2%, 0.067);
+    --relay-colors-tomato-light-a-4: hsla(8, 100%, 50.1%, 0.114);
+    --relay-colors-tomato-light-a-5: hsla(7, 99.5%, 47.9%, 0.173);
+    --relay-colors-tomato-light-a-6: hsla(9, 99.9%, 46.2%, 0.255);
+    --relay-colors-tomato-light-a-7: hsla(10, 99.8%, 43.6%, 0.365);
+    --relay-colors-tomato-light-a-8: hsla(10, 99.5%, 41.8%, 0.499);
+    --relay-colors-tomato-light-a-9: hsla(10, 99.9%, 43.8%, 0.820);
+    --relay-colors-tomato-light-a-10: hsla(10, 100%, 41.8%, 0.859);
+    --relay-colors-tomato-light-a-11: hsla(10, 99.9%, 38.8%, 0.922);
+    --relay-colors-tomato-light-a-12: hsla(10, 99.0%, 7.4%, 0.934);
+    --relay-colors-tomato-dark-1: hsl(10, 23.0%, 9.4%);
+    --relay-colors-tomato-dark-2: hsl(9, 44.8%, 11.4%);
+    --relay-colors-tomato-dark-3: hsl(8, 52.0%, 15.3%);
+    --relay-colors-tomato-dark-4: hsl(7, 56.3%, 18.0%);
+    --relay-colors-tomato-dark-5: hsl(7, 60.1%, 20.6%);
+    --relay-colors-tomato-dark-6: hsl(8, 64.8%, 24.0%);
+    --relay-colors-tomato-dark-7: hsl(8, 71.2%, 29.1%);
+    --relay-colors-tomato-dark-8: hsl(10, 80.2%, 35.7%);
+    --relay-colors-tomato-dark-9: hsl(10, 78.0%, 54.0%);
+    --relay-colors-tomato-dark-10: hsl(10, 81.7%, 59.0%);
+    --relay-colors-tomato-dark-11: hsl(10, 85.0%, 62.8%);
+    --relay-colors-tomato-dark-12: hsl(10, 89.0%, 96.0%);
+    --relay-colors-tomato-dark-a-1: hsla(0, 0%, 0%, 0);
+    --relay-colors-tomato-dark-a-2: hsla(5, 100%, 49.6%, 0.058);
+    --relay-colors-tomato-dark-a-3: hsla(6, 99.6%, 54.9%, 0.133);
+    --relay-colors-tomato-dark-a-4: hsla(6, 99.2%, 55.4%, 0.191);
+    --relay-colors-tomato-dark-a-5: hsla(6, 99.5%, 55.8%, 0.244);
+    --relay-colors-tomato-dark-a-6: hsla(7, 99.7%, 55.9%, 0.319);
+    --relay-colors-tomato-dark-a-7: hsla(8, 99.8%, 54.8%, 0.434);
+    --relay-colors-tomato-dark-a-8: hsla(10, 99.8%, 53.5%, 0.598);
+    --relay-colors-tomato-dark-a-9: hsla(10, 100%, 59.7%, 0.885);
+    --relay-colors-tomato-dark-a-10: hsla(10, 100%, 63.6%, 0.916);
+    --relay-colors-tomato-dark-a-11: hsla(10, 99.7%, 66.4%, 0.939);
+    --relay-colors-tomato-dark-a-12: hsla(12, 100%, 97.1%, 0.980);
+    --relay-colors-tomato-a-1: var(--relay-colors-tomato-light-a-1);
+    --relay-colors-tomato-a-2: var(--relay-colors-tomato-light-a-2);
+    --relay-colors-tomato-a-3: var(--relay-colors-tomato-light-a-3);
+    --relay-colors-tomato-a-4: var(--relay-colors-tomato-light-a-4);
+    --relay-colors-tomato-a-5: var(--relay-colors-tomato-light-a-5);
+    --relay-colors-tomato-a-6: var(--relay-colors-tomato-light-a-6);
+    --relay-colors-tomato-a-7: var(--relay-colors-tomato-light-a-7);
+    --relay-colors-tomato-a-8: var(--relay-colors-tomato-light-a-8);
+    --relay-colors-tomato-a-9: var(--relay-colors-tomato-light-a-9);
+    --relay-colors-tomato-a-10: var(--relay-colors-tomato-light-a-10);
+    --relay-colors-tomato-a-11: var(--relay-colors-tomato-light-a-11);
+    --relay-colors-tomato-a-12: var(--relay-colors-tomato-light-a-12);
     --relay-colors-yellow-1: var(--relay-colors-yellow-light-1);
     --relay-colors-yellow-2: var(--relay-colors-yellow-light-2);
     --relay-colors-yellow-3: var(--relay-colors-yellow-light-3);
@@ -931,6 +880,18 @@
 }
 
 :where(.dark, [data-theme="dark"]):not(#\#):not(#\#) {
+    --relay-colors-primary1: var(--relay-colors-violet-dark-1);
+    --relay-colors-primary2: var(--relay-colors-violet-dark-2);
+    --relay-colors-primary3: var(--relay-colors-violet-dark-3);
+    --relay-colors-primary4: var(--relay-colors-violet-dark-4);
+    --relay-colors-primary5: var(--relay-colors-violet-dark-5);
+    --relay-colors-primary6: var(--relay-colors-violet-dark-6);
+    --relay-colors-primary7: var(--relay-colors-violet-dark-7);
+    --relay-colors-primary8: var(--relay-colors-violet-dark-8);
+    --relay-colors-primary9: var(--relay-colors-violet-dark-9);
+    --relay-colors-primary10: var(--relay-colors-violet-dark-10);
+    --relay-colors-primary11: var(--relay-colors-violet-dark-11);
+    --relay-colors-primary12: var(--relay-colors-violet-dark-12);
     --relay-colors-widget-background: var(--relay-colors-gray-1);
     --relay-colors-modal-background: var(--relay-colors-gray-1);
     --relay-colors-amber-1: var(--relay-colors-amber-dark-1);
@@ -981,6 +942,30 @@
     --relay-colors-blue-a-10: var(--relay-colors-blue-dark-a-10);
     --relay-colors-blue-a-11: var(--relay-colors-blue-dark-a-11);
     --relay-colors-blue-a-12: var(--relay-colors-blue-dark-a-12);
+    --relay-colors-grass-1: var(--relay-colors-grass-dark-1);
+    --relay-colors-grass-2: var(--relay-colors-grass-dark-2);
+    --relay-colors-grass-3: var(--relay-colors-grass-dark-3);
+    --relay-colors-grass-4: var(--relay-colors-grass-dark-4);
+    --relay-colors-grass-5: var(--relay-colors-grass-dark-5);
+    --relay-colors-grass-6: var(--relay-colors-grass-dark-6);
+    --relay-colors-grass-7: var(--relay-colors-grass-dark-7);
+    --relay-colors-grass-8: var(--relay-colors-grass-dark-8);
+    --relay-colors-grass-9: var(--relay-colors-grass-dark-9);
+    --relay-colors-grass-10: var(--relay-colors-grass-dark-10);
+    --relay-colors-grass-11: var(--relay-colors-grass-dark-11);
+    --relay-colors-grass-12: var(--relay-colors-grass-dark-12);
+    --relay-colors-grass-a-1: var(--relay-colors-grass-dark-a-1);
+    --relay-colors-grass-a-2: var(--relay-colors-grass-dark-a-2);
+    --relay-colors-grass-a-3: var(--relay-colors-grass-dark-a-3);
+    --relay-colors-grass-a-4: var(--relay-colors-grass-dark-a-4);
+    --relay-colors-grass-a-5: var(--relay-colors-grass-dark-a-5);
+    --relay-colors-grass-a-6: var(--relay-colors-grass-dark-a-6);
+    --relay-colors-grass-a-7: var(--relay-colors-grass-dark-a-7);
+    --relay-colors-grass-a-8: var(--relay-colors-grass-dark-a-8);
+    --relay-colors-grass-a-9: var(--relay-colors-grass-dark-a-9);
+    --relay-colors-grass-a-10: var(--relay-colors-grass-dark-a-10);
+    --relay-colors-grass-a-11: var(--relay-colors-grass-dark-a-11);
+    --relay-colors-grass-a-12: var(--relay-colors-grass-dark-a-12);
     --relay-colors-gray-1: var(--relay-colors-gray-dark-1);
     --relay-colors-gray-2: var(--relay-colors-gray-dark-2);
     --relay-colors-gray-3: var(--relay-colors-gray-dark-3);
@@ -1005,54 +990,6 @@
     --relay-colors-gray-a-10: var(--relay-colors-gray-dark-a-10);
     --relay-colors-gray-a-11: var(--relay-colors-gray-dark-a-11);
     --relay-colors-gray-a-12: var(--relay-colors-gray-dark-a-12);
-    --relay-colors-green-1: var(--relay-colors-green-dark-1);
-    --relay-colors-green-2: var(--relay-colors-green-dark-2);
-    --relay-colors-green-3: var(--relay-colors-green-dark-3);
-    --relay-colors-green-4: var(--relay-colors-green-dark-4);
-    --relay-colors-green-5: var(--relay-colors-green-dark-5);
-    --relay-colors-green-6: var(--relay-colors-green-dark-6);
-    --relay-colors-green-7: var(--relay-colors-green-dark-7);
-    --relay-colors-green-8: var(--relay-colors-green-dark-8);
-    --relay-colors-green-9: var(--relay-colors-green-dark-9);
-    --relay-colors-green-10: var(--relay-colors-green-dark-10);
-    --relay-colors-green-11: var(--relay-colors-green-dark-11);
-    --relay-colors-green-12: var(--relay-colors-green-dark-12);
-    --relay-colors-green-a-1: var(--relay-colors-green-dark-a-1);
-    --relay-colors-green-a-2: var(--relay-colors-green-dark-a-2);
-    --relay-colors-green-a-3: var(--relay-colors-green-dark-a-3);
-    --relay-colors-green-a-4: var(--relay-colors-green-dark-a-4);
-    --relay-colors-green-a-5: var(--relay-colors-green-dark-a-5);
-    --relay-colors-green-a-6: var(--relay-colors-green-dark-a-6);
-    --relay-colors-green-a-7: var(--relay-colors-green-dark-a-7);
-    --relay-colors-green-a-8: var(--relay-colors-green-dark-a-8);
-    --relay-colors-green-a-9: var(--relay-colors-green-dark-a-9);
-    --relay-colors-green-a-10: var(--relay-colors-green-dark-a-10);
-    --relay-colors-green-a-11: var(--relay-colors-green-dark-a-11);
-    --relay-colors-green-a-12: var(--relay-colors-green-dark-a-12);
-    --relay-colors-red-1: var(--relay-colors-red-dark-1);
-    --relay-colors-red-2: var(--relay-colors-red-dark-2);
-    --relay-colors-red-3: var(--relay-colors-red-dark-3);
-    --relay-colors-red-4: var(--relay-colors-red-dark-4);
-    --relay-colors-red-5: var(--relay-colors-red-dark-5);
-    --relay-colors-red-6: var(--relay-colors-red-dark-6);
-    --relay-colors-red-7: var(--relay-colors-red-dark-7);
-    --relay-colors-red-8: var(--relay-colors-red-dark-8);
-    --relay-colors-red-9: var(--relay-colors-red-dark-9);
-    --relay-colors-red-10: var(--relay-colors-red-dark-10);
-    --relay-colors-red-11: var(--relay-colors-red-dark-11);
-    --relay-colors-red-12: var(--relay-colors-red-dark-12);
-    --relay-colors-red-a-1: var(--relay-colors-red-dark-a-1);
-    --relay-colors-red-a-2: var(--relay-colors-red-dark-a-2);
-    --relay-colors-red-a-3: var(--relay-colors-red-dark-a-3);
-    --relay-colors-red-a-4: var(--relay-colors-red-dark-a-4);
-    --relay-colors-red-a-5: var(--relay-colors-red-dark-a-5);
-    --relay-colors-red-a-6: var(--relay-colors-red-dark-a-6);
-    --relay-colors-red-a-7: var(--relay-colors-red-dark-a-7);
-    --relay-colors-red-a-8: var(--relay-colors-red-dark-a-8);
-    --relay-colors-red-a-9: var(--relay-colors-red-dark-a-9);
-    --relay-colors-red-a-10: var(--relay-colors-red-dark-a-10);
-    --relay-colors-red-a-11: var(--relay-colors-red-dark-a-11);
-    --relay-colors-red-a-12: var(--relay-colors-red-dark-a-12);
     --relay-colors-slate-1: var(--relay-colors-slate-dark-1);
     --relay-colors-slate-2: var(--relay-colors-slate-dark-2);
     --relay-colors-slate-3: var(--relay-colors-slate-dark-3);
@@ -1077,30 +1014,30 @@
     --relay-colors-slate-a-10: var(--relay-colors-slate-dark-a-10);
     --relay-colors-slate-a-11: var(--relay-colors-slate-dark-a-11);
     --relay-colors-slate-a-12: var(--relay-colors-slate-dark-a-12);
-    --relay-colors-violet-1: var(--relay-colors-violet-dark-1);
-    --relay-colors-violet-2: var(--relay-colors-violet-dark-2);
-    --relay-colors-violet-3: var(--relay-colors-violet-dark-3);
-    --relay-colors-violet-4: var(--relay-colors-violet-dark-4);
-    --relay-colors-violet-5: var(--relay-colors-violet-dark-5);
-    --relay-colors-violet-6: var(--relay-colors-violet-dark-6);
-    --relay-colors-violet-7: var(--relay-colors-violet-dark-7);
-    --relay-colors-violet-8: var(--relay-colors-violet-dark-8);
-    --relay-colors-violet-9: var(--relay-colors-violet-dark-9);
-    --relay-colors-violet-10: var(--relay-colors-violet-dark-10);
-    --relay-colors-violet-11: var(--relay-colors-violet-dark-11);
-    --relay-colors-violet-12: var(--relay-colors-violet-dark-12);
-    --relay-colors-violet-a-1: var(--relay-colors-violet-dark-a-1);
-    --relay-colors-violet-a-2: var(--relay-colors-violet-dark-a-2);
-    --relay-colors-violet-a-3: var(--relay-colors-violet-dark-a-3);
-    --relay-colors-violet-a-4: var(--relay-colors-violet-dark-a-4);
-    --relay-colors-violet-a-5: var(--relay-colors-violet-dark-a-5);
-    --relay-colors-violet-a-6: var(--relay-colors-violet-dark-a-6);
-    --relay-colors-violet-a-7: var(--relay-colors-violet-dark-a-7);
-    --relay-colors-violet-a-8: var(--relay-colors-violet-dark-a-8);
-    --relay-colors-violet-a-9: var(--relay-colors-violet-dark-a-9);
-    --relay-colors-violet-a-10: var(--relay-colors-violet-dark-a-10);
-    --relay-colors-violet-a-11: var(--relay-colors-violet-dark-a-11);
-    --relay-colors-violet-a-12: var(--relay-colors-violet-dark-a-12);
+    --relay-colors-tomato-1: var(--relay-colors-tomato-dark-1);
+    --relay-colors-tomato-2: var(--relay-colors-tomato-dark-2);
+    --relay-colors-tomato-3: var(--relay-colors-tomato-dark-3);
+    --relay-colors-tomato-4: var(--relay-colors-tomato-dark-4);
+    --relay-colors-tomato-5: var(--relay-colors-tomato-dark-5);
+    --relay-colors-tomato-6: var(--relay-colors-tomato-dark-6);
+    --relay-colors-tomato-7: var(--relay-colors-tomato-dark-7);
+    --relay-colors-tomato-8: var(--relay-colors-tomato-dark-8);
+    --relay-colors-tomato-9: var(--relay-colors-tomato-dark-9);
+    --relay-colors-tomato-10: var(--relay-colors-tomato-dark-10);
+    --relay-colors-tomato-11: var(--relay-colors-tomato-dark-11);
+    --relay-colors-tomato-12: var(--relay-colors-tomato-dark-12);
+    --relay-colors-tomato-a-1: var(--relay-colors-tomato-dark-a-1);
+    --relay-colors-tomato-a-2: var(--relay-colors-tomato-dark-a-2);
+    --relay-colors-tomato-a-3: var(--relay-colors-tomato-dark-a-3);
+    --relay-colors-tomato-a-4: var(--relay-colors-tomato-dark-a-4);
+    --relay-colors-tomato-a-5: var(--relay-colors-tomato-dark-a-5);
+    --relay-colors-tomato-a-6: var(--relay-colors-tomato-dark-a-6);
+    --relay-colors-tomato-a-7: var(--relay-colors-tomato-dark-a-7);
+    --relay-colors-tomato-a-8: var(--relay-colors-tomato-dark-a-8);
+    --relay-colors-tomato-a-9: var(--relay-colors-tomato-dark-a-9);
+    --relay-colors-tomato-a-10: var(--relay-colors-tomato-dark-a-10);
+    --relay-colors-tomato-a-11: var(--relay-colors-tomato-dark-a-11);
+    --relay-colors-tomato-a-12: var(--relay-colors-tomato-dark-a-12);
     --relay-colors-yellow-1: var(--relay-colors-yellow-dark-1);
     --relay-colors-yellow-2: var(--relay-colors-yellow-dark-2);
     --relay-colors-yellow-3: var(--relay-colors-yellow-dark-3);
@@ -1435,6 +1372,10 @@
     background: var(--relay-colors-gray3);
 }
 
+.relay-px_16px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    padding-inline: 16px;
+}
+
 .relay-select_none:not(#\#):not(#\#):not(#\#):not(#\#) {
     -webkit-user-select: none;
     user-select: none;
@@ -1473,22 +1414,10 @@
     color: var(--relay-colors-primary-button-color);
 }
 
-.relay---border-color_primary-outline-button-color:not(#\#):not(#\#):not(#\#):not(#\#) {
-    --border-color: primary-outline-button-color;
-}
-
-.relay-border_1px_solid_var\(--border-color\):not(#\#):not(#\#):not(#\#):not(#\#) {
-    border: 1px solid var(--border-color);
-}
-
 .relay-text_secondary-button-color:not(#\#):not(#\#):not(#\#):not(#\#) {
     color: var(--relay-colors-secondary-button-color);
 }
 
-.relay-text_tertiary-button-color:not(#\#):not(#\#):not(#\#):not(#\#) {
-    color: var(--relay-colors-tertiary-button-color);
-}
-
 .relay-text_text-default:not(#\#):not(#\#):not(#\#):not(#\#) {
     color: var(--relay-colors-text-default);
 }
@@ -1773,8 +1702,8 @@
     box-shadow: 0px 1px 5px rgba(0,0,0,0.2);
 }
 
-.relay-text_\{colors\.green\.9\}:not(#\#):not(#\#):not(#\#):not(#\#) {
-    color: var(--relay-colors-green-9);
+.relay-text_\{colors\.grass\.9\}:not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: var(--relay-colors-grass-9);
 }
 
 .relay-text_\{colors\.amber\.9\}:not(#\#):not(#\#):not(#\#):not(#\#) {
@@ -1927,18 +1856,6 @@
     max-width: 215px;
 }
 
-.relay-mx_auto:not(#\#):not(#\#):not(#\#):not(#\#) {
-    margin-inline: auto;
-}
-
-.relay-fill_gray11:not(#\#):not(#\#):not(#\#):not(#\#) {
-    fill: var(--relay-colors-gray11);
-}
-
-.relay-text_gray:not(#\#):not(#\#):not(#\#):not(#\#) {
-    color: gray;
-}
-
 .relay-h_40:not(#\#):not(#\#):not(#\#):not(#\#) {
     height: 40px;
 }
@@ -2111,6 +2028,10 @@
     margin-block: -13px;
 }
 
+.relay-mx_auto:not(#\#):not(#\#):not(#\#):not(#\#) {
+    margin-inline: auto;
+}
+
 .relay-h_32:not(#\#):not(#\#):not(#\#):not(#\#) {
     height: 32px;
 }
@@ -2315,6 +2236,10 @@
     height: 27px;
 }
 
+.relay-text_gray:not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: gray;
+}
+
 .relay-bg_gray5:not(#\#):not(#\#):not(#\#):not(#\#) {
     background: var(--relay-colors-gray5);
 }
@@ -2551,10 +2476,6 @@
     background-color: var(--relay-colors-secondary-button-background);
 }
 
-.relay-bg_tertiary-button-background:not(#\#):not(#\#):not(#\#):not(#\#) {
-    background-color: var(--relay-colors-tertiary-button-background);
-}
-
 .relay-bg_widget-background:not(#\#):not(#\#):not(#\#):not(#\#) {
     background-color: var(--relay-colors-widget-background);
 }
@@ -2703,6 +2624,22 @@
     font-size: 14px;
 }
 
+.relay-fw_800:not(#\#):not(#\#):not(#\#):not(#\#) {
+    font-weight: 800;
+}
+
+.relay-fs_64px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    font-size: 64px;
+}
+
+.relay-font-style_italic:not(#\#):not(#\#):not(#\#):not(#\#) {
+    font-style: italic;
+}
+
+.relay-font_heading:not(#\#):not(#\#):not(#\#):not(#\#) {
+    font-family: var(--relay-fonts-heading);
+}
+
 .relay-fs_48px:not(#\#):not(#\#):not(#\#):not(#\#) {
     font-size: 48px;
 }
@@ -2735,10 +2672,6 @@
     font-size: 10px;
 }
 
-.relay-font-style_italic:not(#\#):not(#\#):not(#\#):not(#\#) {
-    font-style: italic;
-}
-
 .relay-justify_between:not(#\#):not(#\#):not(#\#):not(#\#) {
     justify-content: between;
 }
@@ -2823,10 +2756,6 @@
     background-color: var(--relay-colors-red2);
 }
 
-.relay-pt_12:not(#\#):not(#\#):not(#\#):not(#\#) {
-    padding-top: 12px;
-}
-
 .relay-bg_dropdown-background:not(#\#):not(#\#):not(#\#):not(#\#) {
     background-color: var(--relay-colors-dropdown-background);
 }
@@ -3059,6 +2988,10 @@
     color: var(--relay-colors-button-disabled-color);
 }
 
+.\[\&\:not\(\:disabled\)\]\:relay-text-transform_uppercase:not(:disabled):not(#\#):not(#\#):not(#\#):not(#\#) {
+    text-transform: uppercase;
+}
+
 .data_state_open\:relay-animation_collapsibleSlideDown_300ms_cubic-bezier\(0\.87\,_0\,_0\.13\,_1\)[data-state="open"]:not(#\#):not(#\#):not(#\#):not(#\#) {
     animation: collapsibleSlideDown 300ms cubic-bezier(0.87, 0, 0.13, 1);
 }
@@ -3147,6 +3080,18 @@
     background-color: var(--relay-colors-button-disabled-background);
 }
 
+.\[\&\:not\(\:disabled\)\]\:relay-font_heading:not(:disabled):not(#\#):not(#\#):not(#\#):not(#\#) {
+    font-family: var(--relay-fonts-heading);
+}
+
+.\[\&\:not\(\:disabled\)\]\:relay-fw_700:not(:disabled):not(#\#):not(#\#):not(#\#):not(#\#) {
+    font-weight: 700;
+}
+
+.\[\&\:not\(\:disabled\)\]\:relay-font-style_italic:not(:disabled):not(#\#):not(#\#):not(#\#):not(#\#) {
+    font-style: italic;
+}
+
 .\[\&\[data-state\=\'checked\'\]\]\:relay-bg_primary-button-background[data-state='checked']:not(#\#):not(#\#):not(#\#):not(#\#) {
     background-color: var(--relay-colors-primary-button-background);
 }
@@ -3252,18 +3197,10 @@
     color: var(--relay-colors-primary-button-hover-color);
 }
 
-.\[\&\:hover\]\:relay-text_primary-outline-button-hover-color:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
-    color: primary-outline-button-hover-color;
-}
-
 .\[\&\:hover\]\:relay-text_secondary-button-hover-color:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
     color: var(--relay-colors-secondary-button-hover-color);
 }
 
-.\[\&\:hover\]\:relay-text_tertiary-button-hover-color:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
-    color: var(--relay-colors-tertiary-button-hover-color);
-}
-
 .\[\&\:hover\]\:relay-filter_brightness\(97\%\):hover:not(#\#):not(#\#):not(#\#):not(#\#) {
     filter: brightness(97%);
 }
@@ -3277,10 +3214,6 @@
     -webkit-backdrop-filter: brightness(95%);
 }
 
-.hover\:relay-fill_gray12:is(:hover, [data-hover]):not(#\#):not(#\#):not(#\#):not(#\#) {
-    fill: var(--relay-colors-gray12);
-}
-
 .hover\:relay-cursor_pointer:is(:hover, [data-hover]):not(#\#):not(#\#):not(#\#):not(#\#) {
     cursor: pointer;
 }
@@ -3297,10 +3230,6 @@
     background-color: var(--relay-colors-secondary-button-hover-background);
 }
 
-.\[\&\:hover\]\:relay-bg_tertiary-button-hover-background:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
-    background-color: var(--relay-colors-tertiary-button-hover-background);
-}
-
 .\[\&\:hover\]\:relay-bg_red10:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
     background-color: var(--relay-colors-red10);
 }
@@ -3405,6 +3334,9 @@ button:hover:not(#\#):not(#\#):not(#\#):not(#\#) .\[button\:hover_\&\]\:relay-bg
 @media(max-width: 520px) {
     .\[\@media\(max-width\:_520px\)\]\:relay-w_100\%:not(#\#):not(#\#):not(#\#):not(#\#) {
       width: 100%;
+}
+    .\[\@media\(max-width\:_520px\)\]\:relay-max-w_unset\!:not(#\#) {
+      max-width: unset !important;
 }
     .\[\@media\(max-width\:_520px\)\]\:relay-rounded-br_0:not(#\#):not(#\#):not(#\#):not(#\#) {
       border-bottom-right-radius: 0;