@medusajs/dashboard 3.0.0-snapshot-20250410112222 → 3.0.0-snapshot-20251104011621

package/dist/app.css

@@ -1,6 +1,114 @@
 /* src/index.css */
 *,
 ::before,
+::after {
+  --tw-border-spacing-x: 0;
+  --tw-border-spacing-y: 0;
+  --tw-translate-x: 0;
+  --tw-translate-y: 0;
+  --tw-rotate: 0;
+  --tw-skew-x: 0;
+  --tw-skew-y: 0;
+  --tw-scale-x: 1;
+  --tw-scale-y: 1;
+  --tw-pan-x: ;
+  --tw-pan-y: ;
+  --tw-pinch-zoom: ;
+  --tw-scroll-snap-strictness: proximity;
+  --tw-gradient-from-position: ;
+  --tw-gradient-via-position: ;
+  --tw-gradient-to-position: ;
+  --tw-ordinal: ;
+  --tw-slashed-zero: ;
+  --tw-numeric-figure: ;
+  --tw-numeric-spacing: ;
+  --tw-numeric-fraction: ;
+  --tw-ring-inset: ;
+  --tw-ring-offset-width: 0px;
+  --tw-ring-offset-color: #fff;
+  --tw-ring-color: rgb(59 130 246 / 0.5);
+  --tw-ring-offset-shadow: 0 0 #0000;
+  --tw-ring-shadow: 0 0 #0000;
+  --tw-shadow: 0 0 #0000;
+  --tw-shadow-colored: 0 0 #0000;
+  --tw-blur: ;
+  --tw-brightness: ;
+  --tw-contrast: ;
+  --tw-grayscale: ;
+  --tw-hue-rotate: ;
+  --tw-invert: ;
+  --tw-saturate: ;
+  --tw-sepia: ;
+  --tw-drop-shadow: ;
+  --tw-backdrop-blur: ;
+  --tw-backdrop-brightness: ;
+  --tw-backdrop-contrast: ;
+  --tw-backdrop-grayscale: ;
+  --tw-backdrop-hue-rotate: ;
+  --tw-backdrop-invert: ;
+  --tw-backdrop-opacity: ;
+  --tw-backdrop-saturate: ;
+  --tw-backdrop-sepia: ;
+  --tw-contain-size: ;
+  --tw-contain-layout: ;
+  --tw-contain-paint: ;
+  --tw-contain-style: ;
+}
+::backdrop {
+  --tw-border-spacing-x: 0;
+  --tw-border-spacing-y: 0;
+  --tw-translate-x: 0;
+  --tw-translate-y: 0;
+  --tw-rotate: 0;
+  --tw-skew-x: 0;
+  --tw-skew-y: 0;
+  --tw-scale-x: 1;
+  --tw-scale-y: 1;
+  --tw-pan-x: ;
+  --tw-pan-y: ;
+  --tw-pinch-zoom: ;
+  --tw-scroll-snap-strictness: proximity;
+  --tw-gradient-from-position: ;
+  --tw-gradient-via-position: ;
+  --tw-gradient-to-position: ;
+  --tw-ordinal: ;
+  --tw-slashed-zero: ;
+  --tw-numeric-figure: ;
+  --tw-numeric-spacing: ;
+  --tw-numeric-fraction: ;
+  --tw-ring-inset: ;
+  --tw-ring-offset-width: 0px;
+  --tw-ring-offset-color: #fff;
+  --tw-ring-color: rgb(59 130 246 / 0.5);
+  --tw-ring-offset-shadow: 0 0 #0000;
+  --tw-ring-shadow: 0 0 #0000;
+  --tw-shadow: 0 0 #0000;
+  --tw-shadow-colored: 0 0 #0000;
+  --tw-blur: ;
+  --tw-brightness: ;
+  --tw-contrast: ;
+  --tw-grayscale: ;
+  --tw-hue-rotate: ;
+  --tw-invert: ;
+  --tw-saturate: ;
+  --tw-sepia: ;
+  --tw-drop-shadow: ;
+  --tw-backdrop-blur: ;
+  --tw-backdrop-brightness: ;
+  --tw-backdrop-contrast: ;
+  --tw-backdrop-grayscale: ;
+  --tw-backdrop-hue-rotate: ;
+  --tw-backdrop-invert: ;
+  --tw-backdrop-opacity: ;
+  --tw-backdrop-saturate: ;
+  --tw-backdrop-sepia: ;
+  --tw-contain-size: ;
+  --tw-contain-layout: ;
+  --tw-contain-paint: ;
+  --tw-contain-style: ;
+}
+*,
+::before,
 ::after {
   box-sizing: border-box;
   border-width: 0;
@@ -223,7 +331,7 @@ video {
   max-width: 100%;
   height: auto;
 }
-[hidden] {
+[hidden]:where(:not([hidden=until-found])) {
   display: none;
 }
 * {
@@ -318,9 +426,8 @@ video {
   --bg-overlay: rgba(24, 24, 27, 0.4);
   --fg-disabled: rgba(161, 161, 170, 1);
   --fg-muted: rgba(113, 113, 122, 1);
-  --alpha-400: rgba(24, 24, 27, 0.24);
   --alpha-250: rgba(24, 24, 27, 0.1);
-  --borders-interactive-with-active: 0px 0px 0px 1px rgba(59, 130, 246, 1), 0px 0px 0px 4px rgba(59, 130, 246, 0.2);
+  --alpha-400: rgba(24, 24, 27, 0.24);
   --buttons-danger-focus:
     0px 0.75px 0px 0px rgba(255, 255, 255, 0.2) inset,
     0px 1px 2px 0px rgba(190, 18, 60, 0.4),
@@ -328,14 +435,8 @@ video {
     0px 0px 0px 2px rgba(255, 255, 255, 1),
     0px 0px 0px 4px rgba(59, 130, 246, 0.6);
   --details-contrast-on-bg-interactive: 0px 1px 2px 0px rgba(30, 58, 138, 0.6);
-  --borders-interactive-with-focus:
-    0px 1px 2px 0px rgba(30, 58, 138, 0.5),
-    0px 0px 0px 1px rgba(59, 130, 246, 1),
-    0px 0px 0px 2px rgba(255, 255, 255, 1),
-    0px 0px 0px 4px rgba(59, 130, 246, 0.6);
   --borders-error: 0px 0px 0px 1px rgba(225, 29, 72, 1), 0px 0px 0px 3px rgba(225, 29, 72, 0.15);
   --borders-focus: 0px 0px 0px 1px rgba(255, 255, 255, 1), 0px 0px 0px 3px rgba(59, 130, 246, 0.6);
-  --borders-interactive-with-shadow: 0px 1px 2px 0px rgba(30, 58, 138, 0.5), 0px 0px 0px 1px rgba(59, 130, 246, 1);
   --buttons-danger:
     0px 0.75px 0px 0px rgba(255, 255, 255, 0.2) inset,
     0px 1px 2px 0px rgba(190, 18, 60, 0.4),
@@ -407,6 +508,13 @@ video {
     0px 0px 0px 1.25px rgba(255, 255, 255, 0.3) inset,
     0px 8px 16px 0px rgba(0, 0, 0, 0.08),
     0px 16px 32px 0px rgba(0, 0, 0, 0.08);
+  --borders-interactive-with-focus:
+    0px 1px 2px 0px rgba(30, 58, 138, 0.5),
+    0px 0px 0px 1px rgba(37, 99, 235, 1),
+    0px 0px 0px 2px rgba(255, 255, 255, 1),
+    0px 0px 0px 4px rgba(37, 99, 235, 0.6);
+  --borders-interactive-with-shadow: 0px 1px 2px 0px rgba(30, 58, 138, 0.5), 0px 0px 0px 1px rgba(37, 99, 235, 1);
+  --borders-interactive-with-active: 0px 0px 0px 4px rgba(37, 99, 235, 0.2), 0px 0px 0px 1px rgba(37, 99, 235, 1);
 }
 .dark {
   --button-danger-pressed: rgba(225, 29, 72, 1);
@@ -499,7 +607,6 @@ video {
   --fg-muted: rgba(113, 113, 122, 1);
   --alpha-400: rgba(255, 255, 255, 0.24);
   --alpha-250: rgba(255, 255, 255, 0.1);
-  --borders-interactive-with-shadow: 0px 1px 2px 0px rgba(219, 234, 254, 0.5), 0px 0px 0px 1px rgba(96, 165, 250, 1);
   --details-contrast-on-bg-interactive: 0px 1px 2px 0px rgba(30, 58, 138, 0.6);
   --details-switch-handle:
     0px 0px 2px 1px rgba(255, 255, 255, 1) inset,
@@ -511,11 +618,6 @@ video {
     0px 0px 1px 0px rgba(0, 0, 0, 0.1);
   --borders-interactive-with-active: 0px 0px 0px 1px rgba(96, 165, 250, 1), 0px 0px 0px 4px rgba(59, 130, 246, 0.25);
   --borders-focus: 0px 0px 0px 1px rgba(24, 24, 27, 1), 0px 0px 0px 3px rgba(96, 165, 250, 0.8);
-  --borders-interactive-with-focus:
-    0px 1px 2px 0px rgba(219, 234, 254, 0.5),
-    0px 0px 0px 1px rgba(96, 165, 250, 1),
-    0px 0px 0px 2px rgba(24, 24, 27, 1),
-    0px 0px 0px 4px rgba(96, 165, 250, 0.8);
   --details-switch-background-focus:
     0px 0px 0px 1px rgba(24, 24, 27, 1),
     0px 0px 0px 3px rgba(96, 165, 250, 0.8),
@@ -611,6 +713,12 @@ video {
     0px 2px 4px 0px rgba(0, 0, 0, 0.32),
     0px 0px 0px 1px rgba(255, 255, 255, 0.1),
     0px 4px 8px 0px rgba(0, 0, 0, 0.32);
+  --borders-interactive-with-focus:
+    0px -1px 2px 0px rgba(219, 234, 254, 0.5),
+    0px 0px 0px 1px rgba(96, 165, 250, 1),
+    0px 0px 0px 2px rgba(24, 24, 27, 1),
+    0px 0px 0px 4px rgba(96, 165, 250, 0.8);
+  --borders-interactive-with-shadow: 0px -1px 2px 0px rgba(219, 234, 254, 0.5), 0px 0px 0px 1px rgba(96, 165, 250, 1);
 }
 @font-face {
   font-family: "Inter";
@@ -639,114 +747,6 @@ video {
   -moz-osx-font-smoothing: grayscale;
   text-rendering: optimizeLegibility;
 }
-*,
-::before,
-::after {
-  --tw-border-spacing-x: 0;
-  --tw-border-spacing-y: 0;
-  --tw-translate-x: 0;
-  --tw-translate-y: 0;
-  --tw-rotate: 0;
-  --tw-skew-x: 0;
-  --tw-skew-y: 0;
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-  --tw-pan-x: ;
-  --tw-pan-y: ;
-  --tw-pinch-zoom: ;
-  --tw-scroll-snap-strictness: proximity;
-  --tw-gradient-from-position: ;
-  --tw-gradient-via-position: ;
-  --tw-gradient-to-position: ;
-  --tw-ordinal: ;
-  --tw-slashed-zero: ;
-  --tw-numeric-figure: ;
-  --tw-numeric-spacing: ;
-  --tw-numeric-fraction: ;
-  --tw-ring-inset: ;
-  --tw-ring-offset-width: 0px;
-  --tw-ring-offset-color: #fff;
-  --tw-ring-color: rgb(59 130 246 / 0.5);
-  --tw-ring-offset-shadow: 0 0 #0000;
-  --tw-ring-shadow: 0 0 #0000;
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  --tw-blur: ;
-  --tw-brightness: ;
-  --tw-contrast: ;
-  --tw-grayscale: ;
-  --tw-hue-rotate: ;
-  --tw-invert: ;
-  --tw-saturate: ;
-  --tw-sepia: ;
-  --tw-drop-shadow: ;
-  --tw-backdrop-blur: ;
-  --tw-backdrop-brightness: ;
-  --tw-backdrop-contrast: ;
-  --tw-backdrop-grayscale: ;
-  --tw-backdrop-hue-rotate: ;
-  --tw-backdrop-invert: ;
-  --tw-backdrop-opacity: ;
-  --tw-backdrop-saturate: ;
-  --tw-backdrop-sepia: ;
-  --tw-contain-size: ;
-  --tw-contain-layout: ;
-  --tw-contain-paint: ;
-  --tw-contain-style: ;
-}
-::backdrop {
-  --tw-border-spacing-x: 0;
-  --tw-border-spacing-y: 0;
-  --tw-translate-x: 0;
-  --tw-translate-y: 0;
-  --tw-rotate: 0;
-  --tw-skew-x: 0;
-  --tw-skew-y: 0;
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-  --tw-pan-x: ;
-  --tw-pan-y: ;
-  --tw-pinch-zoom: ;
-  --tw-scroll-snap-strictness: proximity;
-  --tw-gradient-from-position: ;
-  --tw-gradient-via-position: ;
-  --tw-gradient-to-position: ;
-  --tw-ordinal: ;
-  --tw-slashed-zero: ;
-  --tw-numeric-figure: ;
-  --tw-numeric-spacing: ;
-  --tw-numeric-fraction: ;
-  --tw-ring-inset: ;
-  --tw-ring-offset-width: 0px;
-  --tw-ring-offset-color: #fff;
-  --tw-ring-color: rgb(59 130 246 / 0.5);
-  --tw-ring-offset-shadow: 0 0 #0000;
-  --tw-ring-shadow: 0 0 #0000;
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  --tw-blur: ;
-  --tw-brightness: ;
-  --tw-contrast: ;
-  --tw-grayscale: ;
-  --tw-hue-rotate: ;
-  --tw-invert: ;
-  --tw-saturate: ;
-  --tw-sepia: ;
-  --tw-drop-shadow: ;
-  --tw-backdrop-blur: ;
-  --tw-backdrop-brightness: ;
-  --tw-backdrop-contrast: ;
-  --tw-backdrop-grayscale: ;
-  --tw-backdrop-hue-rotate: ;
-  --tw-backdrop-invert: ;
-  --tw-backdrop-opacity: ;
-  --tw-backdrop-saturate: ;
-  --tw-backdrop-sepia: ;
-  --tw-contain-size: ;
-  --tw-contain-layout: ;
-  --tw-contain-paint: ;
-  --tw-contain-style: ;
-}
 .\!container {
   width: 100% !important;
 }
@@ -835,27 +835,6 @@ video {
     Segoe UI Symbol,
     Noto Color Emoji;
 }
-.txt-xlarge {
-  font-size: 1.125rem;
-  line-height: 1.6875rem;
-  font-weight: 400;
-  font-family:
-    Inter,
-    ui-sans-serif,
-    system-ui,
-    -apple-system,
-    BlinkMacSystemFont,
-    Segoe UI,
-    Roboto,
-    Helvetica Neue,
-    Arial,
-    Noto Sans,
-    sans-serif,
-    Apple Color Emoji,
-    Segoe UI Emoji,
-    Segoe UI Symbol,
-    Noto Color Emoji;
-}
 .\!txt-compact-small-plus {
   font-size: 0.8125rem !important;
   line-height: 1.25rem !important;
@@ -940,9 +919,9 @@ video {
     Segoe UI Symbol,
     Noto Color Emoji;
 }
-.txt-medium {
-  font-size: 0.875rem;
-  line-height: 1.3125rem;
+.txt-compact-large {
+  font-size: 1rem;
+  line-height: 1.25rem;
   font-weight: 400;
   font-family:
     Inter,
@@ -961,10 +940,10 @@ video {
     Segoe UI Symbol,
     Noto Color Emoji;
 }
-.txt-compact-large {
-  font-size: 1rem;
+.txt-compact-medium-plus {
+  font-size: 0.875rem;
   line-height: 1.25rem;
-  font-weight: 400;
+  font-weight: 500;
   font-family:
     Inter,
     ui-sans-serif,
@@ -982,10 +961,10 @@ video {
     Segoe UI Symbol,
     Noto Color Emoji;
 }
-.txt-compact-medium-plus {
-  font-size: 0.875rem;
+.txt-compact-xlarge {
+  font-size: 1.125rem;
   line-height: 1.25rem;
-  font-weight: 500;
+  font-weight: 400;
   font-family:
     Inter,
     ui-sans-serif,
@@ -1003,8 +982,8 @@ video {
     Segoe UI Symbol,
     Noto Color Emoji;
 }
-.txt-compact-xlarge {
-  font-size: 1.125rem;
+.txt-compact-small {
+  font-size: 0.8125rem;
   line-height: 1.25rem;
   font-weight: 400;
   font-family:
@@ -1024,10 +1003,10 @@ video {
     Segoe UI Symbol,
     Noto Color Emoji;
 }
-.txt-compact-small {
-  font-size: 0.8125rem;
-  line-height: 1.25rem;
-  font-weight: 400;
+.h2-core {
+  font-size: 1rem;
+  line-height: 1.5rem;
+  font-weight: 500;
   font-family:
     Inter,
     ui-sans-serif,
@@ -1045,10 +1024,10 @@ video {
     Segoe UI Symbol,
     Noto Color Emoji;
 }
-.txt-small {
-  font-size: 0.8125rem;
-  line-height: 1.21875rem;
-  font-weight: 400;
+.h3-core {
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  font-weight: 500;
   font-family:
     Inter,
     ui-sans-serif,
@@ -1066,9 +1045,9 @@ video {
     Segoe UI Symbol,
     Noto Color Emoji;
 }
-.txt-small-plus {
-  font-size: 0.8125rem;
-  line-height: 1.21875rem;
+.h1-core {
+  font-size: 1.125rem;
+  line-height: 1.75rem;
   font-weight: 500;
   font-family:
     Inter,
@@ -1087,9 +1066,9 @@ video {
     Segoe UI Symbol,
     Noto Color Emoji;
 }
-.txt-large {
-  font-size: 1rem;
-  line-height: 1.5rem;
+.txt-small {
+  font-size: 0.8125rem;
+  line-height: 1.3000000715255737rem;
   font-weight: 400;
   font-family:
     Inter,
@@ -1108,9 +1087,9 @@ video {
     Segoe UI Symbol,
     Noto Color Emoji;
 }
-.txt-xsmall {
-  font-size: 0.75rem;
-  line-height: 1.125rem;
+.txt-medium {
+  font-size: 0.875rem;
+  line-height: 1.399999976158142rem;
   font-weight: 400;
   font-family:
     Inter,
@@ -1129,9 +1108,9 @@ video {
     Segoe UI Symbol,
     Noto Color Emoji;
 }
-.h2-core {
-  font-size: 1rem;
-  line-height: 1.5rem;
+.txt-small-plus {
+  font-size: 0.8125rem;
+  line-height: 1.3000000715255737rem;
   font-weight: 500;
   font-family:
     Inter,
@@ -1150,10 +1129,10 @@ video {
     Segoe UI Symbol,
     Noto Color Emoji;
 }
-.h3-core {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 500;
+.txt-large {
+  font-size: 1rem;
+  line-height: 1.600000023841858rem;
+  font-weight: 400;
   font-family:
     Inter,
     ui-sans-serif,
@@ -1171,10 +1150,10 @@ video {
     Segoe UI Symbol,
     Noto Color Emoji;
 }
-.h1-core {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
+.txt-xsmall {
+  font-size: 0.75rem;
+  line-height: 1.2000000476837158rem;
+  font-weight: 400;
   font-family:
     Inter,
     ui-sans-serif,
@@ -1192,20 +1171,26 @@ video {
     Segoe UI Symbol,
     Noto Color Emoji;
 }
-.code-body {
-  font-size: 0.75rem;
-  line-height: 1.125rem;
+.txt-xlarge {
+  font-size: 1.125rem;
+  line-height: 1.8000000715255737rem;
   font-weight: 400;
   font-family:
-    Roboto Mono,
-    ui-monospace,
-    SFMono-Regular,
-    Menlo,
-    Monaco,
-    Consolas,
-    Liberation Mono,
-    Courier New,
-    monospace;
+    Inter,
+    ui-sans-serif,
+    system-ui,
+    -apple-system,
+    BlinkMacSystemFont,
+    Segoe UI,
+    Roboto,
+    Helvetica Neue,
+    Arial,
+    Noto Sans,
+    sans-serif,
+    Apple Color Emoji,
+    Segoe UI Emoji,
+    Segoe UI Symbol,
+    Noto Color Emoji;
 }
 .sr-only {
   position: absolute;
@@ -1278,18 +1263,18 @@ video {
 .\!top-6 {
   top: 1.5rem !important;
 }
-.-left-2 {
-  left: -0.5rem;
+.-end-2\.5 {
+  inset-inline-end: -0.625rem;
 }
 .-right-2 {
   right: -0.5rem;
 }
-.-right-2\.5 {
-  right: -0.625rem;
-}
 .-right-\[5px\] {
   right: -5px;
 }
+.-start-2 {
+  inset-inline-start: -0.5rem;
+}
 .-top-1 {
   top: -0.25rem;
 }
@@ -1308,12 +1293,18 @@ video {
 .bottom-\[3px\] {
   bottom: 3px;
 }
+.end-0 {
+  inset-inline-end: 0px;
+}
+.end-4 {
+  inset-inline-end: 1rem;
+}
+.end-\[28px\] {
+  inset-inline-end: 28px;
+}
 .left-0 {
   left: 0px;
 }
-.left-0\.5 {
-  left: 0.125rem;
-}
 .left-1\/2 {
   left: 50%;
 }
@@ -1341,9 +1332,6 @@ video {
 .left-\[calc\(20px\+24px\+24px\)\] {
   left: calc(20px + 24px + 24px);
 }
-.left-\[calc\(var\(--tag-width\)\+8px\)\] {
-  left: calc(var(--tag-width) + 8px);
-}
 .right-0 {
   right: 0px;
 }
@@ -1353,8 +1341,14 @@ video {
 .right-4 {
   right: 1rem;
 }
-.right-\[28px\] {
-  right: 28px;
+.start-0\.5 {
+  inset-inline-start: 0.125rem;
+}
+.start-2 {
+  inset-inline-start: 0.5rem;
+}
+.start-\[calc\(var\(--tag-width\)\+8px\)\] {
+  inset-inline-start: calc(var(--tag-width) + 8px);
 }
 .top-0 {
   top: 0px;
@@ -1395,9 +1389,6 @@ video {
 .z-\[3\] {
   z-index: 3;
 }
-.float-left {
-  float: left;
-}
 .-m-4 {
   margin: -1rem;
 }
@@ -1489,12 +1480,12 @@ video {
 .mb-\[-6px\] {
   margin-bottom: -6px;
 }
+.me-2 {
+  margin-inline-end: 0.5rem;
+}
 .ml-1 {
   margin-left: 0.25rem;
 }
-.ml-10 {
-  margin-left: 2.5rem;
-}
 .ml-2 {
   margin-left: 0.5rem;
 }
@@ -1537,9 +1528,6 @@ video {
 .mt-8 {
   margin-top: 2rem;
 }
-.mt-\[1\.5px\] {
-  margin-top: 1.5px;
-}
 .mt-\[2px\] {
   margin-top: 2px;
 }
@@ -1580,10 +1568,6 @@ video {
   width: 1.25rem !important;
   height: 1.25rem !important;
 }
-.size-1 {
-  width: 0.25rem;
-  height: 0.25rem;
-}
 .size-1\.5 {
   width: 0.375rem;
   height: 0.375rem;
@@ -1664,9 +1648,6 @@ video {
 .\!h-6 {
   height: 1.5rem !important;
 }
-.h-0 {
-  height: 0px;
-}
 .h-0\.5 {
   height: 0.125rem;
 }
@@ -1685,12 +1666,18 @@ video {
 .h-2 {
   height: 0.5rem;
 }
+.h-20 {
+  height: 5rem;
+}
 .h-3 {
   height: 0.75rem;
 }
 .h-3\.5 {
   height: 0.875rem;
 }
+.h-4 {
+  height: 1rem;
+}
 .h-5 {
   height: 1.25rem;
 }
@@ -1791,6 +1778,9 @@ video {
 .max-h-\[219px\] {
   max-height: 219px;
 }
+.max-h-\[250px\] {
+  max-height: 250px;
+}
 .max-h-\[300px\] {
   max-height: 300px;
 }
@@ -1800,6 +1790,9 @@ video {
 .max-h-\[360px\] {
   max-height: 360px;
 }
+.max-h-\[400px\] {
+  max-height: 400px;
+}
 .max-h-\[460px\] {
   max-height: 460px;
 }
@@ -1911,6 +1904,9 @@ video {
 .w-8 {
   width: 2rem;
 }
+.w-80 {
+  width: 20rem;
+}
 .w-\[116px\] {
   width: 116px;
 }
@@ -1950,6 +1946,12 @@ video {
 .w-\[220px\] {
   width: 220px;
 }
+.w-\[250px\] {
+  width: 250px;
+}
+.w-\[260px\] {
+  width: 260px;
+}
 .w-\[28px\] {
   width: 28px;
 }
@@ -2029,6 +2031,9 @@ video {
 .min-w-\[120px\] {
   min-width: 120px;
 }
+.min-w-\[200px\] {
+  min-width: 200px;
+}
 .min-w-\[20px\] {
   min-width: 20px;
 }
@@ -2050,6 +2055,9 @@ video {
 .min-w-\[720px\] {
   min-width: 720px;
 }
+.min-w-\[80px\] {
+  min-width: 80px;
+}
 .min-w-\[calc\(20px\+24px\+24px\)\] {
   min-width: calc(20px + 24px + 24px);
 }
@@ -2179,6 +2187,12 @@ video {
 .basis-1\/2 {
   flex-basis: 50%;
 }
+.basis-1\/3 {
+  flex-basis: 33.333333%;
+}
+.basis-full {
+  flex-basis: 100%;
+}
 .origin-top-left {
   transform-origin: top left;
 }
@@ -2298,6 +2312,9 @@ video {
 .grid-cols-\[1fr_1fr_1fr_20px\] {
   grid-template-columns: 1fr 1fr 1fr 20px;
 }
+.grid-cols-\[1fr_1fr_20px\] {
+  grid-template-columns: 1fr 1fr 20px;
+}
 .grid-cols-\[1fr_1fr_28px\] {
   grid-template-columns: 1fr 1fr 28px;
 }
@@ -2418,10 +2435,6 @@ video {
 .gap-8 {
   gap: 2rem;
 }
-.gap-x-0 {
-  -moz-column-gap: 0px;
-  column-gap: 0px;
-}
 .gap-x-0\.5 {
   -moz-column-gap: 0.125rem;
   column-gap: 0.125rem;
@@ -2454,9 +2467,6 @@ video {
   -moz-column-gap: 3px;
   column-gap: 3px;
 }
-.gap-y-0 {
-  row-gap: 0px;
-}
 .gap-y-0\.5 {
   row-gap: 0.125rem;
 }
@@ -2496,6 +2506,11 @@ video {
   margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
   margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
 }
+.space-y-3 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
+}
 .divide-x > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-x-reverse: 0;
   border-right-width: calc(1px * var(--tw-divide-x-reverse));
@@ -2656,6 +2671,9 @@ video {
 .border-b-2 {
   border-bottom-width: 2px;
 }
+.border-e {
+  border-inline-end-width: 1px;
+}
 .border-l {
   border-left-width: 1px;
 }
@@ -2698,6 +2716,9 @@ video {
 .border-ui-border-base {
   border-color: var(--border-base);
 }
+.border-ui-border-error {
+  border-color: var(--border-error);
+}
 .border-ui-border-interactive {
   border-color: var(--border-interactive);
 }
@@ -2745,11 +2766,17 @@ video {
 }
 .bg-\[\#3B82F6\] {
   --tw-bg-opacity: 1;
-  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
+  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
+}
+.bg-black\/30 {
+  background-color: rgb(0 0 0 / 0.3);
+}
+.bg-black\/50 {
+  background-color: rgb(0 0 0 / 0.5);
 }
 .bg-gray-200 {
   --tw-bg-opacity: 1;
-  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
+  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
 }
 .bg-transparent {
   background-color: transparent;
@@ -3148,11 +3175,11 @@ video {
   padding-top: 1px;
   padding-bottom: 1px;
 }
-.\!pl-0 {
-  padding-left: 0px !important;
+.\!pe-0 {
+  padding-inline-end: 0px !important;
 }
-.\!pr-0 {
-  padding-right: 0px !important;
+.\!ps-0 {
+  padding-inline-start: 0px !important;
 }
 .pb-1 {
   padding-bottom: 0.25rem;
@@ -3175,15 +3202,27 @@ video {
 .pb-\[9px\] {
   padding-bottom: 9px;
 }
+.pe-1 {
+  padding-inline-end: 0.25rem;
+}
+.pe-2 {
+  padding-inline-end: 0.5rem;
+}
+.pe-2\.5 {
+  padding-inline-end: 0.625rem;
+}
+.pe-6 {
+  padding-inline-end: 1.5rem;
+}
+.pe-8 {
+  padding-inline-end: 2rem;
+}
 .pl-0 {
   padding-left: 0px;
 }
 .pl-0\.5 {
   padding-left: 0.125rem;
 }
-.pl-1 {
-  padding-left: 0.25rem;
-}
 .pl-1\.5 {
   padding-left: 0.375rem;
 }
@@ -3199,15 +3238,15 @@ video {
 .pl-5 {
   padding-left: 1.25rem;
 }
-.pl-6 {
-  padding-left: 1.5rem;
-}
 .pl-7 {
   padding-left: 1.75rem;
 }
 .pl-8 {
   padding-left: 2rem;
 }
+.pl-\[1px\] {
+  padding-left: 1px;
+}
 .pl-\[31px\] {
   padding-left: 31px;
 }
@@ -3220,24 +3259,15 @@ video {
 .pl-\[88px\] {
   padding-left: 88px;
 }
-.pl-\[calc\(var\(--tag-width\)\+8px\)\] {
-  padding-left: calc(var(--tag-width) + 8px);
-}
 .pr-1 {
   padding-right: 0.25rem;
 }
 .pr-1\.5 {
   padding-right: 0.375rem;
 }
-.pr-10 {
-  padding-right: 2.5rem;
-}
 .pr-2 {
   padding-right: 0.5rem;
 }
-.pr-2\.5 {
-  padding-right: 0.625rem;
-}
 .pr-3 {
   padding-right: 0.75rem;
 }
@@ -3259,6 +3289,27 @@ video {
 .pr-\[calc\(15px\+2px\+8px\)\] {
   padding-right: calc(15px + 2px + 8px);
 }
+.ps-0\.5 {
+  padding-inline-start: 0.125rem;
+}
+.ps-1 {
+  padding-inline-start: 0.25rem;
+}
+.ps-1\.5 {
+  padding-inline-start: 0.375rem;
+}
+.ps-2 {
+  padding-inline-start: 0.5rem;
+}
+.ps-3 {
+  padding-inline-start: 0.75rem;
+}
+.ps-6 {
+  padding-inline-start: 1.5rem;
+}
+.ps-\[calc\(var\(--tag-width\)\+8px\)\] {
+  padding-inline-start: calc(var(--tag-width) + 8px);
+}
 .pt-0 {
   padding-top: 0px;
 }
@@ -3396,11 +3447,11 @@ video {
 }
 .text-blue-500 {
   --tw-text-opacity: 1;
-  color: rgb(59 130 246 / var(--tw-text-opacity));
+  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
 }
 .text-red-500 {
   --tw-text-opacity: 1;
-  color: rgb(239 68 68 / var(--tw-text-opacity));
+  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
 }
 .text-ui-contrast-fg-primary {
   color: var(--contrast-fg-primary);
@@ -3690,6 +3741,14 @@ video {
     var(--tw-ring-shadow, 0 0 #0000),
     var(--tw-shadow);
 }
+.shadow-lg {
+  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow, 0 0 #0000),
+    var(--tw-ring-shadow, 0 0 #0000),
+    var(--tw-shadow);
+}
 .shadow-none {
   --tw-shadow: 0 0 #0000;
   --tw-shadow-colored: 0 0 #0000;
@@ -3706,6 +3765,9 @@ video {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
+.outline {
+  outline-style: solid;
+}
 .ring-2 {
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -3739,18 +3801,6 @@ video {
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
 .transition {
-  transition-property:
-    color,
-    background-color,
-    border-color,
-    text-decoration-color,
-    fill,
-    stroke,
-    opacity,
-    box-shadow,
-    transform,
-    filter,
-    -webkit-backdrop-filter;
   transition-property:
     color,
     background-color,
@@ -3763,19 +3813,6 @@ video {
     transform,
     filter,
     backdrop-filter;
-  transition-property:
-    color,
-    background-color,
-    border-color,
-    text-decoration-color,
-    fill,
-    stroke,
-    opacity,
-    box-shadow,
-    transform,
-    filter,
-    backdrop-filter,
-    -webkit-backdrop-filter;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
@@ -3920,42 +3957,6 @@ video {
     Segoe UI Symbol,
     Noto Color Emoji;
 }
-.\[\&\>\*\]\:txt-compact-small-plus > * {
-  font-size: 0.8125rem;
-  line-height: 1.25rem;
-  font-weight: 500;
-  font-family:
-    Inter,
-    ui-sans-serif,
-    system-ui,
-    -apple-system,
-    BlinkMacSystemFont,
-    Segoe UI,
-    Roboto,
-    Helvetica Neue,
-    Arial,
-    Noto Sans,
-    sans-serif,
-    Apple Color Emoji,
-    Segoe UI Emoji,
-    Segoe UI Symbol,
-    Noto Color Emoji;
-}
-.\[\&\>code\]\:code-body > code {
-  font-size: 0.75rem;
-  line-height: 1.125rem;
-  font-weight: 400;
-  font-family:
-    Roboto Mono,
-    ui-monospace,
-    SFMono-Regular,
-    Menlo,
-    Monaco,
-    Consolas,
-    Liberation Mono,
-    Courier New,
-    monospace;
-}
 .\[\&_\[cmdk-group-heading\]\]\:txt-compact-xsmall-plus [cmdk-group-heading] {
   font-size: 0.75rem;
   line-height: 1.25rem;
@@ -4083,9 +4084,6 @@ video {
 .last-of-type\:-mr-1:last-of-type {
   margin-right: -0.25rem;
 }
-.last-of-type\:\!border-b:last-of-type {
-  border-bottom-width: 1px !important;
-}
 .last-of-type\:border-b-0:last-of-type {
   border-bottom-width: 0px;
 }
@@ -4183,7 +4181,7 @@ video {
 }
 .hover\:text-blue-400:hover {
   --tw-text-opacity: 1;
-  color: rgb(96 165 250 / var(--tw-text-opacity));
+  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
 }
 .hover\:text-ui-contrast-fg-primary:hover {
   color: var(--contrast-fg-primary);
@@ -4857,6 +4855,17 @@ video {
   .max-md\:max-w-\[calc\(100\%-16px\)\] {
     max-width: calc(100% - 16px);
   }
+  .max-md\:gap-y-2 {
+    row-gap: 0.5rem;
+  }
+  .max-md\:divide-y > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-y-reverse: 0;
+    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
+    border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
+  }
+  .max-md\:pt-4 {
+    padding-top: 1rem;
+  }
 }
 @media not all and (min-width: 640px) {
   .max-sm\:inset-x-2 {
@@ -4883,9 +4892,15 @@ video {
   .sm\:max-w-\[560px\] {
     max-width: 560px;
   }
+  .sm\:grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
   .sm\:grid-cols-\[1fr_1fr_1fr_1fr_20px\] {
     grid-template-columns: 1fr 1fr 1fr 1fr 20px;
   }
+  .sm\:grid-cols-\[1fr_1fr_1fr_20px\] {
+    grid-template-columns: 1fr 1fr 1fr 20px;
+  }
   .sm\:flex-row {
     flex-direction: row;
   }
@@ -4922,9 +4937,6 @@ video {
   .md\:items-center {
     align-items: center;
   }
-  .md\:justify-end {
-    justify-content: flex-end;
-  }
   .md\:gap-y-0 {
     row-gap: 0px;
   }
@@ -4936,9 +4948,6 @@ video {
   }
 }
 @media (min-width: 1024px) {
-  .lg\:col-span-2 {
-    grid-column: span 2 / span 2;
-  }
   .lg\:block {
     display: block;
   }
@@ -4957,12 +4966,18 @@ video {
   .lg\:grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
+  .lg\:grid-cols-6 {
+    grid-template-columns: repeat(6, minmax(0, 1fr));
+  }
   .lg\:grid-cols-\[1fr_560px\] {
     grid-template-columns: 1fr 560px;
   }
   .lg\:flex-row {
     flex-direction: row;
   }
+  .lg\:gap-6 {
+    gap: 1.5rem;
+  }
   .lg\:gap-y-8 {
     row-gap: 2rem;
   }
@@ -4972,6 +4987,9 @@ video {
   .lg\:border-l {
     border-left-width: 1px;
   }
+  .lg\:p-6 {
+    padding: 1.5rem;
+  }
 }
 @media (min-width: 1280px) {
   .xl\:mt-0 {
@@ -5002,6 +5020,10 @@ video {
     align-items: center;
   }
 }
+.rtl\:rotate-180:where([dir=rtl], [dir=rtl] *) {
+  --tw-rotate: 180deg;
+  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));
+}
 .\[\&\:\:--webkit-search-cancel-button\]\:hidden::--webkit-search-cancel-button {
   display: none;
 }
@@ -5028,15 +5050,6 @@ video {
 .\[\&\:hover\>div\]\:bg-ui-bg-component-hover:hover > div {
   background-color: var(--bg-component-hover);
 }
-.\[\&\>\*\]\:flex > * {
-  display: flex;
-}
-.\[\&\>\*\]\:items-center > * {
-  align-items: center;
-}
-.\[\&\>\*\]\:justify-center > * {
-  justify-content: center;
-}
 .\[\&\>code\]\:mx-2 > code {
   margin-left: 0.5rem;
   margin-right: 0.5rem;