@norskvideo/norsk-studio 1.27.0-2025-03-25-b3450d18 → 1.27.0-2025-03-27-1a33b215

package/static/style.css

@@ -885,7 +885,7 @@ select:not([size]) {
 
 input[type=file]::file-selector-button {
   color: white;
-  background: #1F2937;
+  background: #1E2530;
   border: 0;
   font-weight: 500;
   font-size: 0.875rem;
@@ -1163,6 +1163,10 @@ input[type="range"]::-ms-fill-lower {
   bottom: 4rem;
 }
 
+.bottom-4 {
+  bottom: 1rem;
+}
+
 .bottom-5 {
   bottom: 1.25rem;
 }
@@ -1231,6 +1235,10 @@ input[type="range"]::-ms-fill-lower {
   right: 0.25rem;
 }
 
+.right-4 {
+  right: 1rem;
+}
+
 .top-0 {
   top: 0px;
 }
@@ -1339,6 +1347,11 @@ input[type="range"]::-ms-fill-lower {
   margin: 0px;
 }
 
+.-mx-1 {
+  margin-left: -0.25rem;
+  margin-right: -0.25rem;
+}
+
 .mx-1 {
   margin-left: 0.25rem;
   margin-right: 0.25rem;
@@ -1624,6 +1637,21 @@ input[type="range"]::-ms-fill-lower {
   display: none;
 }
 
+.size-2 {
+  width: 0.5rem;
+  height: 0.5rem;
+}
+
+.size-3\.5 {
+  width: 0.875rem;
+  height: 0.875rem;
+}
+
+.size-4 {
+  width: 1rem;
+  height: 1rem;
+}
+
 .h-0\.5 {
   height: 0.125rem;
 }
@@ -1644,6 +1672,10 @@ input[type="range"]::-ms-fill-lower {
   height: 2.75rem;
 }
 
+.h-16 {
+  height: 4rem;
+}
+
 .h-2 {
   height: 0.5rem;
 }
@@ -1891,6 +1923,10 @@ input[type="range"]::-ms-fill-lower {
   min-width: 2.25rem;
 }
 
+.min-w-\[8rem\] {
+  min-width: 8rem;
+}
+
 .max-w-2xl {
   max-width: 42rem;
 }
@@ -2032,11 +2068,26 @@ input[type="range"]::-ms-fill-lower {
   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));
 }
 
+.translate-y-0 {
+  --tw-translate-y: 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));
+}
+
+.translate-y-16 {
+  --tw-translate-y: 4rem;
+  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));
+}
+
 .translate-y-\[1px\] {
   --tw-translate-y: 1px;
   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));
 }
 
+.translate-y-\[calc\(-50\%_-_2px\)\] {
+  --tw-translate-y: calc(-50% - 2px);
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
 .translate-y-full {
   --tw-translate-y: 100%;
   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));
@@ -2076,6 +2127,16 @@ input[type="range"]::-ms-fill-lower {
   animation: activeSubscription 1s linear infinite;
 }
 
+@keyframes pulse {
+  50% {
+    opacity: .5;
+  }
+}
+
+.animate-pulse {
+  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+}
+
 @keyframes spin {
   to {
     transform: rotate(360deg);
@@ -2285,6 +2346,12 @@ input[type="range"]::-ms-fill-lower {
   margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
 }
 
+.space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
+}
+
 .space-y-2 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-y-reverse: 0;
   margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
@@ -2410,6 +2477,10 @@ input[type="range"]::-ms-fill-lower {
   text-wrap: wrap;
 }
 
+.text-balance {
+  text-wrap: balance;
+}
+
 .rounded {
   border-radius: 0.25rem;
 }
@@ -2418,6 +2489,10 @@ input[type="range"]::-ms-fill-lower {
   border-radius: 2.5rem;
 }
 
+.rounded-\[2px\] {
+  border-radius: 2px;
+}
+
 .rounded-\[2rem\] {
   border-radius: 2rem;
 }
@@ -2442,6 +2517,10 @@ input[type="range"]::-ms-fill-lower {
   border-radius: 0px;
 }
 
+.rounded-sm {
+  border-radius: 0.125rem;
+}
+
 .rounded-b {
   border-bottom-right-radius: 0.25rem;
   border-bottom-left-radius: 0.25rem;
@@ -2632,6 +2711,14 @@ input[type="range"]::-ms-fill-lower {
   border-color: rgb(164 202 254 / var(--tw-border-opacity, 1));
 }
 
+.border-blue-300\/50 {
+  border-color: rgb(164 202 254 / 0.5);
+}
+
+.border-blue-400\/50 {
+  border-color: rgb(118 169 250 / 0.5);
+}
+
 .border-blue-500 {
   --tw-border-opacity: 1;
   border-color: rgb(63 131 248 / var(--tw-border-opacity, 1));
@@ -2699,12 +2786,12 @@ input[type="range"]::-ms-fill-lower {
 
 .border-gray-800 {
   --tw-border-opacity: 1;
-  border-color: rgb(31 41 55 / var(--tw-border-opacity, 1));
+  border-color: rgb(30 37 48 / var(--tw-border-opacity, 1));
 }
 
 .border-gray-900 {
   --tw-border-opacity: 1;
-  border-color: rgb(17 24 39 / var(--tw-border-opacity, 1));
+  border-color: rgb(18 25 35 / var(--tw-border-opacity, 1));
 }
 
 .border-green-300 {
@@ -2712,11 +2799,19 @@ input[type="range"]::-ms-fill-lower {
   border-color: rgb(132 225 188 / var(--tw-border-opacity, 1));
 }
 
+.border-green-300\/50 {
+  border-color: rgb(132 225 188 / 0.5);
+}
+
 .border-green-400 {
   --tw-border-opacity: 1;
   border-color: rgb(49 196 141 / var(--tw-border-opacity, 1));
 }
 
+.border-green-400\/50 {
+  border-color: rgb(49 196 141 / 0.5);
+}
+
 .border-green-500 {
   --tw-border-opacity: 1;
   border-color: rgb(14 159 110 / var(--tw-border-opacity, 1));
@@ -2831,11 +2926,19 @@ input[type="range"]::-ms-fill-lower {
   border-color: rgb(250 202 21 / var(--tw-border-opacity, 1));
 }
 
+.border-yellow-300\/50 {
+  border-color: rgb(250 202 21 / 0.5);
+}
+
 .border-yellow-400 {
   --tw-border-opacity: 1;
   border-color: rgb(227 160 8 / var(--tw-border-opacity, 1));
 }
 
+.border-yellow-400\/50 {
+  border-color: rgb(227 160 8 / 0.5);
+}
+
 .border-yellow-500 {
   --tw-border-opacity: 1;
   border-color: rgb(194 120 3 / var(--tw-border-opacity, 1));
@@ -2947,16 +3050,16 @@ input[type="range"]::-ms-fill-lower {
 
 .bg-gray-800 {
   --tw-bg-opacity: 1;
-  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
+  background-color: rgb(30 37 48 / var(--tw-bg-opacity, 1));
 }
 
 .bg-gray-900 {
   --tw-bg-opacity: 1;
-  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
+  background-color: rgb(18 25 35 / var(--tw-bg-opacity, 1));
 }
 
 .bg-gray-900\/50 {
-  background-color: rgb(17 24 39 / 0.5);
+  background-color: rgb(18 25 35 / 0.5);
 }
 
 .bg-green-100 {
@@ -3019,6 +3122,11 @@ input[type="range"]::-ms-fill-lower {
   background-color: rgb(101 163 13 / var(--tw-bg-opacity, 1));
 }
 
+.bg-neutral-900 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(23 23 23 / var(--tw-bg-opacity, 1));
+}
+
 .bg-pink-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(252 232 243 / var(--tw-bg-opacity, 1));
@@ -3359,13 +3467,17 @@ input[type="range"]::-ms-fill-lower {
 }
 
 .fill-gray-900 {
-  fill: #111827;
+  fill: #121923;
 }
 
 .fill-green-500 {
   fill: #0E9F6E;
 }
 
+.fill-neutral-900 {
+  fill: #171717;
+}
+
 .fill-none {
   fill: none;
 }
@@ -3386,28 +3498,24 @@ input[type="range"]::-ms-fill-lower {
   fill: #E3A008;
 }
 
-.stroke-\[\#f0267b\] {
-  stroke: #f0267b;
-}
-
 .stroke-blue-400 {
   stroke: #76A9FA;
 }
 
-.stroke-blue-500 {
-  stroke: #3F83F8;
-}
-
 .stroke-blue-800 {
   stroke: #1E429F;
 }
 
-.stroke-gray-700 {
-  stroke: #374151;
+.stroke-connection-default {
+  stroke: #0B65FF;
 }
 
-.stroke-pink-400 {
-  stroke: #F17EB8;
+.stroke-connection-highlight {
+  stroke: #05DF72;
+}
+
+.stroke-gray-700 {
+  stroke: #374151;
 }
 
 .stroke-transparent {
@@ -3579,6 +3687,10 @@ input[type="range"]::-ms-fill-lower {
   padding-left: 0.75rem;
 }
 
+.pl-4 {
+  padding-left: 1rem;
+}
+
 .pl-8 {
   padding-left: 2rem;
 }
@@ -3591,6 +3703,10 @@ input[type="range"]::-ms-fill-lower {
   padding-right: 2.5rem;
 }
 
+.pr-2 {
+  padding-right: 0.5rem;
+}
+
 .pr-3 {
   padding-right: 0.75rem;
 }
@@ -3773,6 +3889,11 @@ input[type="range"]::-ms-fill-lower {
   font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
 }
 
+.stacked-fractions {
+  --tw-numeric-fraction: stacked-fractions;
+  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
+}
+
 .leading-6 {
   line-height: 1.5rem;
 }
@@ -3793,6 +3914,10 @@ input[type="range"]::-ms-fill-lower {
   letter-spacing: -0.025em;
 }
 
+.tracking-widest {
+  letter-spacing: 0.1em;
+}
+
 .text-black {
   --tw-text-opacity: 1;
   color: rgb(0 0 0 / var(--tw-text-opacity, 1));
@@ -3885,12 +4010,12 @@ input[type="range"]::-ms-fill-lower {
 
 .text-gray-800 {
   --tw-text-opacity: 1;
-  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
+  color: rgb(30 37 48 / var(--tw-text-opacity, 1));
 }
 
 .text-gray-900 {
   --tw-text-opacity: 1;
-  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
+  color: rgb(18 25 35 / var(--tw-text-opacity, 1));
 }
 
 .text-green-300 {
@@ -3963,6 +4088,11 @@ input[type="range"]::-ms-fill-lower {
   color: rgb(54 83 20 / var(--tw-text-opacity, 1));
 }
 
+.text-neutral-50 {
+  --tw-text-opacity: 1;
+  color: rgb(250 250 250 / var(--tw-text-opacity, 1));
+}
+
 .text-pink-500 {
   --tw-text-opacity: 1;
   color: rgb(231 70 148 / var(--tw-text-opacity, 1));
@@ -4266,7 +4396,7 @@ input[type="range"]::-ms-fill-lower {
 
 .ring-gray-800 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(31 41 55 / var(--tw-ring-opacity, 1));
+  --tw-ring-color: rgb(30 37 48 / var(--tw-ring-opacity, 1));
 }
 
 .ring-green-500 {
@@ -4461,6 +4591,106 @@ input[type="range"]::-ms-fill-lower {
   transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
 
+@keyframes enter {
+  from {
+    opacity: var(--tw-enter-opacity, 1);
+    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
+  }
+}
+
+@keyframes exit {
+  to {
+    opacity: var(--tw-exit-opacity, 1);
+    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
+  }
+}
+
+.animate-in {
+  animation-name: enter;
+  animation-duration: 150ms;
+  --tw-enter-opacity: initial;
+  --tw-enter-scale: initial;
+  --tw-enter-rotate: initial;
+  --tw-enter-translate-x: initial;
+  --tw-enter-translate-y: initial;
+}
+
+.fade-in-0 {
+  --tw-enter-opacity: 0;
+}
+
+.zoom-in {
+  --tw-enter-scale: 0;
+}
+
+.zoom-in-95 {
+  --tw-enter-scale: .95;
+}
+
+.zoom-out {
+  --tw-exit-scale: 0;
+}
+
+.duration-100 {
+  animation-duration: 100ms;
+}
+
+.duration-1000 {
+  animation-duration: 1000ms;
+}
+
+.duration-150 {
+  animation-duration: 150ms;
+}
+
+.duration-200 {
+  animation-duration: 200ms;
+}
+
+.duration-300 {
+  animation-duration: 300ms;
+}
+
+.duration-500 {
+  animation-duration: 500ms;
+}
+
+.duration-700 {
+  animation-duration: 700ms;
+}
+
+.duration-75 {
+  animation-duration: 75ms;
+}
+
+.delay-0 {
+  animation-delay: 0s;
+}
+
+.ease-in {
+  animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
+}
+
+.ease-in-out {
+  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.ease-out {
+  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
+}
+
+.\!running {
+  animation-play-state: running !important;
+}
+
+.running {
+  animation-play-state: running;
+}
+
+.paused {
+  animation-play-state: paused;
+}
+
 .\!\[a-zA-Z\:_\] {
   a-z-a--z:  !important;
 }
@@ -4480,7 +4710,7 @@ input[type="range"]::-ms-fill-lower {
   line-height: 1.25rem;
   font-weight: 500;
   --tw-text-opacity: 1;
-  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
+  color: rgb(18 25 35 / var(--tw-text-opacity, 1));
 }
 
 .node-editor-label:is(.dark *) {
@@ -4501,7 +4731,7 @@ input[type="range"]::-ms-fill-lower {
   font-size: 0.875rem;
   line-height: 1.25rem;
   --tw-text-opacity: 1;
-  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
+  color: rgb(18 25 35 / var(--tw-text-opacity, 1));
 }
 
 .node-editor-text-input:focus {
@@ -4552,7 +4782,7 @@ input[type="range"]::-ms-fill-lower {
   font-size: 0.875rem;
   line-height: 1.25rem;
   --tw-text-opacity: 1;
-  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
+  color: rgb(18 25 35 / var(--tw-text-opacity, 1));
 }
 
 .node-editor-numeric-input:focus {
@@ -4601,7 +4831,7 @@ input[type="range"]::-ms-fill-lower {
   font-size: 0.875rem;
   line-height: 1.25rem;
   --tw-text-opacity: 1;
-  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
+  color: rgb(18 25 35 / var(--tw-text-opacity, 1));
 }
 
 .node-editor-select-input:focus {
@@ -4684,6 +4914,126 @@ input[type="range"]::-ms-fill-lower {
   padding-bottom: 1em;
 }
 
+/* Shadcn styles
+:root {
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.145 0 0);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.145 0 0);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.145 0 0);
+  --primary: oklch(0.205 0 0);
+  --primary-foreground: oklch(0.985 0 0);
+  --secondary: oklch(0.97 0 0);
+  --secondary-foreground: oklch(0.205 0 0);
+  --muted: oklch(0.97 0 0);
+  --muted-foreground: oklch(0.556 0 0);
+  --accent: oklch(0.97 0 0);
+  --accent-foreground: oklch(0.205 0 0);
+  --destructive: oklch(0.577 0.245 27.325);
+  --destructive-foreground: oklch(0.577 0.245 27.325);
+  --border: oklch(0.922 0 0);
+  --input: oklch(0.922 0 0);
+  --ring: oklch(0.708 0 0);
+  --chart-1: oklch(0.646 0.222 41.116);
+  --chart-2: oklch(0.6 0.118 184.704);
+  --chart-3: oklch(0.398 0.07 227.392);
+  --chart-4: oklch(0.828 0.189 84.429);
+  --chart-5: oklch(0.769 0.188 70.08);
+  --radius: 0.625rem;
+  --sidebar: oklch(0.985 0 0);
+  --sidebar-foreground: oklch(0.145 0 0);
+  --sidebar-primary: oklch(0.205 0 0);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.97 0 0);
+  --sidebar-accent-foreground: oklch(0.205 0 0);
+  --sidebar-border: oklch(0.922 0 0);
+  --sidebar-ring: oklch(0.708 0 0);
+}
+
+.dark {
+  --background: oklch(0.145 0 0);
+  --foreground: oklch(0.985 0 0);
+  --card: oklch(0.145 0 0);
+  --card-foreground: oklch(0.985 0 0);
+  --popover: oklch(0.145 0 0);
+  --popover-foreground: oklch(0.985 0 0);
+  --primary: oklch(0.985 0 0);
+  --primary-foreground: oklch(0.205 0 0);
+  --secondary: oklch(0.269 0 0);
+  --secondary-foreground: oklch(0.985 0 0);
+  --muted: oklch(0.269 0 0);
+  --muted-foreground: oklch(0.708 0 0);
+  --accent: oklch(0.269 0 0);
+  --accent-foreground: oklch(0.985 0 0);
+  --destructive: oklch(0.396 0.141 25.723);
+  --destructive-foreground: oklch(0.637 0.237 25.331);
+  --border: oklch(0.269 0 0);
+  --input: oklch(0.269 0 0);
+  --ring: oklch(0.439 0 0);
+  --chart-1: oklch(0.488 0.243 264.376);
+  --chart-2: oklch(0.696 0.17 162.48);
+  --chart-3: oklch(0.769 0.188 70.08);
+  --chart-4: oklch(0.627 0.265 303.9);
+  --chart-5: oklch(0.645 0.246 16.439);
+  --sidebar: oklch(0.205 0 0);
+  --sidebar-foreground: oklch(0.985 0 0);
+  --sidebar-primary: oklch(0.488 0.243 264.376);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.269 0 0);
+  --sidebar-accent-foreground: oklch(0.985 0 0);
+  --sidebar-border: oklch(0.269 0 0);
+  --sidebar-ring: oklch(0.439 0 0);
+}
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-destructive: var(--destructive);
+  --color-destructive-foreground: var(--destructive-foreground);
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-ring: var(--ring);
+  --color-chart-1: var(--chart-1);
+  --color-chart-2: var(--chart-2);
+  --color-chart-3: var(--chart-3);
+  --color-chart-4: var(--chart-4);
+  --color-chart-5: var(--chart-5);
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+  --color-sidebar: var(--sidebar);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-ring: var(--sidebar-ring);
+} */
+
+/* @layer base {
+  * {
+    @apply border-border outline-ring/50;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+} */
+
 /* For some reason, type=file was excluded */
 
 input[type="file"]:focus {
@@ -4994,7 +5344,7 @@ input[type="file"]:focus {
 
 .hover\:text-gray-900:hover {
   --tw-text-opacity: 1;
-  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
+  color: rgb(18 25 35 / var(--tw-text-opacity, 1));
 }
 
 .hover\:underline:hover {
@@ -5072,7 +5422,7 @@ input[type="file"]:focus {
 
 .focus\:text-gray-900:focus {
   --tw-text-opacity: 1;
-  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
+  color: rgb(18 25 35 / var(--tw-text-opacity, 1));
 }
 
 .focus\:outline-none:focus {
@@ -5170,12 +5520,12 @@ input[type="file"]:focus {
 
 .focus\:ring-gray-800:focus {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(31 41 55 / var(--tw-ring-opacity, 1));
+  --tw-ring-color: rgb(30 37 48 / var(--tw-ring-opacity, 1));
 }
 
 .focus\:ring-gray-900:focus {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(17 24 39 / var(--tw-ring-opacity, 1));
+  --tw-ring-color: rgb(18 25 35 / var(--tw-ring-opacity, 1));
 }
 
 .focus\:ring-green-200:focus {
@@ -5358,6 +5708,10 @@ input[type="file"]:focus {
   --tw-ring-color: rgb(194 120 3 / var(--tw-ring-opacity, 1));
 }
 
+.active\:cursor-grabbing:active {
+  cursor: grabbing;
+}
+
 .enabled\:hover\:bg-blue-800:hover:enabled {
   --tw-bg-opacity: 1;
   background-color: rgb(30 66 159 / var(--tw-bg-opacity, 1));
@@ -5380,7 +5734,7 @@ input[type="file"]:focus {
 
 .enabled\:hover\:bg-gray-900:hover:enabled {
   --tw-bg-opacity: 1;
-  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
+  background-color: rgb(18 25 35 / var(--tw-bg-opacity, 1));
 }
 
 .enabled\:hover\:bg-green-100:hover:enabled {
@@ -5472,7 +5826,7 @@ input[type="file"]:focus {
 
 .enabled\:hover\:text-gray-900:hover:enabled {
   --tw-text-opacity: 1;
-  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
+  color: rgb(18 25 35 / var(--tw-text-opacity, 1));
 }
 
 .disabled\:cursor-not-allowed:disabled {
@@ -5536,15 +5890,16 @@ input[type="file"]:focus {
   border-bottom-right-radius: 0.5rem;
 }
 
-.group:hover .group-hover\:border-transparent {
-  border-color: transparent;
-}
-
 .group:hover .group-hover\:bg-blue-200 {
   --tw-bg-opacity: 1;
   background-color: rgb(195 221 253 / var(--tw-bg-opacity, 1));
 }
 
+.group:hover .group-hover\:bg-blue-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(118 169 250 / var(--tw-bg-opacity, 1));
+}
+
 .group:hover .group-hover\:bg-blue-500 {
   --tw-bg-opacity: 1;
   background-color: rgb(63 131 248 / var(--tw-bg-opacity, 1));
@@ -5575,6 +5930,11 @@ input[type="file"]:focus {
   background-color: rgb(188 240 218 / var(--tw-bg-opacity, 1));
 }
 
+.group:hover .group-hover\:bg-green-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(49 196 141 / var(--tw-bg-opacity, 1));
+}
+
 .group:hover .group-hover\:bg-indigo-200 {
   --tw-bg-opacity: 1;
   background-color: rgb(205 219 254 / var(--tw-bg-opacity, 1));
@@ -5614,6 +5974,11 @@ input[type="file"]:focus {
   background-color: rgb(252 233 106 / var(--tw-bg-opacity, 1));
 }
 
+.group:hover .group-hover\:bg-yellow-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(227 160 8 / var(--tw-bg-opacity, 1));
+}
+
 .group:hover .group-hover\:text-gray-500 {
   --tw-text-opacity: 1;
   color: rgb(107 114 128 / var(--tw-text-opacity, 1));
@@ -5621,7 +5986,7 @@ input[type="file"]:focus {
 
 .group:hover .group-hover\:text-gray-900 {
   --tw-text-opacity: 1;
-  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
+  color: rgb(18 25 35 / var(--tw-text-opacity, 1));
 }
 
 .group:hover .group-hover\:text-white {
@@ -5731,6 +6096,70 @@ input[type="file"]:focus {
   color: rgb(28 100 242 / var(--tw-text-opacity, 1));
 }
 
+.data-\[disabled\]\:pointer-events-none[data-disabled] {
+  pointer-events: none;
+}
+
+.data-\[inset\]\:pl-8[data-inset] {
+  padding-left: 2rem;
+}
+
+.data-\[disabled\]\:opacity-50[data-disabled] {
+  opacity: 0.5;
+}
+
+.data-\[state\=open\]\:animate-in[data-state="open"] {
+  animation-name: enter;
+  animation-duration: 150ms;
+  --tw-enter-opacity: initial;
+  --tw-enter-scale: initial;
+  --tw-enter-rotate: initial;
+  --tw-enter-translate-x: initial;
+  --tw-enter-translate-y: initial;
+}
+
+.data-\[state\=closed\]\:animate-out[data-state="closed"] {
+  animation-name: exit;
+  animation-duration: 150ms;
+  --tw-exit-opacity: initial;
+  --tw-exit-scale: initial;
+  --tw-exit-rotate: initial;
+  --tw-exit-translate-x: initial;
+  --tw-exit-translate-y: initial;
+}
+
+.data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
+  --tw-exit-opacity: 0;
+}
+
+.data-\[state\=open\]\:fade-in-0[data-state="open"] {
+  --tw-enter-opacity: 0;
+}
+
+.data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
+  --tw-exit-scale: .95;
+}
+
+.data-\[state\=open\]\:zoom-in-95[data-state="open"] {
+  --tw-enter-scale: .95;
+}
+
+.data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
+  --tw-enter-translate-y: -0.5rem;
+}
+
+.data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
+  --tw-enter-translate-x: 0.5rem;
+}
+
+.data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
+  --tw-enter-translate-x: -0.5rem;
+}
+
+.data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
+  --tw-enter-translate-y: 0.5rem;
+}
+
 .dark\:block:is(.dark *) {
   display: block;
 }
@@ -5768,6 +6197,10 @@ input[type="file"]:focus {
   border-color: rgb(63 131 248 / var(--tw-border-opacity, 1));
 }
 
+.dark\:border-blue-600\/50:is(.dark *) {
+  border-color: rgb(28 100 242 / 0.5);
+}
+
 .dark\:border-blue-800:is(.dark *) {
   --tw-border-opacity: 1;
   border-color: rgb(30 66 159 / var(--tw-border-opacity, 1));
@@ -5805,12 +6238,12 @@ input[type="file"]:focus {
 
 .dark\:border-gray-800:is(.dark *) {
   --tw-border-opacity: 1;
-  border-color: rgb(31 41 55 / var(--tw-border-opacity, 1));
+  border-color: rgb(30 37 48 / var(--tw-border-opacity, 1));
 }
 
 .dark\:border-gray-900:is(.dark *) {
   --tw-border-opacity: 1;
-  border-color: rgb(17 24 39 / var(--tw-border-opacity, 1));
+  border-color: rgb(18 25 35 / var(--tw-border-opacity, 1));
 }
 
 .dark\:border-green-400:is(.dark *) {
@@ -5828,6 +6261,10 @@ input[type="file"]:focus {
   border-color: rgb(5 122 85 / var(--tw-border-opacity, 1));
 }
 
+.dark\:border-green-600\/50:is(.dark *) {
+  border-color: rgb(5 122 85 / 0.5);
+}
+
 .dark\:border-indigo-600:is(.dark *) {
   --tw-border-opacity: 1;
   border-color: rgb(88 80 236 / var(--tw-border-opacity, 1));
@@ -5877,6 +6314,10 @@ input[type="file"]:focus {
   border-color: rgb(227 160 8 / var(--tw-border-opacity, 1));
 }
 
+.dark\:border-yellow-400\/50:is(.dark *) {
+  border-color: rgb(227 160 8 / 0.5);
+}
+
 .dark\:border-yellow-600:is(.dark *) {
   --tw-border-opacity: 1;
   border-color: rgb(159 88 10 / var(--tw-border-opacity, 1));
@@ -5907,6 +6348,10 @@ input[type="file"]:focus {
   background-color: rgb(28 100 242 / var(--tw-bg-opacity, 1));
 }
 
+.dark\:bg-blue-700\/50:is(.dark *) {
+  background-color: rgb(26 86 219 / 0.5);
+}
+
 .dark\:bg-cyan-100:is(.dark *) {
   --tw-bg-opacity: 1;
   background-color: rgb(207 250 254 / var(--tw-bg-opacity, 1));
@@ -5959,24 +6404,24 @@ input[type="file"]:focus {
 
 .dark\:bg-gray-800:is(.dark *) {
   --tw-bg-opacity: 1;
-  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
+  background-color: rgb(30 37 48 / var(--tw-bg-opacity, 1));
 }
 
 .dark\:bg-gray-800\/30:is(.dark *) {
-  background-color: rgb(31 41 55 / 0.3);
+  background-color: rgb(30 37 48 / 0.3);
 }
 
 .dark\:bg-gray-800\/50:is(.dark *) {
-  background-color: rgb(31 41 55 / 0.5);
+  background-color: rgb(30 37 48 / 0.5);
 }
 
 .dark\:bg-gray-900:is(.dark *) {
   --tw-bg-opacity: 1;
-  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
+  background-color: rgb(18 25 35 / var(--tw-bg-opacity, 1));
 }
 
 .dark\:bg-gray-900\/80:is(.dark *) {
-  background-color: rgb(17 24 39 / 0.8);
+  background-color: rgb(18 25 35 / 0.8);
 }
 
 .dark\:bg-green-100:is(.dark *) {
@@ -5999,6 +6444,10 @@ input[type="file"]:focus {
   background-color: rgb(5 122 85 / var(--tw-bg-opacity, 1));
 }
 
+.dark\:bg-green-700\/50:is(.dark *) {
+  background-color: rgb(4 108 78 / 0.5);
+}
+
 .dark\:bg-green-900:is(.dark *) {
   --tw-bg-opacity: 1;
   background-color: rgb(1 71 55 / var(--tw-bg-opacity, 1));
@@ -6029,6 +6478,11 @@ input[type="file"]:focus {
   background-color: rgb(101 163 13 / var(--tw-bg-opacity, 1));
 }
 
+.dark\:bg-neutral-50:is(.dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
+}
+
 .dark\:bg-pink-200:is(.dark *) {
   --tw-bg-opacity: 1;
   background-color: rgb(250 209 232 / var(--tw-bg-opacity, 1));
@@ -6118,6 +6572,10 @@ input[type="file"]:focus {
   background-color: rgb(252 233 106 / var(--tw-bg-opacity, 1));
 }
 
+.dark\:bg-yellow-500\/50:is(.dark *) {
+  background-color: rgb(194 120 3 / 0.5);
+}
+
 .dark\:bg-yellow-600:is(.dark *) {
   --tw-bg-opacity: 1;
   background-color: rgb(159 88 10 / var(--tw-bg-opacity, 1));
@@ -6144,6 +6602,10 @@ input[type="file"]:focus {
   fill: #D1D5DB;
 }
 
+.dark\:fill-neutral-50:is(.dark *) {
+  fill: #fafafa;
+}
+
 .dark\:text-blue-500:is(.dark *) {
   --tw-text-opacity: 1;
   color: rgb(63 131 248 / var(--tw-text-opacity, 1));
@@ -6214,6 +6676,11 @@ input[type="file"]:focus {
   color: rgb(156 163 175 / var(--tw-text-opacity, 1));
 }
 
+.dark\:text-gray-50:is(.dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(249 250 251 / var(--tw-text-opacity, 1));
+}
+
 .dark\:text-gray-500:is(.dark *) {
   --tw-text-opacity: 1;
   color: rgb(107 114 128 / var(--tw-text-opacity, 1));
@@ -6226,12 +6693,12 @@ input[type="file"]:focus {
 
 .dark\:text-gray-800:is(.dark *) {
   --tw-text-opacity: 1;
-  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
+  color: rgb(30 37 48 / var(--tw-text-opacity, 1));
 }
 
 .dark\:text-gray-900:is(.dark *) {
   --tw-text-opacity: 1;
-  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
+  color: rgb(18 25 35 / var(--tw-text-opacity, 1));
 }
 
 .dark\:text-green-300:is(.dark *) {
@@ -6294,6 +6761,16 @@ input[type="file"]:focus {
   color: rgb(54 83 20 / var(--tw-text-opacity, 1));
 }
 
+.dark\:text-neutral-50:is(.dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(250 250 250 / var(--tw-text-opacity, 1));
+}
+
+.dark\:text-neutral-900:is(.dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(23 23 23 / var(--tw-text-opacity, 1));
+}
+
 .dark\:text-pink-600:is(.dark *) {
   --tw-text-opacity: 1;
   color: rgb(214 31 105 / var(--tw-text-opacity, 1));
@@ -6441,12 +6918,12 @@ input[type="file"]:focus {
 
 .dark\:ring-gray-800:is(.dark *) {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(31 41 55 / var(--tw-ring-opacity, 1));
+  --tw-ring-color: rgb(30 37 48 / var(--tw-ring-opacity, 1));
 }
 
 .dark\:ring-gray-900:is(.dark *) {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(17 24 39 / var(--tw-ring-opacity, 1));
+  --tw-ring-color: rgb(18 25 35 / var(--tw-ring-opacity, 1));
 }
 
 .dark\:ring-green-500:is(.dark *) {
@@ -6483,11 +6960,11 @@ input[type="file"]:focus {
 }
 
 .dark\:ring-offset-gray-800:is(.dark *) {
-  --tw-ring-offset-color: #1F2937;
+  --tw-ring-offset-color: #1E2530;
 }
 
 .dark\:ring-offset-gray-900:is(.dark *) {
-  --tw-ring-offset-color: #111827;
+  --tw-ring-offset-color: #121923;
 }
 
 .dark\:ring-offset-green-600:is(.dark *) {
@@ -6532,7 +7009,7 @@ input[type="file"]:focus {
 
 .odd\:dark\:bg-gray-800:is(.dark *):nth-child(odd) {
   --tw-bg-opacity: 1;
-  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
+  background-color: rgb(30 37 48 / var(--tw-bg-opacity, 1));
 }
 
 .even\:dark\:bg-gray-700:is(.dark *):nth-child(even) {
@@ -6545,6 +7022,10 @@ input[type="file"]:focus {
   background-color: rgb(164 202 254 / var(--tw-bg-opacity, 1));
 }
 
+.dark\:hover\:bg-blue-600\/50:hover:is(.dark *) {
+  background-color: rgb(28 100 242 / 0.5);
+}
+
 .dark\:hover\:bg-blue-700:hover:is(.dark *) {
   --tw-bg-opacity: 1;
   background-color: rgb(26 86 219 / var(--tw-bg-opacity, 1));
@@ -6581,12 +7062,12 @@ input[type="file"]:focus {
 
 .dark\:hover\:bg-gray-800:hover:is(.dark *) {
   --tw-bg-opacity: 1;
-  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
+  background-color: rgb(30 37 48 / var(--tw-bg-opacity, 1));
 }
 
 .dark\:hover\:bg-gray-900:hover:is(.dark *) {
   --tw-bg-opacity: 1;
-  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
+  background-color: rgb(18 25 35 / var(--tw-bg-opacity, 1));
 }
 
 .dark\:hover\:bg-green-300:hover:is(.dark *) {
@@ -6594,6 +7075,10 @@ input[type="file"]:focus {
   background-color: rgb(132 225 188 / var(--tw-bg-opacity, 1));
 }
 
+.dark\:hover\:bg-green-600\/50:hover:is(.dark *) {
+  background-color: rgb(5 122 85 / 0.5);
+}
+
 .dark\:hover\:bg-green-700:hover:is(.dark *) {
   --tw-bg-opacity: 1;
   background-color: rgb(4 108 78 / var(--tw-bg-opacity, 1));
@@ -6629,9 +7114,9 @@ input[type="file"]:focus {
   background-color: rgb(248 180 180 / var(--tw-bg-opacity, 1));
 }
 
-.dark\:hover\:bg-red-600:hover:is(.dark *) {
+.dark\:hover\:bg-red-500:hover:is(.dark *) {
   --tw-bg-opacity: 1;
-  background-color: rgb(224 36 36 / var(--tw-bg-opacity, 1));
+  background-color: rgb(240 82 82 / var(--tw-bg-opacity, 1));
 }
 
 .dark\:hover\:bg-red-700:hover:is(.dark *) {
@@ -6649,6 +7134,10 @@ input[type="file"]:focus {
   background-color: rgb(250 202 21 / var(--tw-bg-opacity, 1));
 }
 
+.dark\:hover\:bg-yellow-400\/50:hover:is(.dark *) {
+  background-color: rgb(227 160 8 / 0.5);
+}
+
 .dark\:hover\:text-blue-300:hover:is(.dark *) {
   --tw-text-opacity: 1;
   color: rgb(164 202 254 / var(--tw-text-opacity, 1));
@@ -6770,12 +7259,12 @@ input[type="file"]:focus {
 
 .dark\:focus\:ring-gray-800:focus:is(.dark *) {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(31 41 55 / var(--tw-ring-opacity, 1));
+  --tw-ring-color: rgb(30 37 48 / var(--tw-ring-opacity, 1));
 }
 
 .dark\:focus\:ring-gray-900:focus:is(.dark *) {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(17 24 39 / var(--tw-ring-opacity, 1));
+  --tw-ring-color: rgb(18 25 35 / var(--tw-ring-opacity, 1));
 }
 
 .dark\:focus\:ring-green-500:focus:is(.dark *) {
@@ -7079,7 +7568,7 @@ input[type="file"]:focus {
 }
 
 .group:hover .dark\:group-hover\:bg-gray-800\/60:is(.dark *) {
-  background-color: rgb(31 41 55 / 0.6);
+  background-color: rgb(30 37 48 / 0.6);
 }
 
 .group:hover .dark\:group-hover\:bg-green-300:is(.dark *) {
@@ -7133,7 +7622,7 @@ input[type="file"]:focus {
 }
 
 .group:focus .dark\:group-focus\:ring-gray-800\/70:is(.dark *) {
-  --tw-ring-color: rgb(31 41 55 / 0.7);
+  --tw-ring-color: rgb(30 37 48 / 0.7);
 }
 
 .peer:focus ~ .peer-focus\:dark\:text-blue-500:is(.dark *) {
@@ -7523,3 +8012,16 @@ input[type="file"]:focus {
 .\[\&_\*\]\:cursor-pointer * {
   cursor: pointer;
 }
+
+.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*='size-']) {
+  width: 1rem;
+  height: 1rem;
+}
+
+.\[\&_svg\]\:pointer-events-none svg {
+  pointer-events: none;
+}
+
+.\[\&_svg\]\:shrink-0 svg {
+  flex-shrink: 0;
+}