@kodiak-finance/orderly-ui 2.8.33 → 2.9.0-rc.2

package/dist/index.css

@@ -373,6 +373,8 @@ video {
   --oui-color-base-10: 14 13 18;
   --oui-color-base-foreground: 255 255 255;
   --oui-color-line: 255 255 255;
+  --oui-color-base-static: 255 255 255;
+  --oui-color-base-static-contrast: 0 0 0;
   --oui-color-trading-loss: 245 97 139;
   --oui-color-trading-loss-contrast: 255 255 255;
   --oui-color-trading-profit: 41 233 169;
@@ -555,6 +557,9 @@ body {
 .-oui-right-\[6px\] {
   right: -6px;
 }
+.-oui-right-px {
+  right: -1px;
+}
 .-oui-top-4 {
   top: -1rem;
 }
@@ -570,6 +575,9 @@ body {
 .-oui-top-\[calc\(100vh\/2\)\] {
   top: calc(calc(100vh / 2) * -1);
 }
+.-oui-top-px {
+  top: -1px;
+}
 .oui--bottom-12 {
   bottom: -3rem;
 }
@@ -708,6 +716,12 @@ body {
 .oui-top-\[-300px\] {
   top: -300px;
 }
+.oui-top-\[0px\] {
+  top: 0px;
+}
+.oui-top-\[100px\] {
+  top: 100px;
+}
 .oui-top-\[10px\] {
   top: 10px;
 }
@@ -792,6 +806,12 @@ body {
 .oui-z-auto {
   z-index: auto;
 }
+.oui-order-1 {
+  order: 1;
+}
+.oui-order-2 {
+  order: 2;
+}
 .oui-col-auto {
   grid-column: auto;
 }
@@ -822,6 +842,9 @@ body {
 .oui-col-span-9 {
   grid-column: span 9 / span 9;
 }
+.oui-col-start-3 {
+  grid-column-start: 3;
+}
 .oui-row-auto {
   grid-row: auto;
 }
@@ -1046,6 +1069,9 @@ body {
 .oui--ml-4 {
   margin-left: -1rem;
 }
+.oui--mt-1 {
+  margin-top: -0.25rem;
+}
 .oui--mt-12 {
   margin-top: -3rem;
 }
@@ -1115,6 +1141,9 @@ body {
 .oui-ml-2 {
   margin-left: 0.5rem;
 }
+.oui-ml-2\.5 {
+  margin-left: 0.625rem;
+}
 .oui-ml-3 {
   margin-left: 0.75rem;
 }
@@ -1232,6 +1261,9 @@ body {
 .oui-mt-\[-8px\] {
   margin-top: -8px;
 }
+.oui-mt-\[1px\] {
+  margin-top: 1px;
+}
 .oui-mt-\[2px\] {
   margin-top: 2px;
 }
@@ -1244,6 +1276,9 @@ body {
 .oui-mt-\[7px\] {
   margin-top: 7px;
 }
+.oui-mt-\[9px\] {
+  margin-top: 9px;
+}
 .oui-mt-auto {
   margin-top: auto;
 }
@@ -1355,6 +1390,10 @@ body {
   width: 20px;
   height: 20px;
 }
+.oui-size-\[335px\] {
+  width: 335px;
+  height: 335px;
+}
 .oui-size-\[48px\] {
   width: 48px;
   height: 48px;
@@ -1429,6 +1468,9 @@ body {
 .oui-h-3 {
   height: 0.75rem;
 }
+.oui-h-3\.5 {
+  height: 0.875rem;
+}
 .oui-h-4 {
   height: 1rem;
 }
@@ -1480,6 +1522,9 @@ body {
 .oui-h-\[14px\] {
   height: 14px;
 }
+.oui-h-\[152px\] {
+  height: 152px;
+}
 .oui-h-\[15px\] {
   height: 15px;
 }
@@ -1519,9 +1564,6 @@ body {
 .oui-h-\[20px\] {
   height: 20px;
 }
-.oui-h-\[220px\] {
-  height: 220px;
-}
 .oui-h-\[22px\] {
   height: 22px;
 }
@@ -1546,12 +1588,18 @@ body {
 .oui-h-\[254px\] {
   height: 254px;
 }
+.oui-h-\[256px\] {
+  height: 256px;
+}
 .oui-h-\[25px\] {
   height: 25px;
 }
 .oui-h-\[26px\] {
   height: 26px;
 }
+.oui-h-\[276px\] {
+  height: 276px;
+}
 .oui-h-\[28px\] {
   height: 28px;
 }
@@ -1561,6 +1609,9 @@ body {
 .oui-h-\[300px\] {
   height: 300px;
 }
+.oui-h-\[308px\] {
+  height: 308px;
+}
 .oui-h-\[30px\] {
   height: 30px;
 }
@@ -1864,12 +1915,12 @@ body {
 .oui-min-h-\[48px\] {
   min-height: 48px;
 }
+.oui-min-h-\[4px\] {
+  min-height: 4px;
+}
 .oui-min-h-\[50px\] {
   min-height: 50px;
 }
-.oui-min-h-\[54px\] {
-  min-height: 54px;
-}
 .oui-min-h-\[56px\] {
   min-height: 56px;
 }
@@ -1891,9 +1942,15 @@ body {
 .\!oui-w-\[2px\] {
   width: 2px !important;
 }
+.\!oui-w-\[372px\] {
+  width: 372px !important;
+}
 .\!oui-w-\[90\%\] {
   width: 90% !important;
 }
+.oui-w-0 {
+  width: 0px;
+}
 .oui-w-1 {
   width: 0.25rem;
 }
@@ -2017,6 +2074,9 @@ body {
 .oui-w-\[18px\] {
   width: 18px;
 }
+.oui-w-\[190px\] {
+  width: 190px;
+}
 .oui-w-\[1px\] {
   width: 1px;
 }
@@ -2026,9 +2086,6 @@ body {
 .oui-w-\[20px\] {
   width: 20px;
 }
-.oui-w-\[220px\] {
-  width: 220px;
-}
 .oui-w-\[225px\] {
   width: 225px;
 }
@@ -2038,6 +2095,9 @@ body {
 .oui-w-\[240px\] {
   width: 240px;
 }
+.oui-w-\[256px\] {
+  width: 256px;
+}
 .oui-w-\[260px\] {
   width: 260px;
 }
@@ -2074,9 +2134,15 @@ body {
 .oui-w-\[360px\] {
   width: 360px;
 }
+.oui-w-\[368px\] {
+  width: 368px;
+}
 .oui-w-\[36px\] {
   width: 36px;
 }
+.oui-w-\[378px\] {
+  width: 378px;
+}
 .oui-w-\[420px\] {
   width: 420px;
 }
@@ -2249,6 +2315,9 @@ body {
 .oui-min-w-\[var\(--radix-select-trigger-width\)\] {
   min-width: var(--radix-select-trigger-width);
 }
+.\!oui-max-w-\[372px\] {
+  max-width: 372px !important;
+}
 .\!oui-max-w-\[624px\] {
   max-width: 624px !important;
 }
@@ -2658,6 +2727,9 @@ body {
 .oui-grid-cols-\[4fr\,6fr\] {
   grid-template-columns: 4fr 6fr;
 }
+.oui-grid-cols-\[6fr\,4fr\] {
+  grid-template-columns: 6fr 4fr;
+}
 .oui-grid-cols-none {
   grid-template-columns: none;
 }
@@ -3137,6 +3209,10 @@ body {
   border-top-left-radius: var(--oui-rounded, 0.25rem);
   border-bottom-left-radius: var(--oui-rounded, 0.25rem);
 }
+.oui-rounded-l-full {
+  border-top-left-radius: var(--oui-rounded-full, 9999px);
+  border-bottom-left-radius: var(--oui-rounded-full, 9999px);
+}
 .oui-rounded-l-lg {
   border-top-left-radius: var(--oui-rounded-lg, 0.5rem);
   border-bottom-left-radius: var(--oui-rounded-lg, 0.5rem);
@@ -3145,6 +3221,10 @@ body {
   border-top-right-radius: var(--oui-rounded, 0.25rem);
   border-bottom-right-radius: var(--oui-rounded, 0.25rem);
 }
+.oui-rounded-r-full {
+  border-top-right-radius: var(--oui-rounded-full, 9999px);
+  border-bottom-right-radius: var(--oui-rounded-full, 9999px);
+}
 .oui-rounded-r-lg {
   border-top-right-radius: var(--oui-rounded-lg, 0.5rem);
   border-bottom-right-radius: var(--oui-rounded-lg, 0.5rem);
@@ -3177,6 +3257,9 @@ body {
 .oui-rounded-bl-\[6px\] {
   border-bottom-left-radius: 6px;
 }
+.oui-rounded-bl-md {
+  border-bottom-left-radius: var(--oui-rounded-md, 0.375rem);
+}
 .oui-rounded-bl-xl {
   border-bottom-left-radius: var(--oui-rounded-xl, 0.75rem);
 }
@@ -3204,6 +3287,9 @@ body {
 .oui-rounded-tr-\[10px\] {
   border-top-right-radius: 10px;
 }
+.oui-rounded-tr-md {
+  border-top-right-radius: var(--oui-rounded-md, 0.375rem);
+}
 .\!oui-border {
   border-width: 1px !important;
 }
@@ -3213,6 +3299,9 @@ body {
 .oui-border-0 {
   border-width: 0px;
 }
+.oui-border-4 {
+  border-width: 4px;
+}
 .oui-border-\[0\.5px\] {
   border-width: 0.5px;
 }
@@ -3272,17 +3361,13 @@ body {
   --tw-border-opacity: 1 !important;
   border-color: rgb(var(--oui-color-primary-light) / var(--tw-border-opacity, 1)) !important;
 }
-.oui-border-\[\#38E2FE\] {
+.oui-border-\[\#38e2fe\] {
   --tw-border-opacity: 1;
   border-color: rgb(56 226 254 / var(--tw-border-opacity, 1));
 }
-.oui-border-\[\#B9D1FF\] {
-  --tw-border-opacity: 1;
-  border-color: rgb(185 209 255 / var(--tw-border-opacity, 1));
-}
-.oui-border-\[\#faedff\] {
+.oui-border-\[\#d9d9d9\] {
   --tw-border-opacity: 1;
-  border-color: rgb(250 237 255 / var(--tw-border-opacity, 1));
+  border-color: rgb(217 217 217 / var(--tw-border-opacity, 1));
 }
 .oui-border-\[rgb\(var\(--oui-gradient-brand-start\)\)\] {
   border-color: rgb(var(--oui-gradient-brand-start));
@@ -3342,6 +3427,9 @@ body {
 .oui-border-base-contrast\/\[0\.12\] {
   border-color: rgb(var(--oui-color-base-foreground) / 0.12);
 }
+.oui-border-base-static-contrast-20 {
+  border-color: rgb(var(--oui-color-base-static-contrast) / 0.2);
+}
 .oui-border-danger {
   --tw-border-opacity: 1;
   border-color: rgb(var(--oui-color-danger) / var(--tw-border-opacity, 1));
@@ -3353,6 +3441,9 @@ body {
 .oui-border-line {
   border-color: rgb(var(--oui-color-line, 255 255 255) / 0.08);
 }
+.oui-border-line-10 {
+  border-color: rgb(var(--oui-color-line, 255 255 255) / 0.10);
+}
 .oui-border-line-12 {
   border-color: rgb(var(--oui-color-line, 255 255 255) / 0.12);
 }
@@ -3365,6 +3456,10 @@ body {
 .oui-border-line-6 {
   border-color: rgb(var(--oui-color-line, 255 255 255) / 0.06);
 }
+.oui-border-link-light {
+  --tw-border-opacity: 1;
+  border-color: rgb(var(--oui-color-link-light) / var(--tw-border-opacity, 1));
+}
 .oui-border-primary {
   --tw-border-opacity: 1;
   border-color: rgb(var(--oui-color-primary) / var(--tw-border-opacity, 1));
@@ -3400,15 +3495,9 @@ body {
   --tw-border-opacity: 1;
   border-color: rgb(var(--oui-color-warning-light) / var(--tw-border-opacity, 1));
 }
-.oui-border-white\/10 {
-  border-color: rgb(255 255 255 / 0.1);
-}
 .oui-border-white\/\[0\.12\] {
   border-color: rgb(255 255 255 / 0.12);
 }
-.oui-border-white\/\[0\.36\] {
-  border-color: rgb(255 255 255 / 0.36);
-}
 .oui-border-b-line-4 {
   border-bottom-color: rgb(var(--oui-color-line, 255 255 255) / 0.04);
 }
@@ -3430,14 +3519,6 @@ body {
 .oui-border-t-transparent {
   border-top-color: transparent;
 }
-.\!oui-bg-\[\#131519\] {
-  --tw-bg-opacity: 1 !important;
-  background-color: rgb(19 21 25 / var(--tw-bg-opacity, 1)) !important;
-}
-.\!oui-bg-\[\#181C23\] {
-  --tw-bg-opacity: 1 !important;
-  background-color: rgb(24 28 35 / var(--tw-bg-opacity, 1)) !important;
-}
 .\!oui-bg-base-10\/60 {
   background-color: rgb(var(--oui-color-base-10) / 0.6) !important;
 }
@@ -3445,6 +3526,13 @@ body {
   --tw-bg-opacity: 1 !important;
   background-color: rgb(var(--oui-color-base-8) / var(--tw-bg-opacity, 1)) !important;
 }
+.\!oui-bg-base-9 {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(var(--oui-color-base-9) / var(--tw-bg-opacity, 1)) !important;
+}
+.\!oui-bg-black\/10 {
+  background-color: rgb(0 0 0 / 0.1) !important;
+}
 .\!oui-bg-primary-darken {
   --tw-bg-opacity: 1 !important;
   background-color: rgb(var(--oui-color-primary-darken) / var(--tw-bg-opacity, 1)) !important;
@@ -3456,53 +3544,21 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(0 168 88 / var(--tw-bg-opacity, 1));
 }
-.oui-bg-\[\#00A9DE\] {
-  --tw-bg-opacity: 1;
-  background-color: rgb(0 169 222 / var(--tw-bg-opacity, 1));
-}
-.oui-bg-\[\#07080A\] {
-  --tw-bg-opacity: 1;
-  background-color: rgb(7 8 10 / var(--tw-bg-opacity, 1));
-}
-.oui-bg-\[\#131519\] {
-  --tw-bg-opacity: 1;
-  background-color: rgb(19 21 25 / var(--tw-bg-opacity, 1));
-}
-.oui-bg-\[\#282e3a\] {
-  --tw-bg-opacity: 1;
-  background-color: rgb(40 46 58 / var(--tw-bg-opacity, 1));
-}
 .oui-bg-\[\#283BEE\] {
   --tw-bg-opacity: 1;
   background-color: rgb(40 59 238 / var(--tw-bg-opacity, 1));
 }
-.oui-bg-\[\#333948\] {
-  --tw-bg-opacity: 1;
-  background-color: rgb(51 57 72 / var(--tw-bg-opacity, 1));
-}
-.oui-bg-\[\#335FFC\] {
-  --tw-bg-opacity: 1;
-  background-color: rgb(51 95 252 / var(--tw-bg-opacity, 1));
-}
-.oui-bg-\[\#38E2FE\] {
+.oui-bg-\[\#38e2fe\] {
   --tw-bg-opacity: 1;
   background-color: rgb(56 226 254 / var(--tw-bg-opacity, 1));
 }
-.oui-bg-\[\#3D79A9\] {
-  --tw-bg-opacity: 1;
-  background-color: rgb(61 121 169 / var(--tw-bg-opacity, 1));
-}
 .oui-bg-\[\#630EAD\] {
   --tw-bg-opacity: 1;
   background-color: rgb(99 14 173 / var(--tw-bg-opacity, 1));
 }
-.oui-bg-\[\#D25f00\] {
+.oui-bg-\[\#d9d9d9\] {
   --tw-bg-opacity: 1;
-  background-color: rgb(210 95 0 / var(--tw-bg-opacity, 1));
-}
-.oui-bg-\[\#d25f00\] {
-  --tw-bg-opacity: 1;
-  background-color: rgb(210 95 0 / var(--tw-bg-opacity, 1));
+  background-color: rgb(217 217 217 / var(--tw-bg-opacity, 1));
 }
 .oui-bg-\[\#e9e9eb\] {
   --tw-bg-opacity: 1;
@@ -3512,17 +3568,20 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(211 211 211 / var(--tw-bg-opacity, 1));
 }
+.oui-bg-\[rgb\(var\(--oui-gradient-brand-start\)\)\] {
+  background-color: rgb(var(--oui-gradient-brand-start));
+}
 .oui-bg-\[rgba\(0\,0\,0\,0\.48\)\] {
   background-color: rgba(0, 0, 0, 0.48);
 }
 .oui-bg-\[rgba\(232\,136\,0\,0\.15\)\] {
   background-color: rgba(232, 136, 0, 0.15);
 }
-.oui-bg-\[rgba\(255\,125\,0\,0\.1\)\] {
-  background-color: rgba(255, 125, 0, 0.1);
+.oui-bg-\[rgba\(var\(--oui-color-warning-darken\)\,0\.1\)\] {
+  background-color: rgba(var(--oui-color-warning-darken), 0.1);
 }
-.oui-bg-\[rgba\(255\,169\,64\,0\.70\)\] {
-  background-color: rgba(255, 169, 64, 0.70);
+.oui-bg-\[rgba\(var\(--oui-color-warning-darken\)\/0\.15\)\] {
+  background-color: rgba(var(--oui-color-warning-darken)/0.15);
 }
 .oui-bg-\[rgba\(var\(--oui-gradient-brand-start\)\)\] {
   background-color: rgba(var(--oui-gradient-brand-start));
@@ -3576,23 +3635,41 @@ body {
 .oui-bg-base-contrast-12 {
   background-color: rgb(var(--oui-color-base-foreground) / 0.12);
 }
+.oui-bg-base-contrast-16 {
+  background-color: rgb(var(--oui-color-base-foreground) / 0.16);
+}
 .oui-bg-base-contrast-20 {
   background-color: rgb(var(--oui-color-base-foreground) / 0.2);
 }
+.oui-bg-base-contrast-30 {
+  background-color: rgb(var(--oui-color-base-foreground) / 0.30);
+}
 .oui-bg-base-contrast-36 {
   background-color: rgb(var(--oui-color-base-foreground) / 0.36);
 }
+.oui-bg-base-contrast-4 {
+  background-color: rgb(var(--oui-color-base-foreground) / 0.04);
+}
+.oui-bg-base-contrast-54 {
+  background-color: rgb(var(--oui-color-base-foreground) / 0.54);
+}
+.oui-bg-base-contrast-6 {
+  background-color: rgb(var(--oui-color-base-foreground) / 0.06);
+}
+.oui-bg-base-contrast-8 {
+  background-color: rgb(var(--oui-color-base-foreground) / 0.08);
+}
 .oui-bg-base-contrast-80 {
   background-color: rgb(var(--oui-color-base-foreground) / 0.80);
 }
-.oui-bg-black\/80 {
-  background-color: rgb(0 0 0 / 0.8);
+.oui-bg-base-static {
+  background-color: rgb(var(--oui-color-base-static) / 0.98);
 }
-.oui-bg-black\/\[0\.08\] {
-  background-color: rgb(0 0 0 / 0.08);
+.oui-bg-base-static-contrast\/10 {
+  background-color: rgb(var(--oui-color-base-static-contrast) / 0.1);
 }
-.oui-bg-black\/\[0\.15\] {
-  background-color: rgb(0 0 0 / 0.15);
+.oui-bg-black\/80 {
+  background-color: rgb(0 0 0 / 0.8);
 }
 .oui-bg-danger {
   --tw-bg-opacity: 1;
@@ -3653,6 +3730,10 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1));
 }
+.oui-bg-secondary {
+  --tw-bg-opacity: 1;
+  background-color: rgb(var(--oui-color-secondary) / var(--tw-bg-opacity, 1));
+}
 .oui-bg-success {
   --tw-bg-opacity: 1;
   background-color: rgb(var(--oui-color-success) / var(--tw-bg-opacity, 1));
@@ -3661,6 +3742,9 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(var(--oui-color-success-darken) / var(--tw-bg-opacity, 1));
 }
+.oui-bg-success-darken\/30 {
+  background-color: rgb(var(--oui-color-success-darken) / 0.3);
+}
 .oui-bg-success\/15 {
   background-color: rgb(var(--oui-color-success) / 0.15);
 }
@@ -3707,80 +3791,56 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(var(--oui-color-warning-light) / var(--tw-bg-opacity, 1));
 }
+.oui-bg-warning\/10 {
+  background-color: rgb(var(--oui-color-warning) / 0.1);
+}
+.oui-bg-warning\/70 {
+  background-color: rgb(var(--oui-color-warning) / 0.7);
+}
 .oui-bg-white {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
 }
-.oui-bg-white\/30 {
-  background-color: rgb(255 255 255 / 0.3);
-}
 .oui-bg-white\/80 {
   background-color: rgb(255 255 255 / 0.8);
 }
-.oui-bg-white\/\[\.06\] {
-  background-color: rgb(255 255 255 / .06);
-}
-.oui-bg-white\/\[0\.04\] {
-  background-color: rgb(255 255 255 / 0.04);
-}
-.oui-bg-white\/\[0\.06\] {
-  background-color: rgb(255 255 255 / 0.06);
-}
-.oui-bg-white\/\[0\.08\] {
-  background-color: rgb(255 255 255 / 0.08);
-}
-.oui-bg-white\/\[0\.12\] {
-  background-color: rgb(255 255 255 / 0.12);
-}
-.oui-bg-white\/\[0\.16\] {
-  background-color: rgb(255 255 255 / 0.16);
-}
-.oui-bg-white\/\[0\.2\] {
-  background-color: rgb(255 255 255 / 0.2);
-}
-.oui-bg-white\/\[0\.54\] {
-  background-color: rgb(255 255 255 / 0.54);
-}
-.oui-bg-white\/\[0\.8\] {
-  background-color: rgb(255 255 255 / 0.8);
-}
-.oui-bg-\[linear-gradient\(15deg\,\#27FDFE_0\%\,transparent_30\%\)\] {
+.oui-bg-\[linear-gradient\(15deg\,rgb\(var\(--oui-color-link\)\)_-11\%\,transparent_30\%\,transparent_77\%\,rgb\(var\(--oui-color-success\)\)_100\%\)\] {
   background-image:
     linear-gradient(
       15deg,
-      #27FDFE 0%,
-      transparent 30%);
+      rgb(var(--oui-color-link)) -11%,
+      transparent 30%,
+      transparent 77%,
+      rgb(var(--oui-color-success)) 100%);
 }
-.oui-bg-\[linear-gradient\(15deg\,\#283BEE_-11\%\,transparent_30\%\,transparent_77\%\,\#A53411_100\%\)\] {
+.oui-bg-\[linear-gradient\(15deg\,rgb\(var\(--oui-color-primary\)\)_-11\%\,transparent_30\%\,transparent_77\%\,rgb\(var\(--oui-color-danger-darken\)\)_100\%\)\] {
   background-image:
     linear-gradient(
       15deg,
-      #283BEE -11%,
+      rgb(var(--oui-color-primary)) -11%,
       transparent 30%,
       transparent 77%,
-      #A53411 100%);
+      rgb(var(--oui-color-danger-darken)) 100%);
 }
-.oui-bg-\[linear-gradient\(15deg\,\#335FFC_0\%\,transparent_30\%\)\] {
+.oui-bg-\[linear-gradient\(15deg\,rgb\(var\(--oui-color-primary-darken\)\)_0\%\,transparent_30\%\)\] {
   background-image:
     linear-gradient(
       15deg,
-      #335FFC 0%,
+      rgb(var(--oui-color-primary-darken)) 0%,
       transparent 30%);
 }
-.oui-bg-\[linear-gradient\(15deg\,\#7400D0_-11\%\,transparent_30\%\,transparent_77\%\,\#009A7E_100\%\)\] {
+.oui-bg-\[linear-gradient\(15deg\,rgb\(var\(--oui-color-warning-darken\)\)_0\%\,transparent_30\%\)\] {
   background-image:
     linear-gradient(
       15deg,
-      #7400D0 -11%,
-      transparent 30%,
-      transparent 77%,
-      #009A7E 100%);
+      rgb(var(--oui-color-warning-darken)) 0%,
+      transparent 30%);
 }
-.oui-bg-\[linear-gradient\(15deg\,\#D25F00_0\%\,transparent_30\%\)\] {
+.oui-bg-\[linear-gradient\(15deg\,rgb\(var\(--oui-gradient-brand-start\)\)_0\%\,transparent_30\%\)\] {
   background-image:
     linear-gradient(
       15deg,
-      #D25F00 0%,
+      rgb(var(--oui-gradient-brand-start)) 0%,
       transparent 30%);
 }
 .oui-bg-\[linear-gradient\(270deg\,\#59B0FE_0\%\,\#26FEFE_100\%\)\] {
@@ -3825,12 +3885,12 @@ body {
       rgba(255, 255, 255, 0.0225) -2.05%,
       rgba(199, 199, 199, 0.45) 100%);
 }
-.oui-bg-\[linear-gradient\(270deg\,rgba\(89\,176\,254\,0\.10\)_0\%\,rgba\(38\,254\,254\,0\.10\)_100\%\)\] {
+.oui-bg-\[linear-gradient\(270deg\,rgba\(var\(--oui-gradient-brand-end\)\,0\.10\)_0\%\,rgba\(var\(--oui-gradient-brand-start\)\,0\.10\)_100\%\)\] {
   background-image:
     linear-gradient(
       270deg,
-      rgba(89, 176, 254, 0.10) 0%,
-      rgba(38, 254, 254, 0.10) 100%);
+      rgba(var(--oui-gradient-brand-end), 0.10) 0%,
+      rgba(var(--oui-gradient-brand-start), 0.10) 100%);
 }
 .oui-bg-\[linear-gradient\(90deg\,rgba\(var\(--oui-color-base-9\)_\/_0\)_0\%\,rgba\(var\(--oui-color-base-9\)_\/_1\)_100\%\)\] {
   background-image:
@@ -3851,49 +3911,44 @@ body {
 .oui-bg-gradient-to-tr {
   background-image: linear-gradient(to top right, var(--tw-gradient-stops));
 }
-.oui-from-\[\#26292E\] {
-  --tw-gradient-from: #26292E var(--tw-gradient-from-position);
-  --tw-gradient-to: rgb(38 41 46 / 0) var(--tw-gradient-to-position);
+.oui-from-\[\#FF7B00\] {
+  --tw-gradient-from: #FF7B00 var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(255 123 0 / 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
-.oui-from-\[\#26fefe\] {
-  --tw-gradient-from: #26fefe var(--tw-gradient-from-position);
-  --tw-gradient-to: rgb(38 254 254 / 0) var(--tw-gradient-to-position);
+.oui-from-\[rgb\(var\(--oui-gradient-brand-end\)\)\] {
+  --tw-gradient-from: rgb(var(--oui-gradient-brand-end)) var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(var(--oui-gradient-brand-end) / 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
-.oui-from-\[\#2d0061\] {
-  --tw-gradient-from: #2d0061 var(--tw-gradient-from-position);
-  --tw-gradient-to: rgb(45 0 97 / 0) var(--tw-gradient-to-position);
+.oui-from-\[rgb\(var\(--oui-gradient-brand-start\)\)\] {
+  --tw-gradient-from: rgb(var(--oui-gradient-brand-start)) var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(var(--oui-gradient-brand-start) / 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
-.oui-from-\[\#59b0fe\] {
-  --tw-gradient-from: #59b0fe var(--tw-gradient-from-position);
-  --tw-gradient-to: rgb(89 176 254 / 0) var(--tw-gradient-to-position);
+.oui-from-\[rgb\(var\(--oui-gradient-brand-start\)_\/_0\.12\)\] {
+  --tw-gradient-from: rgb(var(--oui-gradient-brand-start) / 0.12) var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(var(--oui-gradient-brand-start) / 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
-.oui-from-\[\#791438\] {
-  --tw-gradient-from: #791438 var(--tw-gradient-from-position);
-  --tw-gradient-to: rgb(121 20 56 / 0) var(--tw-gradient-to-position);
+.oui-from-\[rgb\(var\(--oui-gradient-danger-end\)\)\] {
+  --tw-gradient-from: rgb(var(--oui-gradient-danger-end)) var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(var(--oui-gradient-danger-end) / 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
-.oui-from-\[\#792e00\] {
-  --tw-gradient-from: #792e00 var(--tw-gradient-from-position);
-  --tw-gradient-to: rgb(121 46 0 / 0) var(--tw-gradient-to-position);
+.oui-from-\[rgb\(var\(--oui-gradient-neutral-start\)\)\] {
+  --tw-gradient-from: rgb(var(--oui-gradient-neutral-start)) var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(var(--oui-gradient-neutral-start) / 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
-.oui-from-\[\#FF7B00\] {
-  --tw-gradient-from: #FF7B00 var(--tw-gradient-from-position);
-  --tw-gradient-to: rgb(255 123 0 / 0) var(--tw-gradient-to-position);
+.oui-from-\[rgb\(var\(--oui-gradient-secondary-end\)\)\] {
+  --tw-gradient-from: rgb(var(--oui-gradient-secondary-end)) var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(var(--oui-gradient-secondary-end) / 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
-.oui-from-\[rgb\(var\(--oui-gradient-brand-start\)\)\] {
-  --tw-gradient-from: rgb(var(--oui-gradient-brand-start)) var(--tw-gradient-from-position);
-  --tw-gradient-to: rgb(var(--oui-gradient-brand-start) / 0) var(--tw-gradient-to-position);
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
-}
-.oui-from-\[rgb\(var\(--oui-gradient-brand-start\)_\/_0\.12\)\] {
-  --tw-gradient-from: rgb(var(--oui-gradient-brand-start) / 0.12) var(--tw-gradient-from-position);
-  --tw-gradient-to: rgb(var(--oui-gradient-brand-start) / 0) var(--tw-gradient-to-position);
+.oui-from-\[rgb\(var\(--oui-gradient-warning-end\)\)\] {
+  --tw-gradient-from: rgb(var(--oui-gradient-warning-end)) var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(var(--oui-gradient-warning-end) / 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
 .oui-from-\[rgba\(var\(--oui-gradient-brand-end\)\/0\)\] {
@@ -3924,33 +3979,18 @@ body {
 .oui-from-\[-20\%\] {
   --tw-gradient-from-position: -20%;
 }
-.oui-via-\[\#ff7d00\] {
-  --tw-gradient-to: rgb(255 125 0 / 0) var(--tw-gradient-to-position);
+.oui-via-\[rgb\(var\(--oui-color-warning-darken\)\)\] {
+  --tw-gradient-to: rgb(var(--oui-color-warning-darken) / 0) var(--tw-gradient-to-position);
   --tw-gradient-stops:
     var(--tw-gradient-from),
-    #ff7d00 var(--tw-gradient-via-position),
+    rgb(var(--oui-color-warning-darken)) var(--tw-gradient-via-position),
     var(--tw-gradient-to);
 }
-.oui-to-\[\#1B1D22\] {
-  --tw-gradient-to: #1B1D22 var(--tw-gradient-to-position);
-}
-.oui-to-\[\#26fefe\] {
-  --tw-gradient-to: #26fefe var(--tw-gradient-to-position);
-}
 .oui-to-\[\#FFEA00\] {
   --tw-gradient-to: #FFEA00 var(--tw-gradient-to-position);
 }
-.oui-to-\[\#bd6bed\] {
-  --tw-gradient-to: #bd6bed var(--tw-gradient-to-position);
-}
-.oui-to-\[\#d92d6b\] {
-  --tw-gradient-to: #d92d6b var(--tw-gradient-to-position);
-}
-.oui-to-\[\#ff447c\] {
-  --tw-gradient-to: #ff447c var(--tw-gradient-to-position);
-}
-.oui-to-\[\#ffb65d\] {
-  --tw-gradient-to: #ffb65d var(--tw-gradient-to-position);
+.oui-to-\[rgb\(var\(--oui-color-danger-darken\)\)\] {
+  --tw-gradient-to: rgb(var(--oui-color-danger-darken)) var(--tw-gradient-to-position);
 }
 .oui-to-\[rgb\(var\(--oui-gradient-brand-end\)\)\] {
   --tw-gradient-to: rgb(var(--oui-gradient-brand-end)) var(--tw-gradient-to-position);
@@ -3958,6 +3998,21 @@ body {
 .oui-to-\[rgb\(var\(--oui-gradient-brand-end\)_\/_0\.12\)\] {
   --tw-gradient-to: rgb(var(--oui-gradient-brand-end) / 0.12) var(--tw-gradient-to-position);
 }
+.oui-to-\[rgb\(var\(--oui-gradient-brand-start\)\)\] {
+  --tw-gradient-to: rgb(var(--oui-gradient-brand-start)) var(--tw-gradient-to-position);
+}
+.oui-to-\[rgb\(var\(--oui-gradient-danger-start\)\)\] {
+  --tw-gradient-to: rgb(var(--oui-gradient-danger-start)) var(--tw-gradient-to-position);
+}
+.oui-to-\[rgb\(var\(--oui-gradient-neutral-end\)\)\] {
+  --tw-gradient-to: rgb(var(--oui-gradient-neutral-end)) var(--tw-gradient-to-position);
+}
+.oui-to-\[rgb\(var\(--oui-gradient-secondary-start\)\)\] {
+  --tw-gradient-to: rgb(var(--oui-gradient-secondary-start)) var(--tw-gradient-to-position);
+}
+.oui-to-\[rgb\(var\(--oui-gradient-warning-start\)\)\] {
+  --tw-gradient-to: rgb(var(--oui-gradient-warning-start)) var(--tw-gradient-to-position);
+}
 .oui-to-\[rgba\(var\(--oui-gradient-brand-end\)\)\] {
   --tw-gradient-to: rgba(var(--oui-gradient-brand-end)) var(--tw-gradient-to-position);
 }
@@ -4001,9 +4056,6 @@ body {
 .\!oui-fill-base-6 {
   fill: rgb(var(--oui-color-base-6) / 1) !important;
 }
-.oui-fill-\[rgba\(255\,255\,255\,0\.36\)\] {
-  fill: rgba(255, 255, 255, 0.36);
-}
 .oui-fill-base-4 {
   fill: rgb(var(--oui-color-base-4) / 1);
 }
@@ -4013,9 +4065,21 @@ body {
 .oui-fill-base-6 {
   fill: rgb(var(--oui-color-base-6) / 1);
 }
+.oui-fill-base-7 {
+  fill: rgb(var(--oui-color-base-7) / 1);
+}
 .oui-fill-base-8 {
   fill: rgb(var(--oui-color-base-8) / 1);
 }
+.oui-fill-base-contrast {
+  fill: rgb(var(--oui-color-base-foreground) / 0.98);
+}
+.oui-fill-base-contrast-12 {
+  fill: rgb(var(--oui-color-base-foreground) / 0.12);
+}
+.oui-fill-base-contrast-16 {
+  fill: rgb(var(--oui-color-base-foreground) / 0.16);
+}
 .oui-fill-base-contrast-20 {
   fill: rgb(var(--oui-color-base-foreground) / 0.2);
 }
@@ -4025,6 +4089,12 @@ body {
 .oui-fill-base-contrast-54 {
   fill: rgb(var(--oui-color-base-foreground) / 0.54);
 }
+.oui-fill-base-contrast-6 {
+  fill: rgb(var(--oui-color-base-foreground) / 0.06);
+}
+.oui-fill-base-contrast-80 {
+  fill: rgb(var(--oui-color-base-foreground) / 0.80);
+}
 .oui-fill-current {
   fill: currentColor;
 }
@@ -4034,6 +4104,12 @@ body {
 .oui-fill-danger-light {
   fill: rgb(var(--oui-color-danger-light) / 1);
 }
+.oui-fill-primary {
+  fill: rgb(var(--oui-color-primary) / 1);
+}
+.oui-fill-primary-contrast {
+  fill: rgb(var(--oui-color-primary-contrast) / 1);
+}
 .oui-fill-primary-contrast\/50 {
   fill: rgb(var(--oui-color-primary-contrast) / 0.5);
 }
@@ -4046,30 +4122,24 @@ body {
 .oui-fill-success {
   fill: rgb(var(--oui-color-success) / 1);
 }
+.oui-fill-success-darken {
+  fill: rgb(var(--oui-color-success-darken) / 1);
+}
 .oui-fill-success-light {
   fill: rgb(var(--oui-color-success-light) / 1);
 }
 .oui-fill-transparent {
   fill: transparent;
 }
+.oui-fill-warning {
+  fill: rgb(var(--oui-color-warning) / 1);
+}
 .oui-fill-warning-darken {
   fill: rgb(var(--oui-color-warning-darken) / 1);
 }
 .oui-fill-warning-light {
   fill: rgb(var(--oui-color-warning-light) / 1);
 }
-.oui-fill-white {
-  fill: #fff;
-}
-.oui-fill-white\/\[\.36\] {
-  fill: rgb(255 255 255 / .36);
-}
-.oui-fill-white\/\[\.54\] {
-  fill: rgb(255 255 255 / .54);
-}
-.oui-fill-white\/\[\.98\] {
-  fill: rgb(255 255 255 / .98);
-}
 .oui-object-contain {
   -o-object-fit: contain;
   object-fit: contain;
@@ -4146,6 +4216,14 @@ body {
   padding-left: 0.25rem !important;
   padding-right: 0.25rem !important;
 }
+.\!oui-py-0 {
+  padding-top: 0px !important;
+  padding-bottom: 0px !important;
+}
+.\!oui-py-12 {
+  padding-top: 3rem !important;
+  padding-bottom: 3rem !important;
+}
 .\!oui-py-\[2px\] {
   padding-top: 2px !important;
   padding-bottom: 2px !important;
@@ -4170,6 +4248,10 @@ body {
   padding-left: 2.5rem;
   padding-right: 2.5rem;
 }
+.oui-px-16 {
+  padding-left: 4rem;
+  padding-right: 4rem;
+}
 .oui-px-2 {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
@@ -4367,6 +4449,9 @@ body {
 .oui-pb-2 {
   padding-bottom: 0.5rem;
 }
+.oui-pb-24 {
+  padding-bottom: 6rem;
+}
 .oui-pb-3 {
   padding-bottom: 0.75rem;
 }
@@ -4391,6 +4476,12 @@ body {
 .oui-pb-\[5px\] {
   padding-bottom: 5px;
 }
+.oui-pb-\[9px\] {
+  padding-bottom: 9px;
+}
+.oui-pb-\[calc\(20px\+env\(safe-area-inset-bottom\)\)\] {
+  padding-bottom: calc(20px + env(safe-area-inset-bottom));
+}
 .oui-pb-\[calc\(env\(safe-area-inset-bottom\)\)\] {
   padding-bottom: calc(env(safe-area-inset-bottom));
 }
@@ -4496,6 +4587,9 @@ body {
 .oui-pt-10 {
   padding-top: 2.5rem;
 }
+.oui-pt-16 {
+  padding-top: 4rem;
+}
 .oui-pt-2 {
   padding-top: 0.5rem;
 }
@@ -4535,6 +4629,12 @@ body {
 .oui-text-right {
   text-align: right;
 }
+.\!oui-text-start {
+  text-align: start !important;
+}
+.oui-text-start {
+  text-align: start;
+}
 .oui-text-end {
   text-align: end;
 }
@@ -4659,6 +4759,15 @@ body {
 .oui-leading-4 {
   line-height: 1rem;
 }
+.oui-leading-5 {
+  line-height: 1.25rem;
+}
+.oui-leading-6 {
+  line-height: 1.5rem;
+}
+.oui-leading-8 {
+  line-height: 2rem;
+}
 .oui-leading-\[0px\] {
   line-height: 0px;
 }
@@ -4722,9 +4831,21 @@ body {
 .oui-leading-tight {
   line-height: 1.25;
 }
+.oui-tracking-\[0\.01em\] {
+  letter-spacing: 0.01em;
+}
+.oui-tracking-\[0\.03em\] {
+  letter-spacing: 0.03em;
+}
+.oui-tracking-\[0\.48px\] {
+  letter-spacing: 0.48px;
+}
 .oui-tracking-tight {
   letter-spacing: -0.025em;
 }
+.oui-tracking-wide {
+  letter-spacing: 0.025em;
+}
 .oui-tracking-widest {
   letter-spacing: 0.1em;
 }
@@ -4732,23 +4853,12 @@ body {
   --tw-text-opacity: 1;
   color: rgb(99 102 109 / var(--tw-text-opacity, 1));
 }
-.oui-text-\[\#D25f00\] {
-  --tw-text-opacity: 1;
-  color: rgb(210 95 0 / var(--tw-text-opacity, 1));
-}
-.oui-text-\[\#FF7D00\] {
-  --tw-text-opacity: 1;
-  color: rgb(255 125 0 / var(--tw-text-opacity, 1));
-}
 .oui-text-\[rgb\(var\(--oui-gradient-brand-start\)\)\] {
   color: rgb(var(--oui-gradient-brand-start));
 }
 .oui-text-\[rgba\(0\,0\,0\,\.88\)\] {
   color: rgba(0, 0, 0, .88);
 }
-.oui-text-\[rgba\(0\,0\,0\,0\.88\)\] {
-  color: rgba(0, 0, 0, 0.88);
-}
 .oui-text-\[rgba\(255\,154\,46\,1\)\] {
   color: rgba(255, 154, 46, 1);
 }
@@ -4756,6 +4866,10 @@ body {
   --tw-text-opacity: 1;
   color: rgb(var(--oui-color-base-1) / var(--tw-text-opacity, 1));
 }
+.oui-text-base-10 {
+  --tw-text-opacity: 1;
+  color: rgb(var(--oui-color-base-10) / var(--tw-text-opacity, 1));
+}
 .oui-text-base-5 {
   --tw-text-opacity: 1;
   color: rgb(var(--oui-color-base-5) / var(--tw-text-opacity, 1));
@@ -4783,6 +4897,9 @@ body {
 .oui-text-base-contrast-54 {
   color: rgb(var(--oui-color-base-foreground) / 0.54);
 }
+.oui-text-base-contrast-8 {
+  color: rgb(var(--oui-color-base-foreground) / 0.08);
+}
 .oui-text-base-contrast-80 {
   color: rgb(var(--oui-color-base-foreground) / 0.80);
 }
@@ -4795,18 +4912,27 @@ body {
 .oui-text-base-contrast\/60 {
   color: rgb(var(--oui-color-base-foreground) / 0.6);
 }
-.oui-text-black {
-  --tw-text-opacity: 1;
-  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
+.oui-text-base-static {
+  color: rgb(var(--oui-color-base-static) / 0.98);
+}
+.oui-text-base-static-54 {
+  color: rgb(var(--oui-color-base-static) / 0.54);
+}
+.oui-text-base-static-80 {
+  color: rgb(var(--oui-color-base-static) / 0.80);
 }
-.oui-text-black\/\[\.88\] {
-  color: rgb(0 0 0 / .88);
+.oui-text-base-static-contrast {
+  color: rgb(var(--oui-color-base-static-contrast) / 0.98);
 }
-.oui-text-black\/\[0\.2\] {
-  color: rgb(0 0 0 / 0.2);
+.oui-text-base-static-contrast-20 {
+  color: rgb(var(--oui-color-base-static-contrast) / 0.2);
 }
-.oui-text-black\/\[0\.88\] {
-  color: rgb(0 0 0 / 0.88);
+.oui-text-base-static-contrast-80 {
+  color: rgb(var(--oui-color-base-static-contrast) / 0.80);
+}
+.oui-text-black {
+  --tw-text-opacity: 1;
+  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
 }
 .oui-text-current {
   color: currentColor;
@@ -4846,6 +4972,9 @@ body {
   --tw-text-opacity: 1;
   color: rgb(var(--oui-color-primary-contrast) / var(--tw-text-opacity, 1));
 }
+.oui-text-primary-contrast\/80 {
+  color: rgb(var(--oui-color-primary-contrast) / 0.8);
+}
 .oui-text-primary-darken {
   --tw-text-opacity: 1;
   color: rgb(var(--oui-color-primary-darken) / var(--tw-text-opacity, 1));
@@ -4865,6 +4994,9 @@ body {
   --tw-text-opacity: 1;
   color: rgb(var(--oui-color-secondary) / var(--tw-text-opacity, 1));
 }
+.oui-text-secondary\/80 {
+  color: rgb(var(--oui-color-secondary) / 0.8);
+}
 .oui-text-secondary\/\[0\.36\] {
   color: rgb(var(--oui-color-secondary) / 0.36);
 }
@@ -4880,6 +5012,9 @@ body {
   --tw-text-opacity: 1;
   color: rgb(var(--oui-color-success-darken) / var(--tw-text-opacity, 1));
 }
+.oui-text-success-darken\/50 {
+  color: rgb(var(--oui-color-success-darken) / 0.5);
+}
 .oui-text-success-light {
   --tw-text-opacity: 1;
   color: rgb(var(--oui-color-success-light) / var(--tw-text-opacity, 1));
@@ -4931,6 +5066,9 @@ body {
 .oui-no-underline {
   text-decoration-line: none;
 }
+.oui-decoration-base-contrast {
+  text-decoration-color: rgb(var(--oui-color-base-foreground) / 0.98);
+}
 .oui-decoration-base-contrast-36 {
   text-decoration-color: rgb(var(--oui-color-base-foreground) / 0.36);
 }
@@ -4943,6 +5081,9 @@ body {
 .oui-decoration-white\/20 {
   text-decoration-color: rgb(255 255 255 / 0.2);
 }
+.oui-decoration-dotted {
+  text-decoration-style: dotted;
+}
 .oui-decoration-dashed {
   text-decoration-style: dashed;
 }
@@ -4961,8 +5102,8 @@ body {
 .oui-placeholder-base-contrast-20::placeholder {
   color: rgb(var(--oui-color-base-foreground) / 0.2);
 }
-.oui-caret-\[rgba\(217\,217\,217\,1\)\] {
-  caret-color: rgba(217, 217, 217, 1);
+.oui-caret-\[rgb\(var\(--oui-color-tertiary\)\)\] {
+  caret-color: rgb(var(--oui-color-tertiary));
 }
 .oui-opacity-0 {
   opacity: 0;
@@ -4991,6 +5132,9 @@ body {
 .oui-opacity-80 {
   opacity: 0.8;
 }
+.oui-opacity-90 {
+  opacity: 0.9;
+}
 .oui-opacity-\[\.12\] {
   opacity: .12;
 }
@@ -5126,12 +5270,18 @@ body {
 .oui-outline-danger-light {
   outline-color: rgb(var(--oui-color-danger-light) / 1);
 }
+.oui-outline-line {
+  outline-color: rgb(var(--oui-color-line, 255 255 255) / 0.08);
+}
 .oui-outline-line-12 {
   outline-color: rgb(var(--oui-color-line, 255 255 255) / 0.12);
 }
 .oui-outline-primary-darken {
   outline-color: rgb(var(--oui-color-primary-darken) / 1);
 }
+.oui-outline-primary-light {
+  outline-color: rgb(var(--oui-color-primary-light) / 1);
+}
 .oui-outline-success {
   outline-color: rgb(var(--oui-color-success) / 1);
 }
@@ -5621,10 +5771,6 @@ body {
   content: var(--tw-content);
   background-color: transparent !important;
 }
-.after\:oui-bg-white\/50::after {
-  content: var(--tw-content);
-  background-color: rgb(255 255 255 / 0.5);
-}
 .after\:\!oui-shadow-transparent::after {
   content: var(--tw-content);
   --tw-shadow-color: transparent !important;
@@ -5650,6 +5796,13 @@ body {
   --tw-border-opacity: 1;
   border-color: rgb(var(--oui-color-danger-light) / var(--tw-border-opacity, 1));
 }
+.focus-within\:oui-border-primary-light:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgb(var(--oui-color-primary-light) / var(--tw-border-opacity, 1));
+}
+.focus-within\:oui-border-transparent:focus-within {
+  border-color: transparent;
+}
 .focus-within\:oui-border-warning-light:focus-within {
   --tw-border-opacity: 1;
   border-color: rgb(var(--oui-color-warning-light) / var(--tw-border-opacity, 1));
@@ -5699,6 +5852,9 @@ body {
 .hover\:oui-border-base-contrast-16:hover {
   border-color: rgb(var(--oui-color-base-foreground) / 0.16);
 }
+.hover\:oui-border-line-12:hover {
+  border-color: rgb(var(--oui-color-line, 255 255 255) / 0.12);
+}
 .hover\:oui-border-primary-light:hover {
   --tw-border-opacity: 1;
   border-color: rgb(var(--oui-color-primary-light) / var(--tw-border-opacity, 1));
@@ -5723,6 +5879,9 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(var(--oui-color-base-3) / var(--tw-bg-opacity, 1));
 }
+.hover\:oui-bg-base-3\/80:hover {
+  background-color: rgb(var(--oui-color-base-3) / 0.8);
+}
 .hover\:oui-bg-base-4:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(var(--oui-color-base-4) / var(--tw-bg-opacity, 1));
@@ -5749,6 +5908,9 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(var(--oui-color-base-8) / var(--tw-bg-opacity, 1));
 }
+.hover\:oui-bg-base-static-80:hover {
+  background-color: rgb(var(--oui-color-base-static) / 0.80);
+}
 .hover\:oui-bg-danger-darken\/80:hover {
   background-color: rgb(var(--oui-color-danger-darken) / 0.8);
 }
@@ -5801,9 +5963,6 @@ body {
 .hover\:oui-bg-warning-darken\/80:hover {
   background-color: rgb(var(--oui-color-warning-darken) / 0.8);
 }
-.hover\:oui-bg-white\/80:hover {
-  background-color: rgb(255 255 255 / 0.8);
-}
 .hover\:oui-fill-base-contrast:hover {
   fill: rgb(var(--oui-color-base-foreground) / 0.98);
 }
@@ -5816,12 +5975,6 @@ body {
 .hover\:oui-fill-primary-light:hover {
   fill: rgb(var(--oui-color-primary-light) / 1);
 }
-.hover\:oui-fill-white\/80:hover {
-  fill: rgb(255 255 255 / 0.8);
-}
-.hover\:oui-fill-white\/\[\.98\]:hover {
-  fill: rgb(255 255 255 / .98);
-}
 .hover\:oui-text-\[rgba\(255\,154\,46\,1\)\]:hover {
   color: rgba(255, 154, 46, 1);
 }
@@ -5834,17 +5987,33 @@ body {
 .hover\:oui-text-base-contrast-80:hover {
   color: rgb(var(--oui-color-base-foreground) / 0.80);
 }
+.hover\:oui-text-danger\/80:hover {
+  color: rgb(var(--oui-color-danger) / 0.8);
+}
 .hover\:oui-text-primary-darken:hover {
   --tw-text-opacity: 1;
   color: rgb(var(--oui-color-primary-darken) / var(--tw-text-opacity, 1));
 }
+.hover\:oui-text-primary-darken\/80:hover {
+  color: rgb(var(--oui-color-primary-darken) / 0.8);
+}
+.hover\:oui-text-secondary:hover {
+  --tw-text-opacity: 1;
+  color: rgb(var(--oui-color-secondary) / var(--tw-text-opacity, 1));
+}
 .hover\:oui-text-secondary\/80:hover {
   color: rgb(var(--oui-color-secondary) / 0.8);
 }
+.hover\:oui-text-success\/80:hover {
+  color: rgb(var(--oui-color-success) / 0.8);
+}
 .hover\:oui-text-warning-darken:hover {
   --tw-text-opacity: 1;
   color: rgb(var(--oui-color-warning-darken) / var(--tw-text-opacity, 1));
 }
+.hover\:oui-text-warning-darken\/80:hover {
+  color: rgb(var(--oui-color-warning-darken) / 0.8);
+}
 .hover\:oui-text-white\/80:hover {
   color: rgb(255 255 255 / 0.8);
 }
@@ -5884,22 +6053,10 @@ body {
 .focus\:oui-border-\[3px\]:focus {
   border-width: 3px;
 }
-.focus\:oui-border-danger-light:focus {
-  --tw-border-opacity: 1;
-  border-color: rgb(var(--oui-color-danger-light) / var(--tw-border-opacity, 1));
-}
 .focus\:oui-border-primary-darken:focus {
   --tw-border-opacity: 1;
   border-color: rgb(var(--oui-color-primary-darken) / var(--tw-border-opacity, 1));
 }
-.focus\:oui-border-primary-light:focus {
-  --tw-border-opacity: 1;
-  border-color: rgb(var(--oui-color-primary-light) / var(--tw-border-opacity, 1));
-}
-.focus\:oui-border-warning-light:focus {
-  --tw-border-opacity: 1;
-  border-color: rgb(var(--oui-color-warning-light) / var(--tw-border-opacity, 1));
-}
 .focus\:\!oui-bg-primary-light:focus {
   --tw-bg-opacity: 1 !important;
   background-color: rgb(var(--oui-color-primary-light) / var(--tw-bg-opacity, 1)) !important;
@@ -5994,6 +6151,9 @@ body {
 .active\:oui-bg-base-2\/70:active {
   background-color: rgb(var(--oui-color-base-2) / 0.7);
 }
+.active\:oui-bg-base-3\/70:active {
+  background-color: rgb(var(--oui-color-base-3) / 0.7);
+}
 .active\:oui-bg-base-4\/70:active {
   background-color: rgb(var(--oui-color-base-4) / 0.7);
 }
@@ -6001,6 +6161,9 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(var(--oui-color-base-6) / var(--tw-bg-opacity, 1));
 }
+.active\:oui-bg-base-static-54:active {
+  background-color: rgb(var(--oui-color-base-static) / 0.54);
+}
 .active\:oui-bg-danger-darken\/80:active {
   background-color: rgb(var(--oui-color-danger-darken) / 0.8);
 }
@@ -6019,8 +6182,20 @@ body {
 .active\:oui-bg-warning-darken\/70:active {
   background-color: rgb(var(--oui-color-warning-darken) / 0.7);
 }
-.active\:oui-bg-white\/50:active {
-  background-color: rgb(255 255 255 / 0.5);
+.active\:oui-text-danger\/70:active {
+  color: rgb(var(--oui-color-danger) / 0.7);
+}
+.active\:oui-text-primary-darken\/70:active {
+  color: rgb(var(--oui-color-primary-darken) / 0.7);
+}
+.active\:oui-text-success\/70:active {
+  color: rgb(var(--oui-color-success) / 0.7);
+}
+.active\:oui-text-warning-darken\/70:active {
+  color: rgb(var(--oui-color-warning-darken) / 0.7);
+}
+.active\:oui-text-white\/70:active {
+  color: rgb(255 255 255 / 0.7);
 }
 .active\:\!oui-shadow-\[0px_0px_4px_0px\]:active {
   --tw-shadow: 0px 0px 4px 0px !important;
@@ -6058,20 +6233,20 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(var(--oui-color-base-7) / var(--tw-bg-opacity, 1));
 }
+.disabled\:oui-bg-base-static-36:disabled {
+  background-color: rgb(var(--oui-color-base-static) / 0.36);
+}
 .disabled\:oui-bg-transparent:disabled {
   background-color: transparent;
 }
-.disabled\:oui-bg-white\/30:disabled {
-  background-color: rgb(255 255 255 / 0.3);
-}
 .disabled\:oui-text-base-contrast-20:disabled {
   color: rgb(var(--oui-color-base-foreground) / 0.2);
 }
 .disabled\:oui-text-base-contrast-36:disabled {
   color: rgb(var(--oui-color-base-foreground) / 0.36);
 }
-.disabled\:oui-text-black\/\[\.36\]:disabled {
-  color: rgb(0 0 0 / .36);
+.disabled\:oui-text-base-static-contrast-36:disabled {
+  color: rgb(var(--oui-color-base-static-contrast) / 0.36);
 }
 .disabled\:oui-opacity-30:disabled {
   opacity: 0.3;
@@ -6086,8 +6261,8 @@ body {
 .disabled\:hover\:oui-bg-transparent:hover:disabled {
   background-color: transparent;
 }
-.hover\:disabled\:oui-bg-white\/30:disabled:hover {
-  background-color: rgb(255 255 255 / 0.3);
+.hover\:disabled\:oui-bg-base-static-36:disabled:hover {
+  background-color: rgb(var(--oui-color-base-static) / 0.36);
 }
 .oui-group:first-child .group-first\:oui-rounded-t-xl {
   border-top-left-radius: var(--oui-rounded-xl, 0.75rem);
@@ -6117,6 +6292,10 @@ body {
   --tw-translate-x: 0px;
   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));
 }
+.oui-group:hover .group-hover\:oui-border-base-4 {
+  --tw-border-opacity: 1;
+  border-color: rgb(var(--oui-color-base-4) / var(--tw-border-opacity, 1));
+}
 .oui-group:hover .group-hover\:oui-border-primary-light {
   --tw-border-opacity: 1;
   border-color: rgb(var(--oui-color-primary-light) / var(--tw-border-opacity, 1));
@@ -6435,10 +6614,9 @@ body {
   content: var(--tw-content);
   border-radius: var(--oui-rounded-full, 9999px);
 }
-.data-\[state\=active\]\:after\:oui-bg-white[data-state=active]::after {
+.data-\[state\=active\]\:after\:oui-bg-base-contrast[data-state=active]::after {
   content: var(--tw-content);
-  --tw-bg-opacity: 1;
-  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+  background-color: rgb(var(--oui-color-base-foreground) / 0.98);
 }
 .data-\[state\=active\]\:after\:oui-content-\[\'\'\][data-state=active]::after {
   --tw-content: "";
@@ -6600,6 +6778,12 @@ body {
   .md\:oui-top-1\/2 {
     top: 50%;
   }
+  .md\:oui-order-1 {
+    order: 1;
+  }
+  .md\:oui-order-2 {
+    order: 2;
+  }
   .md\:oui-m-3 {
     margin: 0.75rem;
   }
@@ -6607,6 +6791,10 @@ body {
     margin-left: 0px;
     margin-right: 0px;
   }
+  .md\:oui-mx-auto {
+    margin-left: auto;
+    margin-right: auto;
+  }
   .md\:oui-mb-3 {
     margin-bottom: 0.75rem;
   }
@@ -6632,6 +6820,10 @@ body {
     width: 18px;
     height: 18px;
   }
+  .md\:oui-size-\[480px\] {
+    width: 480px;
+    height: 480px;
+  }
   .md\:oui-h-10 {
     height: 2.5rem;
   }
@@ -6674,6 +6866,9 @@ body {
   .md\:oui-h-\[var\(--radix-select-trigger-height\)\] {
     height: var(--radix-select-trigger-height);
   }
+  .md\:oui-w-1\/2 {
+    width: 50%;
+  }
   .md\:oui-w-3 {
     width: 0.75rem;
   }
@@ -6686,6 +6881,9 @@ body {
   .md\:oui-w-6 {
     width: 1.5rem;
   }
+  .md\:oui-w-\[1040px\] {
+    width: 1040px;
+  }
   .md\:oui-w-\[14px\] {
     width: 14px;
   }
@@ -6708,6 +6906,9 @@ body {
   .md\:oui-min-w-\[var\(--radix-select-trigger-width\)\] {
     min-width: var(--radix-select-trigger-width);
   }
+  .md\:oui-max-w-\[1040px\] {
+    max-width: 1040px;
+  }
   .md\:oui-flex-shrink {
     flex-shrink: 1;
   }
@@ -6718,6 +6919,12 @@ body {
   .md\:oui-cursor-not-allowed {
     cursor: not-allowed;
   }
+  .md\:oui-grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+  .md\:oui-grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
   .md\:oui-grid-cols-4 {
     grid-template-columns: repeat(4, minmax(0, 1fr));
   }
@@ -6778,6 +6985,9 @@ body {
   .md\:oui-justify-stretch {
     justify-content: stretch;
   }
+  .md\:oui-gap-10 {
+    gap: 2.5rem;
+  }
   .md\:oui-gap-3 {
     gap: 0.75rem;
   }
@@ -6838,10 +7048,22 @@ body {
     padding-top: 0px;
     padding-bottom: 0px;
   }
+  .md\:oui-py-12 {
+    padding-top: 3rem;
+    padding-bottom: 3rem;
+  }
   .md\:oui-py-3 {
     padding-top: 0.75rem;
     padding-bottom: 0.75rem;
   }
+  .md\:oui-py-7 {
+    padding-top: 1.75rem;
+    padding-bottom: 1.75rem;
+  }
+  .md\:oui-py-\[38px\] {
+    padding-top: 38px;
+    padding-bottom: 38px;
+  }
   .md\:oui-pb-\[14px\] {
     padding-bottom: 14px;
   }
@@ -6893,6 +7115,10 @@ body {
     font-size: var(--oui-font-size-3xl, 1.75rem);
     line-height: 2.25rem;
   }
+  .md\:oui-text-6xl {
+    font-size: var(--oui-font-size-6xl, 3rem);
+    line-height: 3rem;
+  }
   .md\:oui-text-\[20px\] {
     font-size: 20px;
   }
@@ -6925,6 +7151,9 @@ body {
   .md\:oui-leading-\[56px\] {
     line-height: 56px;
   }
+  .md\:oui-leading-\[72px\] {
+    line-height: 72px;
+  }
   .md\:oui-text-base-contrast-20 {
     color: rgb(var(--oui-color-base-foreground) / 0.2);
   }
@@ -7989,10 +8218,50 @@ body {
 .\[\&\>th\:last-child\]\:oui-pr-3 > th:last-child {
   padding-right: 0.75rem;
 }
+.\[\&_\.oui-h-10\.oui-w-full\]\:\!oui-mx-0 .oui-h-10.oui-w-full {
+  margin-left: 0px !important;
+  margin-right: 0px !important;
+}
+.\[\&_\.oui-scroll-indicator-leading\]\:oui-hidden .oui-scroll-indicator-leading {
+  display: none;
+}
+.\[\&_\.oui-scroll-indicator-tailing\]\:oui-hidden .oui-scroll-indicator-tailing {
+  display: none;
+}
+.\[\&_\.oui-table-pagination\]\:\!oui-justify-end .oui-table-pagination {
+  justify-content: flex-end !important;
+}
+.\[\&_button\]\:oui-border-secondary\/80 button {
+  border-color: rgb(var(--oui-color-secondary) / 0.8);
+}
 .\[\&_img\]\:\!oui-h-\[18px\] img {
   height: 18px !important;
 }
 .\[\&_p\]\:oui-text-base-contrast-36 p {
   color: rgb(var(--oui-color-base-foreground) / 0.36);
 }
+.\[\&_svg\]\:oui-text-secondary svg {
+  --tw-text-opacity: 1;
+  color: rgb(var(--oui-color-secondary) / var(--tw-text-opacity, 1));
+}
+.\[\&_td\]\:\!oui-px-3 td {
+  padding-left: 0.75rem !important;
+  padding-right: 0.75rem !important;
+}
+.\[\&_td\]\:oui-font-medium td {
+  font-weight: 500;
+}
+.\[\&_td\]\:oui-tracking-\[0\.03em\] td {
+  letter-spacing: 0.03em;
+}
+.\[\&_th\]\:\!oui-px-3 th {
+  padding-left: 0.75rem !important;
+  padding-right: 0.75rem !important;
+}
+.\[\&_th\]\:oui-font-semibold th {
+  font-weight: 600;
+}
+.\[\&_th\]\:\!oui-tracking-\[0\.03em\] th {
+  letter-spacing: 0.03em !important;
+}
 /*# sourceMappingURL=index.css.map */