@opengeni/react 0.48.0 → 0.57.0

package/styles/compiled.css

@@ -472,6 +472,7 @@
     --ease-out: cubic-bezier(0, 0, 0.2, 1);
     --blur-sm: 8px;
     --blur-md: 12px;
+    --aspect-video: 16 / 9;
     --default-transition-duration: 150ms;
     --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     --color-og-surface-1: var(--og-color-surface-1);
@@ -555,9 +556,18 @@
 :where(.og-root).top-1\/2,:where(.og-root) .top-1\/2 {
     top: calc(1 / 2 * 100%);
   }
+:where(.og-root).top-2,:where(.og-root) .top-2 {
+    top: calc(var(--spacing) * 2);
+  }
 :where(.og-root).top-3,:where(.og-root) .top-3 {
     top: calc(var(--spacing) * 3);
   }
+:where(.og-root).top-8,:where(.og-root) .top-8 {
+    top: calc(var(--spacing) * 8);
+  }
+:where(.og-root).top-10,:where(.og-root) .top-10 {
+    top: calc(var(--spacing) * 10);
+  }
 :where(.og-root).-right-3,:where(.og-root) .-right-3 {
     right: calc(var(--spacing) * -3);
   }
@@ -573,9 +583,18 @@
 :where(.og-root).bottom-0,:where(.og-root) .bottom-0 {
     bottom: calc(var(--spacing) * 0);
   }
+:where(.og-root).bottom-2,:where(.og-root) .bottom-2 {
+    bottom: calc(var(--spacing) * 2);
+  }
+:where(.og-root).bottom-3,:where(.og-root) .bottom-3 {
+    bottom: calc(var(--spacing) * 3);
+  }
 :where(.og-root).bottom-4,:where(.og-root) .bottom-4 {
     bottom: calc(var(--spacing) * 4);
   }
+:where(.og-root).bottom-7,:where(.og-root) .bottom-7 {
+    bottom: calc(var(--spacing) * 7);
+  }
 :where(.og-root).bottom-14,:where(.og-root) .bottom-14 {
     bottom: calc(var(--spacing) * 14);
   }
@@ -588,6 +607,12 @@
 :where(.og-root).left-1\/2,:where(.og-root) .left-1\/2 {
     left: calc(1 / 2 * 100%);
   }
+:where(.og-root).left-2,:where(.og-root) .left-2 {
+    left: calc(var(--spacing) * 2);
+  }
+:where(.og-root).z-0,:where(.og-root) .z-0 {
+    z-index: 0;
+  }
 :where(.og-root).z-10,:where(.og-root) .z-10 {
     z-index: 10;
   }
@@ -606,6 +631,12 @@
 :where(.og-root).z-\[1\],:where(.og-root) .z-\[1\] {
     z-index: 1;
   }
+:where(.og-root).z-\[75\],:where(.og-root) .z-\[75\] {
+    z-index: 75;
+  }
+:where(.og-root).z-\[80\],:where(.og-root) .z-\[80\] {
+    z-index: 80;
+  }
 :where(.og-root).z-\[100\],:where(.og-root) .z-\[100\] {
     z-index: 100;
   }
@@ -615,6 +646,9 @@
 :where(.og-root).z-\[2147483647\],:where(.og-root) .z-\[2147483647\] {
     z-index: 2147483647;
   }
+:where(.og-root).col-span-2,:where(.og-root) .col-span-2 {
+    grid-column: span 2 / span 2;
+  }
 :where(.og-root).col-span-full,:where(.og-root) .col-span-full {
     grid-column: 1 / -1;
   }
@@ -654,6 +688,9 @@
 :where(.og-root).m-0,:where(.og-root) .m-0 {
     margin: calc(var(--spacing) * 0);
   }
+:where(.og-root).m-auto,:where(.og-root) .m-auto {
+    margin: auto;
+  }
 :where(.og-root).-mx-1,:where(.og-root) .-mx-1 {
     margin-inline: calc(var(--spacing) * -1);
   }
@@ -768,6 +805,9 @@
 :where(.og-root).ml-px,:where(.og-root) .ml-px {
     margin-left: 1px;
   }
+:where(.og-root).box-border,:where(.og-root) .box-border {
+    box-sizing: border-box;
+  }
 :where(.og-root).line-clamp-1,:where(.og-root) .line-clamp-1 {
     overflow: hidden;
     display: -webkit-box;
@@ -813,6 +853,9 @@
 :where(.og-root).table,:where(.og-root) .table {
     display: table;
   }
+:where(.og-root).aspect-video,:where(.og-root) .aspect-video {
+    aspect-ratio: var(--aspect-video);
+  }
 :where(.og-root).size-1,:where(.og-root) .size-1 {
     width: calc(var(--spacing) * 1);
     height: calc(var(--spacing) * 1);
@@ -841,6 +884,10 @@
     width: calc(var(--spacing) * 4);
     height: calc(var(--spacing) * 4);
   }
+:where(.og-root).size-4\.5,:where(.og-root) .size-4\.5 {
+    width: calc(var(--spacing) * 4.5);
+    height: calc(var(--spacing) * 4.5);
+  }
 :where(.og-root).size-5,:where(.og-root) .size-5 {
     width: calc(var(--spacing) * 5);
     height: calc(var(--spacing) * 5);
@@ -877,6 +924,10 @@
     width: 100%;
     height: 100%;
   }
+:where(.og-root).size-px,:where(.og-root) .size-px {
+    width: 1px;
+    height: 1px;
+  }
 :where(.og-root).h-1,:where(.og-root) .h-1 {
     height: calc(var(--spacing) * 1);
   }
@@ -886,6 +937,9 @@
 :where(.og-root).h-4,:where(.og-root) .h-4 {
     height: calc(var(--spacing) * 4);
   }
+:where(.og-root).h-5,:where(.og-root) .h-5 {
+    height: calc(var(--spacing) * 5);
+  }
 :where(.og-root).h-6,:where(.og-root) .h-6 {
     height: calc(var(--spacing) * 6);
   }
@@ -937,6 +991,12 @@
 :where(.og-root).max-h-20,:where(.og-root) .max-h-20 {
     max-height: calc(var(--spacing) * 20);
   }
+:where(.og-root).max-h-28,:where(.og-root) .max-h-28 {
+    max-height: calc(var(--spacing) * 28);
+  }
+:where(.og-root).max-h-40,:where(.og-root) .max-h-40 {
+    max-height: calc(var(--spacing) * 40);
+  }
 :where(.og-root).max-h-48,:where(.og-root) .max-h-48 {
     max-height: calc(var(--spacing) * 48);
   }
@@ -952,6 +1012,9 @@
 :where(.og-root).max-h-80,:where(.og-root) .max-h-80 {
     max-height: calc(var(--spacing) * 80);
   }
+:where(.og-root).max-h-\[32rem\],:where(.og-root) .max-h-\[32rem\] {
+    max-height: 32rem;
+  }
 :where(.og-root).max-h-\[82vh\],:where(.og-root) .max-h-\[82vh\] {
     max-height: 82vh;
   }
@@ -970,6 +1033,9 @@
 :where(.og-root).max-h-\[min\(30rem\,60dvh\)\],:where(.og-root) .max-h-\[min\(30rem\,60dvh\)\] {
     max-height: min(30rem, 60dvh);
   }
+:where(.og-root).max-h-\[min\(32rem\,70vh\)\],:where(.og-root) .max-h-\[min\(32rem\,70vh\)\] {
+    max-height: min(32rem, 70vh);
+  }
 :where(.og-root).max-h-full,:where(.og-root) .max-h-full {
     max-height: 100%;
   }
@@ -985,12 +1051,21 @@
 :where(.og-root).min-h-9,:where(.og-root) .min-h-9 {
     min-height: calc(var(--spacing) * 9);
   }
+:where(.og-root).min-h-10,:where(.og-root) .min-h-10 {
+    min-height: calc(var(--spacing) * 10);
+  }
 :where(.og-root).min-h-11,:where(.og-root) .min-h-11 {
     min-height: calc(var(--spacing) * 11);
   }
 :where(.og-root).min-h-14,:where(.og-root) .min-h-14 {
     min-height: calc(var(--spacing) * 14);
   }
+:where(.og-root).min-h-56,:where(.og-root) .min-h-56 {
+    min-height: calc(var(--spacing) * 56);
+  }
+:where(.og-root).min-h-72,:where(.og-root) .min-h-72 {
+    min-height: calc(var(--spacing) * 72);
+  }
 :where(.og-root).min-h-\[var\(--og-session-chrome-chip-min-height\)\],:where(.og-root) .min-h-\[var\(--og-session-chrome-chip-min-height\)\] {
     min-height: var(--og-session-chrome-chip-min-height);
   }
@@ -1012,9 +1087,15 @@
 :where(.og-root).w-3,:where(.og-root) .w-3 {
     width: calc(var(--spacing) * 3);
   }
+:where(.og-root).w-5,:where(.og-root) .w-5 {
+    width: calc(var(--spacing) * 5);
+  }
 :where(.og-root).w-6,:where(.og-root) .w-6 {
     width: calc(var(--spacing) * 6);
   }
+:where(.og-root).w-7,:where(.og-root) .w-7 {
+    width: calc(var(--spacing) * 7);
+  }
 :where(.og-root).w-11,:where(.og-root) .w-11 {
     width: calc(var(--spacing) * 11);
   }
@@ -1024,6 +1105,9 @@
 :where(.og-root).w-48,:where(.og-root) .w-48 {
     width: calc(var(--spacing) * 48);
   }
+:where(.og-root).w-64,:where(.og-root) .w-64 {
+    width: calc(var(--spacing) * 64);
+  }
 :where(.og-root).w-72,:where(.og-root) .w-72 {
     width: calc(var(--spacing) * 72);
   }
@@ -1042,6 +1126,9 @@
 :where(.og-root).w-\[clamp\(12rem\,28\%\,15rem\)\],:where(.og-root) .w-\[clamp\(12rem\,28\%\,15rem\)\] {
     width: clamp(12rem, 28%, 15rem);
   }
+:where(.og-root).w-\[min\(25rem\,calc\(100vw-1\.5rem\)\)\],:where(.og-root) .w-\[min\(25rem\,calc\(100vw-1\.5rem\)\)\] {
+    width: min(25rem, calc(100vw - 1.5rem));
+  }
 :where(.og-root).w-\[min\(36rem\,calc\(100vw-2rem\)\)\],:where(.og-root) .w-\[min\(36rem\,calc\(100vw-2rem\)\)\] {
     width: min(36rem, calc(100vw - 2rem));
   }
@@ -1075,6 +1162,15 @@
 :where(.og-root).max-w-44,:where(.og-root) .max-w-44 {
     max-width: calc(var(--spacing) * 44);
   }
+:where(.og-root).max-w-48,:where(.og-root) .max-w-48 {
+    max-width: calc(var(--spacing) * 48);
+  }
+:where(.og-root).max-w-52,:where(.og-root) .max-w-52 {
+    max-width: calc(var(--spacing) * 52);
+  }
+:where(.og-root).max-w-56,:where(.og-root) .max-w-56 {
+    max-width: calc(var(--spacing) * 56);
+  }
 :where(.og-root).max-w-64,:where(.og-root) .max-w-64 {
     max-width: calc(var(--spacing) * 64);
   }
@@ -1123,6 +1219,15 @@
 :where(.og-root).min-w-0,:where(.og-root) .min-w-0 {
     min-width: calc(var(--spacing) * 0);
   }
+:where(.og-root).min-w-11,:where(.og-root) .min-w-11 {
+    min-width: calc(var(--spacing) * 11);
+  }
+:where(.og-root).min-w-16,:where(.og-root) .min-w-16 {
+    min-width: calc(var(--spacing) * 16);
+  }
+:where(.og-root).min-w-24,:where(.og-root) .min-w-24 {
+    min-width: calc(var(--spacing) * 24);
+  }
 :where(.og-root).min-w-\[8rem\],:where(.og-root) .min-w-\[8rem\] {
     min-width: 8rem;
   }
@@ -1132,6 +1237,9 @@
 :where(.og-root).min-w-\[160px\],:where(.og-root) .min-w-\[160px\] {
     min-width: 160px;
   }
+:where(.og-root).min-w-full,:where(.og-root) .min-w-full {
+    min-width: 100%;
+  }
 :where(.og-root).flex-1,:where(.og-root) .flex-1 {
     flex: 1;
   }
@@ -1226,12 +1334,18 @@
 :where(.og-root).cursor-not-allowed,:where(.og-root) .cursor-not-allowed {
     cursor: not-allowed;
   }
+:where(.og-root).cursor-nwse-resize,:where(.og-root) .cursor-nwse-resize {
+    cursor: nwse-resize;
+  }
 :where(.og-root).cursor-pointer,:where(.og-root) .cursor-pointer {
     cursor: pointer;
   }
 :where(.og-root).cursor-row-resize,:where(.og-root) .cursor-row-resize {
     cursor: row-resize;
   }
+:where(.og-root).cursor-text,:where(.og-root) .cursor-text {
+    cursor: text;
+  }
 :where(.og-root).touch-none,:where(.og-root) .touch-none {
     touch-action: none;
   }
@@ -1262,6 +1376,9 @@
 :where(.og-root).grid-cols-2,:where(.og-root) .grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
+:where(.og-root).grid-cols-\[7rem_minmax\(0\,1fr\)\],:where(.og-root) .grid-cols-\[7rem_minmax\(0\,1fr\)\] {
+    grid-template-columns: 7rem minmax(0,1fr);
+  }
 :where(.og-root).grid-cols-\[auto_minmax\(0\,1fr\)\],:where(.og-root) .grid-cols-\[auto_minmax\(0\,1fr\)\] {
     grid-template-columns: auto minmax(0,1fr);
   }
@@ -1340,6 +1457,13 @@
 :where(.og-root).gap-px,:where(.og-root) .gap-px {
     gap: 1px;
   }
+:where(.og-root).space-y-0\.5,:where(.og-root) .space-y-0\.5 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
 :where(.og-root).space-y-1,:where(.og-root) .space-y-1 {
     :where(& > :not(:last-child)) {
       --tw-space-y-reverse: 0;
@@ -1361,6 +1485,13 @@
       margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
     }
   }
+:where(.og-root).space-y-3,:where(.og-root) .space-y-3 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
 :where(.og-root).space-y-4,:where(.og-root) .space-y-4 {
     :where(& > :not(:last-child)) {
       --tw-space-y-reverse: 0;
@@ -1386,6 +1517,12 @@
 :where(.og-root).gap-y-0\.5,:where(.og-root) .gap-y-0\.5 {
     row-gap: calc(var(--spacing) * 0.5);
   }
+:where(.og-root).gap-y-1,:where(.og-root) .gap-y-1 {
+    row-gap: calc(var(--spacing) * 1);
+  }
+:where(.og-root).gap-y-1\.5,:where(.og-root) .gap-y-1\.5 {
+    row-gap: calc(var(--spacing) * 1.5);
+  }
 :where(.og-root).gap-y-2,:where(.og-root) .gap-y-2 {
     row-gap: calc(var(--spacing) * 2);
   }
@@ -1418,6 +1555,9 @@
 :where(.og-root).justify-self-end,:where(.og-root) .justify-self-end {
     justify-self: flex-end;
   }
+:where(.og-root).justify-self-start,:where(.og-root) .justify-self-start {
+    justify-self: flex-start;
+  }
 :where(.og-root).truncate,:where(.og-root) .truncate {
     overflow: hidden;
     text-overflow: ellipsis;
@@ -1462,6 +1602,9 @@
 :where(.og-root).rounded-md,:where(.og-root) .rounded-md {
     border-radius: var(--og-radius-md);
   }
+:where(.og-root).rounded-none,:where(.og-root) .rounded-none {
+    border-radius: 0;
+  }
 :where(.og-root).rounded-og-lg,:where(.og-root) .rounded-og-lg {
     border-radius: var(--og-radius-lg);
   }
@@ -1480,6 +1623,10 @@
 :where(.og-root).rounded-xl,:where(.og-root) .rounded-xl {
     border-radius: var(--og-radius-xl);
   }
+:where(.og-root).rounded-t-og-sm,:where(.og-root) .rounded-t-og-sm {
+    border-top-left-radius: var(--og-radius-sm);
+    border-top-right-radius: var(--og-radius-sm);
+  }
 :where(.og-root).rounded-l-og-md,:where(.og-root) .rounded-l-og-md {
     border-top-left-radius: var(--og-radius-md);
     border-bottom-left-radius: var(--og-radius-md);
@@ -1503,6 +1650,10 @@
     border-style: var(--tw-border-style);
     border-width: 0px;
   }
+:where(.og-root).border-2,:where(.og-root) .border-2 {
+    border-style: var(--tw-border-style);
+    border-width: 2px;
+  }
 :where(.og-root).border-t,:where(.og-root) .border-t {
     border-top-style: var(--tw-border-style);
     border-top-width: 1px;
@@ -1515,6 +1666,10 @@
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 1px;
   }
+:where(.og-root).border-b-0,:where(.og-root) .border-b-0 {
+    border-bottom-style: var(--tw-border-style);
+    border-bottom-width: 0px;
+  }
 :where(.og-root).border-l,:where(.og-root) .border-l {
     border-left-style: var(--tw-border-style);
     border-left-width: 1px;
@@ -1741,6 +1896,9 @@
       border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
     }
   }
+:where(.og-root).bg-black,:where(.og-root) .bg-black {
+    background-color: var(--color-black);
+  }
 :where(.og-root).bg-black\/5,:where(.og-root) .bg-black\/5 {
     background-color: color-mix(in srgb, #000 5%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1759,6 +1917,18 @@
       background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
     }
   }
+:where(.og-root).bg-black\/65,:where(.og-root) .bg-black\/65 {
+    background-color: color-mix(in srgb, #000 65%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-black) 65%, transparent);
+    }
+  }
+:where(.og-root).bg-black\/70,:where(.og-root) .bg-black\/70 {
+    background-color: color-mix(in srgb, #000 70%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-black) 70%, transparent);
+    }
+  }
 :where(.og-root).bg-black\/90,:where(.og-root) .bg-black\/90 {
     background-color: color-mix(in srgb, #000 90%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1852,6 +2022,12 @@
 :where(.og-root).bg-og-status-failed,:where(.og-root) .bg-og-status-failed {
     background-color: var(--og-color-status-failed);
   }
+:where(.og-root).bg-og-status-failed\/5,:where(.og-root) .bg-og-status-failed\/5 {
+    background-color: var(--og-color-status-failed);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--og-color-status-failed) 5%, transparent);
+    }
+  }
 :where(.og-root).bg-og-status-failed\/8,:where(.og-root) .bg-og-status-failed\/8 {
     background-color: var(--og-color-status-failed);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1909,12 +2085,6 @@
       background-color: color-mix(in oklab, var(--og-color-status-running) 10%, transparent);
     }
   }
-:where(.og-root).bg-og-status-running\/20,:where(.og-root) .bg-og-status-running\/20 {
-    background-color: var(--og-color-status-running);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--og-color-status-running) 20%, transparent);
-    }
-  }
 :where(.og-root).bg-og-status-waiting,:where(.og-root) .bg-og-status-waiting {
     background-color: var(--og-color-status-waiting);
   }
@@ -1978,6 +2148,12 @@
       background-color: color-mix(in oklab, var(--og-color-surface-2) 40%, transparent);
     }
   }
+:where(.og-root).bg-og-surface-2\/60,:where(.og-root) .bg-og-surface-2\/60 {
+    background-color: var(--og-color-surface-2);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--og-color-surface-2) 60%, transparent);
+    }
+  }
 :where(.og-root).bg-og-surface-2\/70,:where(.og-root) .bg-og-surface-2\/70 {
     background-color: var(--og-color-surface-2);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1993,6 +2169,12 @@
       background-color: color-mix(in oklab, var(--og-color-surface-3) 50%, transparent);
     }
   }
+:where(.og-root).bg-og-surface-3\/60,:where(.og-root) .bg-og-surface-3\/60 {
+    background-color: var(--og-color-surface-3);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--og-color-surface-3) 60%, transparent);
+    }
+  }
 :where(.og-root).bg-og-surface-3\/70,:where(.og-root) .bg-og-surface-3\/70 {
     background-color: var(--og-color-surface-3);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2056,6 +2238,15 @@
 :where(.og-root).bg-transparent,:where(.og-root) .bg-transparent {
     background-color: transparent;
   }
+:where(.og-root).bg-white,:where(.og-root) .bg-white {
+    background-color: var(--color-white);
+  }
+:where(.og-root).bg-white\/10,:where(.og-root) .bg-white\/10 {
+    background-color: color-mix(in srgb, #fff 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
+    }
+  }
 :where(.og-root).bg-gradient-to-t,:where(.og-root) .bg-gradient-to-t {
     --tw-gradient-position: to top in oklab;
     background-image: linear-gradient(var(--tw-gradient-stops));
@@ -2127,6 +2318,9 @@
 :where(.og-root).p-6,:where(.og-root) .p-6 {
     padding: calc(var(--spacing) * 6);
   }
+:where(.og-root).p-8,:where(.og-root) .p-8 {
+    padding: calc(var(--spacing) * 8);
+  }
 :where(.og-root).p-\[var\(--og-model-picker-menu-padding\)\],:where(.og-root) .p-\[var\(--og-model-picker-menu-padding\)\] {
     padding: var(--og-model-picker-menu-padding);
   }
@@ -2190,6 +2384,12 @@
 :where(.og-root).py-3,:where(.og-root) .py-3 {
     padding-block: calc(var(--spacing) * 3);
   }
+:where(.og-root).py-4,:where(.og-root) .py-4 {
+    padding-block: calc(var(--spacing) * 4);
+  }
+:where(.og-root).py-5,:where(.og-root) .py-5 {
+    padding-block: calc(var(--spacing) * 5);
+  }
 :where(.og-root).py-6,:where(.og-root) .py-6 {
     padding-block: calc(var(--spacing) * 6);
   }
@@ -2406,6 +2606,14 @@
     --tw-tracking: 0.08em;
     letter-spacing: 0.08em;
   }
+:where(.og-root).tracking-\[0\.12em\],:where(.og-root) .tracking-\[0\.12em\] {
+    --tw-tracking: 0.12em;
+    letter-spacing: 0.12em;
+  }
+:where(.og-root).tracking-\[0\.14em\],:where(.og-root) .tracking-\[0\.14em\] {
+    --tw-tracking: 0.14em;
+    letter-spacing: 0.14em;
+  }
 :where(.og-root).tracking-\[0\.25em\],:where(.og-root) .tracking-\[0\.25em\] {
     --tw-tracking: 0.25em;
     letter-spacing: 0.25em;
@@ -2543,6 +2751,12 @@
       color: color-mix(in oklab, var(--color-white) 70%, transparent);
     }
   }
+:where(.og-root).text-white\/80,:where(.og-root) .text-white\/80 {
+    color: color-mix(in srgb, #fff 80%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--color-white) 80%, transparent);
+    }
+  }
 :where(.og-root).capitalize,:where(.og-root) .capitalize {
     text-transform: capitalize;
   }
@@ -2569,6 +2783,9 @@
 :where(.og-root).underline,:where(.og-root) .underline {
     text-decoration-line: underline;
   }
+:where(.og-root).decoration-og-border,:where(.og-root) .decoration-og-border {
+    text-decoration-color: var(--og-color-border);
+  }
 :where(.og-root).decoration-og-border-strong,:where(.og-root) .decoration-og-border-strong {
     text-decoration-color: var(--og-color-border-strong);
   }
@@ -2624,6 +2841,10 @@
     --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+:where(.og-root).shadow-none,:where(.og-root) .shadow-none {
+    --tw-shadow: 0 0 #0000;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
 :where(.og-root).shadow-og-glow,:where(.og-root) .shadow-og-glow {
     --tw-shadow: var(--_og-shadow-glow);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -3228,6 +3449,14 @@
       }
     }
   }
+:where(.og-root).focus-within\:border-og-accent\/60,:where(.og-root) .focus-within\:border-og-accent\/60 {
+    &:focus-within {
+      border-color: var(--og-color-accent);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--og-color-accent) 60%, transparent);
+      }
+    }
+  }
 :where(.og-root).focus-within\:opacity-100,:where(.og-root) .focus-within\:opacity-100 {
     &:focus-within {
       opacity: 100%;
@@ -3496,6 +3725,16 @@
       }
     }
   }
+:where(.og-root).hover\:bg-white\/20,:where(.og-root) .hover\:bg-white\/20 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in srgb, #fff 20%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
+        }
+      }
+    }
+  }
 :where(.og-root).hover\:text-fg,:where(.og-root) .hover\:text-fg {
     &:hover {
       @media (hover: hover) {
@@ -3595,6 +3834,14 @@
       }
     }
   }
+:where(.og-root).hover\:brightness-105,:where(.og-root) .hover\:brightness-105 {
+    &:hover {
+      @media (hover: hover) {
+        --tw-brightness: brightness(105%);
+        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,);
+      }
+    }
+  }
 :where(.og-root).hover\:brightness-110,:where(.og-root) .hover\:brightness-110 {
     &:hover {
       @media (hover: hover) {
@@ -3623,12 +3870,28 @@
       color: var(--color-fg);
     }
   }
+:where(.og-root).focus\:opacity-100,:where(.og-root) .focus\:opacity-100 {
+    &:focus {
+      opacity: 100%;
+    }
+  }
+:where(.og-root).focus\:ring-1,:where(.og-root) .focus\:ring-1 {
+    &:focus {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
 :where(.og-root).focus\:ring-2,:where(.og-root) .focus\:ring-2 {
     &:focus {
       --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
+:where(.og-root).focus\:ring-og-accent,:where(.og-root) .focus\:ring-og-accent {
+    &:focus {
+      --tw-ring-color: var(--og-color-accent);
+    }
+  }
 :where(.og-root).focus\:ring-og-accent-soft,:where(.og-root) .focus\:ring-og-accent-soft {
     &:focus {
       --tw-ring-color: var(--_og-color-accent-soft);
@@ -3718,6 +3981,11 @@
       }
     }
   }
+:where(.og-root).focus-visible\:ring-og-status-waiting,:where(.og-root) .focus-visible\:ring-og-status-waiting {
+    &:focus-visible {
+      --tw-ring-color: var(--og-color-status-waiting);
+    }
+  }
 :where(.og-root).focus-visible\:ring-ring\/40,:where(.og-root) .focus-visible\:ring-ring\/40 {
     &:focus-visible {
       --tw-ring-color: var(--color-brand);
@@ -3753,12 +4021,6 @@
       }
     }
   }
-:where(.og-root).focus-visible\:outline-none,:where(.og-root) .focus-visible\:outline-none {
-    &:focus-visible {
-      --tw-outline-style: none;
-      outline-style: none;
-    }
-  }
 :where(.og-root).focus-visible\:ring-inset,:where(.og-root) .focus-visible\:ring-inset {
     &:focus-visible {
       --tw-ring-inset: inset;
@@ -3797,6 +4059,16 @@
       color: var(--og-color-fg-subtle);
     }
   }
+:where(.og-root).disabled\:opacity-30,:where(.og-root) .disabled\:opacity-30 {
+    &:disabled {
+      opacity: 30%;
+    }
+  }
+:where(.og-root).disabled\:opacity-35,:where(.og-root) .disabled\:opacity-35 {
+    &:disabled {
+      opacity: 35%;
+    }
+  }
 :where(.og-root).disabled\:opacity-40,:where(.og-root) .disabled\:opacity-40 {
     &:disabled {
       opacity: 40%;
@@ -4305,6 +4577,11 @@
       padding-inline: calc(var(--spacing) * 3);
     }
   }
+:where(.og-root).sm\:px-4,:where(.og-root) .sm\:px-4 {
+    @media (width >= 40rem) {
+      padding-inline: calc(var(--spacing) * 4);
+    }
+  }
 :where(.og-root).sm\:px-6,:where(.og-root) .sm\:px-6 {
     @media (width >= 40rem) {
       padding-inline: calc(var(--spacing) * 6);
@@ -4591,15 +4868,15 @@
 }
 @supports (color: color-mix(in lab, red, red)) {
   :where(.og-root) {
-    --og-color-accent-soft: color-mix(in oklch, var(--og-color-accent) 16%, transparent);
-    --og-color-diff-add-bg: color-mix(in oklch, var(--og-color-status-idle) 14%, transparent);
-    --og-color-diff-del-bg: color-mix(in oklch, var(--og-color-status-failed) 14%, transparent);
-    --og-shadow-glow: 0 0 24px color-mix(in oklch, var(--og-color-accent) 18%, transparent);
-    --og-session-chrome-surface: color-mix(in oklch, var(--og-color-surface-2) 82%, transparent);
-    --og-session-chrome-surface-open: color-mix(in oklch, var(--og-color-surface-2) 92%, transparent);
-    --og-session-chrome-border: color-mix(in oklch, var(--og-color-border) 85%, transparent);
-    --og-session-chrome-highlight-ring: color-mix(in oklch, var(--og-color-fg) 16%, transparent);
-    --og-session-chrome-row-hover: color-mix(in oklch, var(--og-color-surface-3) 55%, transparent);
+    --_og-color-accent-soft: var(--og-color-accent-soft, color-mix(in oklch, var(--og-color-accent) 16%, transparent));
+    --_og-color-diff-add-bg: var(--og-color-diff-add-bg, color-mix(in oklch, var(--og-color-status-idle) 14%, transparent));
+    --_og-color-diff-del-bg: var(--og-color-diff-del-bg, color-mix(in oklch, var(--og-color-status-failed) 14%, transparent));
+    --_og-shadow-glow: var(--og-shadow-glow, 0 0 24px color-mix(in oklch, var(--og-color-accent) 18%, transparent));
+    --_og-session-chrome-surface: var(--og-session-chrome-surface, color-mix(in oklch, var(--og-color-surface-2) 82%, transparent));
+    --_og-session-chrome-surface-open: var(--og-session-chrome-surface-open, color-mix(in oklch, var(--og-color-surface-2) 92%, transparent));
+    --_og-session-chrome-border: var(--og-session-chrome-border, color-mix(in oklch, var(--og-color-border) 85%, transparent));
+    --_og-session-chrome-highlight-ring: var(--og-session-chrome-highlight-ring, color-mix(in oklch, var(--og-color-fg) 16%, transparent));
+    --_og-session-chrome-row-hover: var(--og-session-chrome-row-hover, color-mix(in oklch, var(--og-color-surface-3) 55%, transparent));
   }
 }
 :where([data-og-density="compact"]):where(.og-root),:where([data-og-density="compact"]):has(:where(.og-root)),:where(.og-root) :where([data-og-density="compact"]),:where( .og-density-compact):where(.og-root),:where( .og-density-compact):has(:where(.og-root)),:where(.og-root) :where( .og-density-compact) {
@@ -4879,6 +5156,14 @@
     animation-delay: 0ms !important;
   }
 }
+@media (max-width: 39.999rem) {
+  :where(.og-root).og-composer-footer:has([data-transcription-capturing]) .og-composer-controls > :not([data-transcription-capturing]),:where(.og-root) .og-composer-footer:has([data-transcription-capturing]) .og-composer-controls > :not([data-transcription-capturing]) {
+    display: none;
+  }
+  :where(.og-root).og-composer-footer:has([data-transcription-capturing]) .og-composer-actions,:where(.og-root) .og-composer-footer:has([data-transcription-capturing]) .og-composer-actions {
+    display: none;
+  }
+}
 @media (forced-colors: active) {
   :where(.og-root) {
     --og-color-bg: Canvas;
@@ -5036,6 +5321,12 @@
   :where(.og-root)[data-og-responsive-basis="container"] .og-realtime-control[data-model-menu="split-desktop"] .og-realtime-model-trigger,:where(.og-root) [data-og-responsive-basis="container"] .og-realtime-control[data-model-menu="split-desktop"] .og-realtime-model-trigger {
     display: none;
   }
+  :where(.og-root)[data-og-responsive-basis="container"] .og-composer-footer:has([data-transcription-capturing]) .og-composer-controls > :not([data-transcription-capturing]),:where(.og-root) [data-og-responsive-basis="container"] .og-composer-footer:has([data-transcription-capturing]) .og-composer-controls > :not([data-transcription-capturing]) {
+    display: none;
+  }
+  :where(.og-root)[data-og-responsive-basis="container"] .og-composer-footer:has([data-transcription-capturing]) .og-composer-actions,:where(.og-root) [data-og-responsive-basis="container"] .og-composer-footer:has([data-transcription-capturing]) .og-composer-actions {
+    display: none;
+  }
 }
 @container og-composer (max-width: 24.999rem) {
   :where(.og-root).og-composer[data-og-responsive-basis="container"] .og-composer-resume-label-long,:where(.og-root) .og-composer[data-og-responsive-basis="container"] .og-composer-resume-label-long {