@norskvideo/norsk-studio-built-ins 1.27.0-2025-12-23-ec7c5041 → 1.27.0-2026-01-08-2828c8f7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (83) hide show
  1. package/client/info.js +13734 -37412
  2. package/client/style.css +385 -387
  3. package/lib/output.statistics/_gen/types.d.ts +5 -5
  4. package/lib/output.statistics/_gen/yaml-docs.js +4 -2
  5. package/lib/output.statistics/_gen/yaml-docs.js.map +1 -1
  6. package/lib/output.statistics/_gen/zod.js +5 -0
  7. package/lib/output.statistics/_gen/zod.js.map +1 -1
  8. package/lib/output.statistics/info.d.ts +2 -2
  9. package/lib/output.statistics/types.yaml +1 -0
  10. package/lib/processor.operatorChat/runtime.js +17 -7
  11. package/lib/processor.operatorChat/runtime.js.map +1 -1
  12. package/lib/processor.remoteCommentary/runtime.js.map +1 -1
  13. package/lib/processor.videoCompose/preset-transition-panel.js +1 -1
  14. package/lib/processor.videoCompose/preset-transition-panel.js.map +1 -1
  15. package/lib/processor.videoCompose/runtime.d.ts +1 -0
  16. package/lib/processor.videoCompose/runtime.js +2 -1
  17. package/lib/processor.videoCompose/runtime.js.map +1 -1
  18. package/lib/shared/drm/cpix.js.map +1 -1
  19. package/lib/shared/stream-statistics-view.js +2 -2
  20. package/lib/shared/stream-statistics-view.js.map +1 -1
  21. package/lib/test/audio-mixer.js +17 -7
  22. package/lib/test/audio-mixer.js.map +1 -1
  23. package/lib/test/auto-cmaf.js +17 -7
  24. package/lib/test/auto-cmaf.js.map +1 -1
  25. package/lib/test/file-input.js +17 -7
  26. package/lib/test/file-input.js.map +1 -1
  27. package/lib/test/fixed-ladder.js +17 -7
  28. package/lib/test/fixed-ladder.js.map +1 -1
  29. package/lib/test/gate.js +17 -7
  30. package/lib/test/gate.js.map +1 -1
  31. package/lib/test/multiview.js +17 -7
  32. package/lib/test/multiview.js.map +1 -1
  33. package/lib/test/onscreen-graphic.js +17 -7
  34. package/lib/test/onscreen-graphic.js.map +1 -1
  35. package/lib/test/operator-chat.js +17 -7
  36. package/lib/test/operator-chat.js.map +1 -1
  37. package/lib/test/playlist-url-state.js +17 -7
  38. package/lib/test/playlist-url-state.js.map +1 -1
  39. package/lib/test/preview.js +17 -7
  40. package/lib/test/preview.js.map +1 -1
  41. package/lib/test/remote-commentary.js +17 -7
  42. package/lib/test/remote-commentary.js.map +1 -1
  43. package/lib/test/rtmp-input.js +17 -7
  44. package/lib/test/rtmp-input.js.map +1 -1
  45. package/lib/test/rtmp-output.js +17 -7
  46. package/lib/test/rtmp-output.js.map +1 -1
  47. package/lib/test/silence-generator.js +17 -7
  48. package/lib/test/silence-generator.js.map +1 -1
  49. package/lib/test/smart-single-media-switch.js +17 -7
  50. package/lib/test/smart-single-media-switch.js.map +1 -1
  51. package/lib/test/smart-source-switch.js +17 -7
  52. package/lib/test/smart-source-switch.js.map +1 -1
  53. package/lib/test/srt-input-caller.js +17 -7
  54. package/lib/test/srt-input-caller.js.map +1 -1
  55. package/lib/test/srt-input-listener.js +17 -7
  56. package/lib/test/srt-input-listener.js.map +1 -1
  57. package/lib/test/srt-output-caller.js +17 -7
  58. package/lib/test/srt-output-caller.js.map +1 -1
  59. package/lib/test/srt-output-listener.js +17 -7
  60. package/lib/test/srt-output-listener.js.map +1 -1
  61. package/lib/test/stream-key-override.js +17 -7
  62. package/lib/test/stream-key-override.js.map +1 -1
  63. package/lib/test/sync-external-audio.js +17 -7
  64. package/lib/test/sync-external-audio.js.map +1 -1
  65. package/lib/test/udp-output.js +17 -7
  66. package/lib/test/udp-output.js.map +1 -1
  67. package/lib/test/udp-ts-input.js +17 -7
  68. package/lib/test/udp-ts-input.js.map +1 -1
  69. package/lib/test/video-card.js +17 -7
  70. package/lib/test/video-card.js.map +1 -1
  71. package/lib/test/video-compose.js +17 -7
  72. package/lib/test/video-compose.js.map +1 -1
  73. package/lib/test/video-transform.js +17 -7
  74. package/lib/test/video-transform.js.map +1 -1
  75. package/lib/test/webrtc-duplex.js +17 -7
  76. package/lib/test/webrtc-duplex.js.map +1 -1
  77. package/lib/test/whep-output.js +17 -7
  78. package/lib/test/whep-output.js.map +1 -1
  79. package/lib/test/whip-input.js +17 -7
  80. package/lib/test/whip-input.js.map +1 -1
  81. package/lib/test/zoom-to.js +17 -7
  82. package/lib/test/zoom-to.js.map +1 -1
  83. package/package.json +12 -12
package/client/style.css CHANGED
@@ -1,5 +1,113 @@
1
+ *, ::before, ::after {
2
+ --tw-border-spacing-x: 0;
3
+ --tw-border-spacing-y: 0;
4
+ --tw-translate-x: 0;
5
+ --tw-translate-y: 0;
6
+ --tw-rotate: 0;
7
+ --tw-skew-x: 0;
8
+ --tw-skew-y: 0;
9
+ --tw-scale-x: 1;
10
+ --tw-scale-y: 1;
11
+ --tw-pan-x: ;
12
+ --tw-pan-y: ;
13
+ --tw-pinch-zoom: ;
14
+ --tw-scroll-snap-strictness: proximity;
15
+ --tw-gradient-from-position: ;
16
+ --tw-gradient-via-position: ;
17
+ --tw-gradient-to-position: ;
18
+ --tw-ordinal: ;
19
+ --tw-slashed-zero: ;
20
+ --tw-numeric-figure: ;
21
+ --tw-numeric-spacing: ;
22
+ --tw-numeric-fraction: ;
23
+ --tw-ring-inset: ;
24
+ --tw-ring-offset-width: 0px;
25
+ --tw-ring-offset-color: #fff;
26
+ --tw-ring-color: rgb(59 130 246 / 0.5);
27
+ --tw-ring-offset-shadow: 0 0 #0000;
28
+ --tw-ring-shadow: 0 0 #0000;
29
+ --tw-shadow: 0 0 #0000;
30
+ --tw-shadow-colored: 0 0 #0000;
31
+ --tw-blur: ;
32
+ --tw-brightness: ;
33
+ --tw-contrast: ;
34
+ --tw-grayscale: ;
35
+ --tw-hue-rotate: ;
36
+ --tw-invert: ;
37
+ --tw-saturate: ;
38
+ --tw-sepia: ;
39
+ --tw-drop-shadow: ;
40
+ --tw-backdrop-blur: ;
41
+ --tw-backdrop-brightness: ;
42
+ --tw-backdrop-contrast: ;
43
+ --tw-backdrop-grayscale: ;
44
+ --tw-backdrop-hue-rotate: ;
45
+ --tw-backdrop-invert: ;
46
+ --tw-backdrop-opacity: ;
47
+ --tw-backdrop-saturate: ;
48
+ --tw-backdrop-sepia: ;
49
+ --tw-contain-size: ;
50
+ --tw-contain-layout: ;
51
+ --tw-contain-paint: ;
52
+ --tw-contain-style: ;
53
+ }
54
+
55
+ ::backdrop {
56
+ --tw-border-spacing-x: 0;
57
+ --tw-border-spacing-y: 0;
58
+ --tw-translate-x: 0;
59
+ --tw-translate-y: 0;
60
+ --tw-rotate: 0;
61
+ --tw-skew-x: 0;
62
+ --tw-skew-y: 0;
63
+ --tw-scale-x: 1;
64
+ --tw-scale-y: 1;
65
+ --tw-pan-x: ;
66
+ --tw-pan-y: ;
67
+ --tw-pinch-zoom: ;
68
+ --tw-scroll-snap-strictness: proximity;
69
+ --tw-gradient-from-position: ;
70
+ --tw-gradient-via-position: ;
71
+ --tw-gradient-to-position: ;
72
+ --tw-ordinal: ;
73
+ --tw-slashed-zero: ;
74
+ --tw-numeric-figure: ;
75
+ --tw-numeric-spacing: ;
76
+ --tw-numeric-fraction: ;
77
+ --tw-ring-inset: ;
78
+ --tw-ring-offset-width: 0px;
79
+ --tw-ring-offset-color: #fff;
80
+ --tw-ring-color: rgb(59 130 246 / 0.5);
81
+ --tw-ring-offset-shadow: 0 0 #0000;
82
+ --tw-ring-shadow: 0 0 #0000;
83
+ --tw-shadow: 0 0 #0000;
84
+ --tw-shadow-colored: 0 0 #0000;
85
+ --tw-blur: ;
86
+ --tw-brightness: ;
87
+ --tw-contrast: ;
88
+ --tw-grayscale: ;
89
+ --tw-hue-rotate: ;
90
+ --tw-invert: ;
91
+ --tw-saturate: ;
92
+ --tw-sepia: ;
93
+ --tw-drop-shadow: ;
94
+ --tw-backdrop-blur: ;
95
+ --tw-backdrop-brightness: ;
96
+ --tw-backdrop-contrast: ;
97
+ --tw-backdrop-grayscale: ;
98
+ --tw-backdrop-hue-rotate: ;
99
+ --tw-backdrop-invert: ;
100
+ --tw-backdrop-opacity: ;
101
+ --tw-backdrop-saturate: ;
102
+ --tw-backdrop-sepia: ;
103
+ --tw-contain-size: ;
104
+ --tw-contain-layout: ;
105
+ --tw-contain-paint: ;
106
+ --tw-contain-style: ;
107
+ }
108
+
1
109
  /*
2
- ! tailwindcss v3.4.7 | MIT License | https://tailwindcss.com
110
+ ! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
3
111
  */
4
112
 
5
113
  /*
@@ -442,7 +550,7 @@ video {
442
550
 
443
551
  /* Make elements with the HTML hidden attribute stay hidden by default */
444
552
 
445
- [hidden] {
553
+ [hidden]:where(:not([hidden="until-found"])) {
446
554
  display: none;
447
555
  }
448
556
 
@@ -451,114 +559,6 @@ video {
451
559
  scrollbar-width: initial;
452
560
  }
453
561
 
454
- *, ::before, ::after {
455
- --tw-border-spacing-x: 0;
456
- --tw-border-spacing-y: 0;
457
- --tw-translate-x: 0;
458
- --tw-translate-y: 0;
459
- --tw-rotate: 0;
460
- --tw-skew-x: 0;
461
- --tw-skew-y: 0;
462
- --tw-scale-x: 1;
463
- --tw-scale-y: 1;
464
- --tw-pan-x: ;
465
- --tw-pan-y: ;
466
- --tw-pinch-zoom: ;
467
- --tw-scroll-snap-strictness: proximity;
468
- --tw-gradient-from-position: ;
469
- --tw-gradient-via-position: ;
470
- --tw-gradient-to-position: ;
471
- --tw-ordinal: ;
472
- --tw-slashed-zero: ;
473
- --tw-numeric-figure: ;
474
- --tw-numeric-spacing: ;
475
- --tw-numeric-fraction: ;
476
- --tw-ring-inset: ;
477
- --tw-ring-offset-width: 0px;
478
- --tw-ring-offset-color: #fff;
479
- --tw-ring-color: rgb(59 130 246 / 0.5);
480
- --tw-ring-offset-shadow: 0 0 #0000;
481
- --tw-ring-shadow: 0 0 #0000;
482
- --tw-shadow: 0 0 #0000;
483
- --tw-shadow-colored: 0 0 #0000;
484
- --tw-blur: ;
485
- --tw-brightness: ;
486
- --tw-contrast: ;
487
- --tw-grayscale: ;
488
- --tw-hue-rotate: ;
489
- --tw-invert: ;
490
- --tw-saturate: ;
491
- --tw-sepia: ;
492
- --tw-drop-shadow: ;
493
- --tw-backdrop-blur: ;
494
- --tw-backdrop-brightness: ;
495
- --tw-backdrop-contrast: ;
496
- --tw-backdrop-grayscale: ;
497
- --tw-backdrop-hue-rotate: ;
498
- --tw-backdrop-invert: ;
499
- --tw-backdrop-opacity: ;
500
- --tw-backdrop-saturate: ;
501
- --tw-backdrop-sepia: ;
502
- --tw-contain-size: ;
503
- --tw-contain-layout: ;
504
- --tw-contain-paint: ;
505
- --tw-contain-style: ;
506
- }
507
-
508
- ::backdrop {
509
- --tw-border-spacing-x: 0;
510
- --tw-border-spacing-y: 0;
511
- --tw-translate-x: 0;
512
- --tw-translate-y: 0;
513
- --tw-rotate: 0;
514
- --tw-skew-x: 0;
515
- --tw-skew-y: 0;
516
- --tw-scale-x: 1;
517
- --tw-scale-y: 1;
518
- --tw-pan-x: ;
519
- --tw-pan-y: ;
520
- --tw-pinch-zoom: ;
521
- --tw-scroll-snap-strictness: proximity;
522
- --tw-gradient-from-position: ;
523
- --tw-gradient-via-position: ;
524
- --tw-gradient-to-position: ;
525
- --tw-ordinal: ;
526
- --tw-slashed-zero: ;
527
- --tw-numeric-figure: ;
528
- --tw-numeric-spacing: ;
529
- --tw-numeric-fraction: ;
530
- --tw-ring-inset: ;
531
- --tw-ring-offset-width: 0px;
532
- --tw-ring-offset-color: #fff;
533
- --tw-ring-color: rgb(59 130 246 / 0.5);
534
- --tw-ring-offset-shadow: 0 0 #0000;
535
- --tw-ring-shadow: 0 0 #0000;
536
- --tw-shadow: 0 0 #0000;
537
- --tw-shadow-colored: 0 0 #0000;
538
- --tw-blur: ;
539
- --tw-brightness: ;
540
- --tw-contrast: ;
541
- --tw-grayscale: ;
542
- --tw-hue-rotate: ;
543
- --tw-invert: ;
544
- --tw-saturate: ;
545
- --tw-sepia: ;
546
- --tw-drop-shadow: ;
547
- --tw-backdrop-blur: ;
548
- --tw-backdrop-brightness: ;
549
- --tw-backdrop-contrast: ;
550
- --tw-backdrop-grayscale: ;
551
- --tw-backdrop-hue-rotate: ;
552
- --tw-backdrop-invert: ;
553
- --tw-backdrop-opacity: ;
554
- --tw-backdrop-saturate: ;
555
- --tw-backdrop-sepia: ;
556
- --tw-contain-size: ;
557
- --tw-contain-layout: ;
558
- --tw-contain-paint: ;
559
- --tw-contain-style: ;
560
- }
561
-
562
562
  .container {
563
563
  width: 100%;
564
564
  }
@@ -1274,52 +1274,52 @@ video {
1274
1274
 
1275
1275
  .border-blue-400 {
1276
1276
  --tw-border-opacity: 1;
1277
- border-color: rgb(96 165 250 / var(--tw-border-opacity));
1277
+ border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
1278
1278
  }
1279
1279
 
1280
1280
  .border-blue-500 {
1281
1281
  --tw-border-opacity: 1;
1282
- border-color: rgb(59 130 246 / var(--tw-border-opacity));
1282
+ border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
1283
1283
  }
1284
1284
 
1285
1285
  .border-blue-600 {
1286
1286
  --tw-border-opacity: 1;
1287
- border-color: rgb(37 99 235 / var(--tw-border-opacity));
1287
+ border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
1288
1288
  }
1289
1289
 
1290
1290
  .border-gray-200 {
1291
1291
  --tw-border-opacity: 1;
1292
- border-color: rgb(229 231 235 / var(--tw-border-opacity));
1292
+ border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
1293
1293
  }
1294
1294
 
1295
1295
  .border-gray-300 {
1296
1296
  --tw-border-opacity: 1;
1297
- border-color: rgb(209 213 219 / var(--tw-border-opacity));
1297
+ border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
1298
1298
  }
1299
1299
 
1300
1300
  .border-gray-600 {
1301
1301
  --tw-border-opacity: 1;
1302
- border-color: rgb(75 85 99 / var(--tw-border-opacity));
1302
+ border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
1303
1303
  }
1304
1304
 
1305
1305
  .border-gray-700 {
1306
1306
  --tw-border-opacity: 1;
1307
- border-color: rgb(55 65 81 / var(--tw-border-opacity));
1307
+ border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
1308
1308
  }
1309
1309
 
1310
1310
  .border-gray-900 {
1311
1311
  --tw-border-opacity: 1;
1312
- border-color: rgb(14 21 32 / var(--tw-border-opacity));
1312
+ border-color: rgb(14 21 32 / var(--tw-border-opacity, 1));
1313
1313
  }
1314
1314
 
1315
1315
  .border-green-500 {
1316
1316
  --tw-border-opacity: 1;
1317
- border-color: rgb(34 197 94 / var(--tw-border-opacity));
1317
+ border-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
1318
1318
  }
1319
1319
 
1320
1320
  .border-red-800 {
1321
1321
  --tw-border-opacity: 1;
1322
- border-color: rgb(153 27 27 / var(--tw-border-opacity));
1322
+ border-color: rgb(153 27 27 / var(--tw-border-opacity, 1));
1323
1323
  }
1324
1324
 
1325
1325
  .border-transparent {
@@ -1340,7 +1340,7 @@ video {
1340
1340
 
1341
1341
  .bg-black {
1342
1342
  --tw-bg-opacity: 1;
1343
- background-color: rgb(0 0 0 / var(--tw-bg-opacity));
1343
+ background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
1344
1344
  }
1345
1345
 
1346
1346
  .bg-black\/60 {
@@ -1349,17 +1349,17 @@ video {
1349
1349
 
1350
1350
  .bg-blue-100 {
1351
1351
  --tw-bg-opacity: 1;
1352
- background-color: rgb(219 234 254 / var(--tw-bg-opacity));
1352
+ background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
1353
1353
  }
1354
1354
 
1355
1355
  .bg-blue-50 {
1356
1356
  --tw-bg-opacity: 1;
1357
- background-color: rgb(239 246 255 / var(--tw-bg-opacity));
1357
+ background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
1358
1358
  }
1359
1359
 
1360
1360
  .bg-blue-500 {
1361
1361
  --tw-bg-opacity: 1;
1362
- background-color: rgb(59 130 246 / var(--tw-bg-opacity));
1362
+ background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
1363
1363
  }
1364
1364
 
1365
1365
  .bg-blue-500\/10 {
@@ -1376,157 +1376,157 @@ video {
1376
1376
 
1377
1377
  .bg-blue-600 {
1378
1378
  --tw-bg-opacity: 1;
1379
- background-color: rgb(37 99 235 / var(--tw-bg-opacity));
1379
+ background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
1380
1380
  }
1381
1381
 
1382
1382
  .bg-blue-700 {
1383
1383
  --tw-bg-opacity: 1;
1384
- background-color: rgb(29 78 216 / var(--tw-bg-opacity));
1384
+ background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
1385
1385
  }
1386
1386
 
1387
1387
  .bg-cyan-500 {
1388
1388
  --tw-bg-opacity: 1;
1389
- background-color: rgb(6 182 212 / var(--tw-bg-opacity));
1389
+ background-color: rgb(6 182 212 / var(--tw-bg-opacity, 1));
1390
1390
  }
1391
1391
 
1392
1392
  .bg-gray-100 {
1393
1393
  --tw-bg-opacity: 1;
1394
- background-color: rgb(243 244 246 / var(--tw-bg-opacity));
1394
+ background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
1395
1395
  }
1396
1396
 
1397
1397
  .bg-gray-200 {
1398
1398
  --tw-bg-opacity: 1;
1399
- background-color: rgb(229 231 235 / var(--tw-bg-opacity));
1399
+ background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
1400
1400
  }
1401
1401
 
1402
1402
  .bg-gray-400 {
1403
1403
  --tw-bg-opacity: 1;
1404
- background-color: rgb(156 163 175 / var(--tw-bg-opacity));
1404
+ background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));
1405
1405
  }
1406
1406
 
1407
1407
  .bg-gray-50 {
1408
1408
  --tw-bg-opacity: 1;
1409
- background-color: rgb(249 250 251 / var(--tw-bg-opacity));
1409
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
1410
1410
  }
1411
1411
 
1412
1412
  .bg-gray-600 {
1413
1413
  --tw-bg-opacity: 1;
1414
- background-color: rgb(75 85 99 / var(--tw-bg-opacity));
1414
+ background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
1415
1415
  }
1416
1416
 
1417
1417
  .bg-gray-700 {
1418
1418
  --tw-bg-opacity: 1;
1419
- background-color: rgb(55 65 81 / var(--tw-bg-opacity));
1419
+ background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
1420
1420
  }
1421
1421
 
1422
1422
  .bg-gray-800 {
1423
1423
  --tw-bg-opacity: 1;
1424
- background-color: rgb(30 37 48 / var(--tw-bg-opacity));
1424
+ background-color: rgb(30 37 48 / var(--tw-bg-opacity, 1));
1425
1425
  }
1426
1426
 
1427
1427
  .bg-gray-900 {
1428
1428
  --tw-bg-opacity: 1;
1429
- background-color: rgb(14 21 32 / var(--tw-bg-opacity));
1429
+ background-color: rgb(14 21 32 / var(--tw-bg-opacity, 1));
1430
1430
  }
1431
1431
 
1432
1432
  .bg-green-400 {
1433
1433
  --tw-bg-opacity: 1;
1434
- background-color: rgb(74 222 128 / var(--tw-bg-opacity));
1434
+ background-color: rgb(74 222 128 / var(--tw-bg-opacity, 1));
1435
1435
  }
1436
1436
 
1437
1437
  .bg-green-500 {
1438
1438
  --tw-bg-opacity: 1;
1439
- background-color: rgb(34 197 94 / var(--tw-bg-opacity));
1439
+ background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
1440
1440
  }
1441
1441
 
1442
1442
  .bg-green-600 {
1443
1443
  --tw-bg-opacity: 1;
1444
- background-color: rgb(22 163 74 / var(--tw-bg-opacity));
1444
+ background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
1445
1445
  }
1446
1446
 
1447
1447
  .bg-green-700 {
1448
1448
  --tw-bg-opacity: 1;
1449
- background-color: rgb(21 128 61 / var(--tw-bg-opacity));
1449
+ background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1));
1450
1450
  }
1451
1451
 
1452
1452
  .bg-indigo-500 {
1453
1453
  --tw-bg-opacity: 1;
1454
- background-color: rgb(99 102 241 / var(--tw-bg-opacity));
1454
+ background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1));
1455
1455
  }
1456
1456
 
1457
1457
  .bg-live {
1458
1458
  --tw-bg-opacity: 1;
1459
- background-color: rgb(230 24 24 / var(--tw-bg-opacity));
1459
+ background-color: rgb(230 24 24 / var(--tw-bg-opacity, 1));
1460
1460
  }
1461
1461
 
1462
1462
  .bg-node-error {
1463
1463
  --tw-bg-opacity: 1;
1464
- background-color: rgb(255 74 74 / var(--tw-bg-opacity));
1464
+ background-color: rgb(255 74 74 / var(--tw-bg-opacity, 1));
1465
1465
  }
1466
1466
 
1467
1467
  .bg-offline {
1468
1468
  --tw-bg-opacity: 1;
1469
- background-color: rgb(52 55 61 / var(--tw-bg-opacity));
1469
+ background-color: rgb(52 55 61 / var(--tw-bg-opacity, 1));
1470
1470
  }
1471
1471
 
1472
1472
  .bg-orange-500 {
1473
1473
  --tw-bg-opacity: 1;
1474
- background-color: rgb(249 115 22 / var(--tw-bg-opacity));
1474
+ background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
1475
1475
  }
1476
1476
 
1477
1477
  .bg-pink-500 {
1478
1478
  --tw-bg-opacity: 1;
1479
- background-color: rgb(236 72 153 / var(--tw-bg-opacity));
1479
+ background-color: rgb(236 72 153 / var(--tw-bg-opacity, 1));
1480
1480
  }
1481
1481
 
1482
1482
  .bg-primary-500 {
1483
1483
  --tw-bg-opacity: 1;
1484
- background-color: rgb(59 130 246 / var(--tw-bg-opacity));
1484
+ background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
1485
1485
  }
1486
1486
 
1487
1487
  .bg-primary-700 {
1488
1488
  --tw-bg-opacity: 1;
1489
- background-color: rgb(29 78 216 / var(--tw-bg-opacity));
1489
+ background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
1490
1490
  }
1491
1491
 
1492
1492
  .bg-purple-100 {
1493
1493
  --tw-bg-opacity: 1;
1494
- background-color: rgb(243 232 255 / var(--tw-bg-opacity));
1494
+ background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1));
1495
1495
  }
1496
1496
 
1497
1497
  .bg-purple-500 {
1498
1498
  --tw-bg-opacity: 1;
1499
- background-color: rgb(168 85 247 / var(--tw-bg-opacity));
1499
+ background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1));
1500
1500
  }
1501
1501
 
1502
1502
  .bg-red-400 {
1503
1503
  --tw-bg-opacity: 1;
1504
- background-color: rgb(248 113 113 / var(--tw-bg-opacity));
1504
+ background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1));
1505
1505
  }
1506
1506
 
1507
1507
  .bg-red-50 {
1508
1508
  --tw-bg-opacity: 1;
1509
- background-color: rgb(254 242 242 / var(--tw-bg-opacity));
1509
+ background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
1510
1510
  }
1511
1511
 
1512
1512
  .bg-red-500 {
1513
1513
  --tw-bg-opacity: 1;
1514
- background-color: rgb(239 68 68 / var(--tw-bg-opacity));
1514
+ background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
1515
1515
  }
1516
1516
 
1517
1517
  .bg-red-600 {
1518
1518
  --tw-bg-opacity: 1;
1519
- background-color: rgb(220 38 38 / var(--tw-bg-opacity));
1519
+ background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
1520
1520
  }
1521
1521
 
1522
1522
  .bg-red-700 {
1523
1523
  --tw-bg-opacity: 1;
1524
- background-color: rgb(185 28 28 / var(--tw-bg-opacity));
1524
+ background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
1525
1525
  }
1526
1526
 
1527
1527
  .bg-white {
1528
1528
  --tw-bg-opacity: 1;
1529
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
1529
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
1530
1530
  }
1531
1531
 
1532
1532
  .bg-white\/5 {
@@ -1535,7 +1535,7 @@ video {
1535
1535
 
1536
1536
  .bg-yellow-500 {
1537
1537
  --tw-bg-opacity: 1;
1538
- background-color: rgb(234 179 8 / var(--tw-bg-opacity));
1538
+ background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1));
1539
1539
  }
1540
1540
 
1541
1541
  .bg-opacity-50 {
@@ -1783,122 +1783,122 @@ video {
1783
1783
 
1784
1784
  .text-black {
1785
1785
  --tw-text-opacity: 1;
1786
- color: rgb(0 0 0 / var(--tw-text-opacity));
1786
+ color: rgb(0 0 0 / var(--tw-text-opacity, 1));
1787
1787
  }
1788
1788
 
1789
1789
  .text-blue-400 {
1790
1790
  --tw-text-opacity: 1;
1791
- color: rgb(96 165 250 / var(--tw-text-opacity));
1791
+ color: rgb(96 165 250 / var(--tw-text-opacity, 1));
1792
1792
  }
1793
1793
 
1794
1794
  .text-blue-500 {
1795
1795
  --tw-text-opacity: 1;
1796
- color: rgb(59 130 246 / var(--tw-text-opacity));
1796
+ color: rgb(59 130 246 / var(--tw-text-opacity, 1));
1797
1797
  }
1798
1798
 
1799
1799
  .text-blue-600 {
1800
1800
  --tw-text-opacity: 1;
1801
- color: rgb(37 99 235 / var(--tw-text-opacity));
1801
+ color: rgb(37 99 235 / var(--tw-text-opacity, 1));
1802
1802
  }
1803
1803
 
1804
1804
  .text-blue-700 {
1805
1805
  --tw-text-opacity: 1;
1806
- color: rgb(29 78 216 / var(--tw-text-opacity));
1806
+ color: rgb(29 78 216 / var(--tw-text-opacity, 1));
1807
1807
  }
1808
1808
 
1809
1809
  .text-gray-300 {
1810
1810
  --tw-text-opacity: 1;
1811
- color: rgb(209 213 219 / var(--tw-text-opacity));
1811
+ color: rgb(209 213 219 / var(--tw-text-opacity, 1));
1812
1812
  }
1813
1813
 
1814
1814
  .text-gray-400 {
1815
1815
  --tw-text-opacity: 1;
1816
- color: rgb(156 163 175 / var(--tw-text-opacity));
1816
+ color: rgb(156 163 175 / var(--tw-text-opacity, 1));
1817
1817
  }
1818
1818
 
1819
1819
  .text-gray-500 {
1820
1820
  --tw-text-opacity: 1;
1821
- color: rgb(107 114 128 / var(--tw-text-opacity));
1821
+ color: rgb(107 114 128 / var(--tw-text-opacity, 1));
1822
1822
  }
1823
1823
 
1824
1824
  .text-gray-600 {
1825
1825
  --tw-text-opacity: 1;
1826
- color: rgb(75 85 99 / var(--tw-text-opacity));
1826
+ color: rgb(75 85 99 / var(--tw-text-opacity, 1));
1827
1827
  }
1828
1828
 
1829
1829
  .text-gray-700 {
1830
1830
  --tw-text-opacity: 1;
1831
- color: rgb(55 65 81 / var(--tw-text-opacity));
1831
+ color: rgb(55 65 81 / var(--tw-text-opacity, 1));
1832
1832
  }
1833
1833
 
1834
1834
  .text-gray-800 {
1835
1835
  --tw-text-opacity: 1;
1836
- color: rgb(30 37 48 / var(--tw-text-opacity));
1836
+ color: rgb(30 37 48 / var(--tw-text-opacity, 1));
1837
1837
  }
1838
1838
 
1839
1839
  .text-gray-900 {
1840
1840
  --tw-text-opacity: 1;
1841
- color: rgb(14 21 32 / var(--tw-text-opacity));
1841
+ color: rgb(14 21 32 / var(--tw-text-opacity, 1));
1842
1842
  }
1843
1843
 
1844
1844
  .text-green-300 {
1845
1845
  --tw-text-opacity: 1;
1846
- color: rgb(134 239 172 / var(--tw-text-opacity));
1846
+ color: rgb(134 239 172 / var(--tw-text-opacity, 1));
1847
1847
  }
1848
1848
 
1849
1849
  .text-green-400 {
1850
1850
  --tw-text-opacity: 1;
1851
- color: rgb(74 222 128 / var(--tw-text-opacity));
1851
+ color: rgb(74 222 128 / var(--tw-text-opacity, 1));
1852
1852
  }
1853
1853
 
1854
1854
  .text-green-500 {
1855
1855
  --tw-text-opacity: 1;
1856
- color: rgb(34 197 94 / var(--tw-text-opacity));
1856
+ color: rgb(34 197 94 / var(--tw-text-opacity, 1));
1857
1857
  }
1858
1858
 
1859
1859
  .text-node-error {
1860
1860
  --tw-text-opacity: 1;
1861
- color: rgb(255 74 74 / var(--tw-text-opacity));
1861
+ color: rgb(255 74 74 / var(--tw-text-opacity, 1));
1862
1862
  }
1863
1863
 
1864
1864
  .text-orange-300 {
1865
1865
  --tw-text-opacity: 1;
1866
- color: rgb(253 186 116 / var(--tw-text-opacity));
1866
+ color: rgb(253 186 116 / var(--tw-text-opacity, 1));
1867
1867
  }
1868
1868
 
1869
1869
  .text-orange-500 {
1870
1870
  --tw-text-opacity: 1;
1871
- color: rgb(249 115 22 / var(--tw-text-opacity));
1871
+ color: rgb(249 115 22 / var(--tw-text-opacity, 1));
1872
1872
  }
1873
1873
 
1874
1874
  .text-purple-700 {
1875
1875
  --tw-text-opacity: 1;
1876
- color: rgb(126 34 206 / var(--tw-text-opacity));
1876
+ color: rgb(126 34 206 / var(--tw-text-opacity, 1));
1877
1877
  }
1878
1878
 
1879
1879
  .text-red-300 {
1880
1880
  --tw-text-opacity: 1;
1881
- color: rgb(252 165 165 / var(--tw-text-opacity));
1881
+ color: rgb(252 165 165 / var(--tw-text-opacity, 1));
1882
1882
  }
1883
1883
 
1884
1884
  .text-red-400 {
1885
1885
  --tw-text-opacity: 1;
1886
- color: rgb(248 113 113 / var(--tw-text-opacity));
1886
+ color: rgb(248 113 113 / var(--tw-text-opacity, 1));
1887
1887
  }
1888
1888
 
1889
1889
  .text-red-500 {
1890
1890
  --tw-text-opacity: 1;
1891
- color: rgb(239 68 68 / var(--tw-text-opacity));
1891
+ color: rgb(239 68 68 / var(--tw-text-opacity, 1));
1892
1892
  }
1893
1893
 
1894
1894
  .text-white {
1895
1895
  --tw-text-opacity: 1;
1896
- color: rgb(255 255 255 / var(--tw-text-opacity));
1896
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
1897
1897
  }
1898
1898
 
1899
1899
  .text-yellow-500 {
1900
1900
  --tw-text-opacity: 1;
1901
- color: rgb(234 179 8 / var(--tw-text-opacity));
1901
+ color: rgb(234 179 8 / var(--tw-text-opacity, 1));
1902
1902
  }
1903
1903
 
1904
1904
  .accent-blue-600 {
@@ -1991,10 +1991,6 @@ video {
1991
1991
  transition-duration: 200ms;
1992
1992
  }
1993
1993
 
1994
- .scrollbar-thin {
1995
- scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial);
1996
- }
1997
-
1998
1994
  .scrollbar-thin::-webkit-scrollbar-track {
1999
1995
  background-color: var(--scrollbar-track);
2000
1996
  border-radius: var(--scrollbar-track-radius);
@@ -2036,9 +2032,11 @@ video {
2036
2032
 
2037
2033
  .scrollbar-thin {
2038
2034
  scrollbar-width: thin;
2035
+ scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial);
2039
2036
  }
2040
2037
 
2041
2038
  .scrollbar-thin::-webkit-scrollbar {
2039
+ display: block;
2042
2040
  width: 8px;
2043
2041
  height: 8px;
2044
2042
  }
@@ -2058,12 +2056,12 @@ video {
2058
2056
  line-height: 1.25rem;
2059
2057
  font-weight: 500;
2060
2058
  --tw-text-opacity: 1;
2061
- color: rgb(14 21 32 / var(--tw-text-opacity));
2059
+ color: rgb(14 21 32 / var(--tw-text-opacity, 1));
2062
2060
  }
2063
2061
 
2064
2062
  .node-editor-label:is(.dark *) {
2065
2063
  --tw-text-opacity: 1;
2066
- color: rgb(255 255 255 / var(--tw-text-opacity));
2064
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
2067
2065
  }
2068
2066
 
2069
2067
  .node-editor-text-input {
@@ -2072,49 +2070,49 @@ video {
2072
2070
  border-radius: 0.25rem;
2073
2071
  border-width: 1px;
2074
2072
  --tw-border-opacity: 1;
2075
- border-color: rgb(209 213 219 / var(--tw-border-opacity));
2073
+ border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
2076
2074
  --tw-bg-opacity: 1;
2077
- background-color: rgb(249 250 251 / var(--tw-bg-opacity));
2075
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
2078
2076
  padding: 0.25rem;
2079
2077
  font-size: 0.875rem;
2080
2078
  line-height: 1.25rem;
2081
2079
  --tw-text-opacity: 1;
2082
- color: rgb(14 21 32 / var(--tw-text-opacity));
2080
+ color: rgb(14 21 32 / var(--tw-text-opacity, 1));
2083
2081
  }
2084
2082
 
2085
2083
  .node-editor-text-input:focus {
2086
2084
  --tw-border-opacity: 1;
2087
- border-color: rgb(59 130 246 / var(--tw-border-opacity));
2085
+ border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
2088
2086
  outline: 2px solid transparent;
2089
2087
  outline-offset: 2px;
2090
2088
  --tw-ring-opacity: 1;
2091
- --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
2089
+ --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
2092
2090
  }
2093
2091
 
2094
2092
  .node-editor-text-input:is(.dark *) {
2095
2093
  --tw-border-opacity: 1;
2096
- border-color: rgb(75 85 99 / var(--tw-border-opacity));
2094
+ border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
2097
2095
  --tw-bg-opacity: 1;
2098
- background-color: rgb(55 65 81 / var(--tw-bg-opacity));
2096
+ background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
2099
2097
  --tw-text-opacity: 1;
2100
- color: rgb(255 255 255 / var(--tw-text-opacity));
2098
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
2101
2099
  }
2102
2100
 
2103
2101
  .node-editor-text-input:is(.dark *)::-moz-placeholder {
2104
2102
  --tw-placeholder-opacity: 1;
2105
- color: rgb(156 163 175 / var(--tw-placeholder-opacity));
2103
+ color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
2106
2104
  }
2107
2105
 
2108
2106
  .node-editor-text-input:is(.dark *)::placeholder {
2109
2107
  --tw-placeholder-opacity: 1;
2110
- color: rgb(156 163 175 / var(--tw-placeholder-opacity));
2108
+ color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
2111
2109
  }
2112
2110
 
2113
2111
  .node-editor-text-input:focus:is(.dark *) {
2114
2112
  --tw-border-opacity: 1;
2115
- border-color: rgb(59 130 246 / var(--tw-border-opacity));
2113
+ border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
2116
2114
  --tw-ring-opacity: 1;
2117
- --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
2115
+ --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
2118
2116
  }
2119
2117
 
2120
2118
  .node-editor-numeric-input {
@@ -2123,47 +2121,47 @@ video {
2123
2121
  border-radius: 0.25rem;
2124
2122
  border-width: 1px;
2125
2123
  --tw-border-opacity: 1;
2126
- border-color: rgb(209 213 219 / var(--tw-border-opacity));
2124
+ border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
2127
2125
  --tw-bg-opacity: 1;
2128
- background-color: rgb(249 250 251 / var(--tw-bg-opacity));
2126
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
2129
2127
  padding: 0.125rem;
2130
2128
  font-size: 0.875rem;
2131
2129
  line-height: 1.25rem;
2132
2130
  --tw-text-opacity: 1;
2133
- color: rgb(14 21 32 / var(--tw-text-opacity));
2131
+ color: rgb(14 21 32 / var(--tw-text-opacity, 1));
2134
2132
  }
2135
2133
 
2136
2134
  .node-editor-numeric-input:focus {
2137
2135
  --tw-border-opacity: 1;
2138
- border-color: rgb(59 130 246 / var(--tw-border-opacity));
2136
+ border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
2139
2137
  --tw-ring-opacity: 1;
2140
- --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
2138
+ --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
2141
2139
  }
2142
2140
 
2143
2141
  .node-editor-numeric-input:is(.dark *) {
2144
2142
  --tw-border-opacity: 1;
2145
- border-color: rgb(75 85 99 / var(--tw-border-opacity));
2143
+ border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
2146
2144
  --tw-bg-opacity: 1;
2147
- background-color: rgb(55 65 81 / var(--tw-bg-opacity));
2145
+ background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
2148
2146
  --tw-text-opacity: 1;
2149
- color: rgb(255 255 255 / var(--tw-text-opacity));
2147
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
2150
2148
  }
2151
2149
 
2152
2150
  .node-editor-numeric-input:is(.dark *)::-moz-placeholder {
2153
2151
  --tw-placeholder-opacity: 1;
2154
- color: rgb(156 163 175 / var(--tw-placeholder-opacity));
2152
+ color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
2155
2153
  }
2156
2154
 
2157
2155
  .node-editor-numeric-input:is(.dark *)::placeholder {
2158
2156
  --tw-placeholder-opacity: 1;
2159
- color: rgb(156 163 175 / var(--tw-placeholder-opacity));
2157
+ color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
2160
2158
  }
2161
2159
 
2162
2160
  .node-editor-numeric-input:focus:is(.dark *) {
2163
2161
  --tw-border-opacity: 1;
2164
- border-color: rgb(59 130 246 / var(--tw-border-opacity));
2162
+ border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
2165
2163
  --tw-ring-opacity: 1;
2166
- --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
2164
+ --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
2167
2165
  }
2168
2166
 
2169
2167
  .node-editor-select-input {
@@ -2172,47 +2170,47 @@ video {
2172
2170
  border-radius: 0.25rem;
2173
2171
  border-width: 1px;
2174
2172
  --tw-border-opacity: 1;
2175
- border-color: rgb(209 213 219 / var(--tw-border-opacity));
2173
+ border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
2176
2174
  --tw-bg-opacity: 1;
2177
- background-color: rgb(249 250 251 / var(--tw-bg-opacity));
2175
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
2178
2176
  padding: 0.25rem;
2179
2177
  font-size: 0.875rem;
2180
2178
  line-height: 1.25rem;
2181
2179
  --tw-text-opacity: 1;
2182
- color: rgb(14 21 32 / var(--tw-text-opacity));
2180
+ color: rgb(14 21 32 / var(--tw-text-opacity, 1));
2183
2181
  }
2184
2182
 
2185
2183
  .node-editor-select-input:focus {
2186
2184
  --tw-border-opacity: 1;
2187
- border-color: rgb(59 130 246 / var(--tw-border-opacity));
2185
+ border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
2188
2186
  --tw-ring-opacity: 1;
2189
- --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
2187
+ --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
2190
2188
  }
2191
2189
 
2192
2190
  .node-editor-select-input:is(.dark *) {
2193
2191
  --tw-border-opacity: 1;
2194
- border-color: rgb(75 85 99 / var(--tw-border-opacity));
2192
+ border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
2195
2193
  --tw-bg-opacity: 1;
2196
- background-color: rgb(55 65 81 / var(--tw-bg-opacity));
2194
+ background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
2197
2195
  --tw-text-opacity: 1;
2198
- color: rgb(255 255 255 / var(--tw-text-opacity));
2196
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
2199
2197
  }
2200
2198
 
2201
2199
  .node-editor-select-input:is(.dark *)::-moz-placeholder {
2202
2200
  --tw-placeholder-opacity: 1;
2203
- color: rgb(156 163 175 / var(--tw-placeholder-opacity));
2201
+ color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
2204
2202
  }
2205
2203
 
2206
2204
  .node-editor-select-input:is(.dark *)::placeholder {
2207
2205
  --tw-placeholder-opacity: 1;
2208
- color: rgb(156 163 175 / var(--tw-placeholder-opacity));
2206
+ color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
2209
2207
  }
2210
2208
 
2211
2209
  .node-editor-select-input:focus:is(.dark *) {
2212
2210
  --tw-border-opacity: 1;
2213
- border-color: rgb(59 130 246 / var(--tw-border-opacity));
2211
+ border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
2214
2212
  --tw-ring-opacity: 1;
2215
- --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
2213
+ --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
2216
2214
  }
2217
2215
 
2218
2216
  .node-editor-helper-text {
@@ -2221,12 +2219,12 @@ video {
2221
2219
  font-size: 0.75rem;
2222
2220
  line-height: 1rem;
2223
2221
  --tw-text-opacity: 1;
2224
- color: rgb(107 114 128 / var(--tw-text-opacity));
2222
+ color: rgb(107 114 128 / var(--tw-text-opacity, 1));
2225
2223
  }
2226
2224
 
2227
2225
  .node-editor-helper-text:is(.dark *) {
2228
2226
  --tw-text-opacity: 1;
2229
- color: rgb(156 163 175 / var(--tw-text-opacity));
2227
+ color: rgb(156 163 175 / var(--tw-text-opacity, 1));
2230
2228
  }
2231
2229
 
2232
2230
  .output-socket {
@@ -2275,13 +2273,13 @@ video {
2275
2273
  .after\:border-gray-300::after {
2276
2274
  content: var(--tw-content);
2277
2275
  --tw-border-opacity: 1;
2278
- border-color: rgb(209 213 219 / var(--tw-border-opacity));
2276
+ border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
2279
2277
  }
2280
2278
 
2281
2279
  .after\:bg-white::after {
2282
2280
  content: var(--tw-content);
2283
2281
  --tw-bg-opacity: 1;
2284
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
2282
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
2285
2283
  }
2286
2284
 
2287
2285
  .after\:transition-all::after {
@@ -2296,95 +2294,13 @@ video {
2296
2294
  content: var(--tw-content);
2297
2295
  }
2298
2296
 
2299
- .focus\:border-blue-500:focus {
2300
- --tw-border-opacity: 1;
2301
- border-color: rgb(59 130 246 / var(--tw-border-opacity));
2302
- }
2303
-
2304
- .focus\:border-primary-500:focus {
2305
- --tw-border-opacity: 1;
2306
- border-color: rgb(59 130 246 / var(--tw-border-opacity));
2307
- }
2308
-
2309
- .focus\:outline-none:focus {
2310
- outline: 2px solid transparent;
2311
- outline-offset: 2px;
2312
- }
2313
-
2314
- .focus\:ring-0:focus {
2315
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2316
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2317
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2318
- }
2319
-
2320
- .focus\:ring-2:focus {
2321
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2322
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2323
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2324
- }
2325
-
2326
- .focus\:ring-4:focus {
2327
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2328
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2329
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2330
- }
2331
-
2332
- .focus\:ring-blue-300:focus {
2333
- --tw-ring-opacity: 1;
2334
- --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity));
2335
- }
2336
-
2337
- .focus\:ring-blue-500:focus {
2338
- --tw-ring-opacity: 1;
2339
- --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
2340
- }
2341
-
2342
- .focus\:ring-primary-300:focus {
2343
- --tw-ring-opacity: 1;
2344
- --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity));
2345
- }
2346
-
2347
- .focus\:ring-primary-500:focus {
2348
- --tw-ring-opacity: 1;
2349
- --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
2350
- }
2351
-
2352
- .focus\:ring-offset-0:focus {
2353
- --tw-ring-offset-width: 0px;
2354
- }
2355
-
2356
- .disabled\:cursor-not-allowed:disabled {
2357
- cursor: not-allowed;
2358
- }
2359
-
2360
- .disabled\:bg-gray-600:disabled {
2361
- --tw-bg-opacity: 1;
2362
- background-color: rgb(75 85 99 / var(--tw-bg-opacity));
2363
- }
2364
-
2365
- .disabled\:bg-node-error\/50:disabled {
2366
- background-color: rgb(255 74 74 / 0.5);
2367
- }
2368
-
2369
- .disabled\:bg-primary-500\/50:disabled {
2370
- background-color: rgb(59 130 246 / 0.5);
2371
- }
2372
-
2373
- .disabled\:opacity-30:disabled {
2374
- opacity: 0.3;
2375
- }
2376
-
2377
- .disabled\:opacity-50:disabled {
2378
- opacity: 0.5;
2379
- }
2380
-
2381
2297
  .group:hover .group-hover\:opacity-100 {
2382
2298
  opacity: 1;
2383
2299
  }
2384
2300
 
2385
2301
  .peer:checked ~ .peer-checked\:bg-blue-600 {
2386
2302
  --tw-bg-opacity: 1;
2387
- background-color: rgb(37 99 235 / var(--tw-bg-opacity));
2303
+ background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
2388
2304
  }
2389
2305
 
2390
2306
  .peer:checked ~ .peer-checked\:after\:translate-x-full::after {
@@ -2396,7 +2312,7 @@ video {
2396
2312
  .peer:checked ~ .peer-checked\:after\:border-white::after {
2397
2313
  content: var(--tw-content);
2398
2314
  --tw-border-opacity: 1;
2399
- border-color: rgb(255 255 255 / var(--tw-border-opacity));
2315
+ border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
2400
2316
  }
2401
2317
 
2402
2318
  .peer:focus ~ .peer-focus\:outline-none {
@@ -2412,42 +2328,42 @@ video {
2412
2328
 
2413
2329
  .peer:focus ~ .peer-focus\:ring-blue-300 {
2414
2330
  --tw-ring-opacity: 1;
2415
- --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity));
2331
+ --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity, 1));
2416
2332
  }
2417
2333
 
2418
2334
  .hover\:border-blue-500:hover {
2419
2335
  --tw-border-opacity: 1;
2420
- border-color: rgb(59 130 246 / var(--tw-border-opacity));
2336
+ border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
2421
2337
  }
2422
2338
 
2423
2339
  .hover\:border-green-500:hover {
2424
2340
  --tw-border-opacity: 1;
2425
- border-color: rgb(34 197 94 / var(--tw-border-opacity));
2341
+ border-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
2426
2342
  }
2427
2343
 
2428
2344
  .hover\:bg-blue-50:hover {
2429
2345
  --tw-bg-opacity: 1;
2430
- background-color: rgb(239 246 255 / var(--tw-bg-opacity));
2346
+ background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
2431
2347
  }
2432
2348
 
2433
2349
  .hover\:bg-blue-700:hover {
2434
2350
  --tw-bg-opacity: 1;
2435
- background-color: rgb(29 78 216 / var(--tw-bg-opacity));
2351
+ background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
2436
2352
  }
2437
2353
 
2438
2354
  .hover\:bg-blue-800:hover {
2439
2355
  --tw-bg-opacity: 1;
2440
- background-color: rgb(30 64 175 / var(--tw-bg-opacity));
2356
+ background-color: rgb(30 64 175 / var(--tw-bg-opacity, 1));
2441
2357
  }
2442
2358
 
2443
2359
  .hover\:bg-gray-600:hover {
2444
2360
  --tw-bg-opacity: 1;
2445
- background-color: rgb(75 85 99 / var(--tw-bg-opacity));
2361
+ background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
2446
2362
  }
2447
2363
 
2448
2364
  .hover\:bg-gray-700:hover {
2449
2365
  --tw-bg-opacity: 1;
2450
- background-color: rgb(55 65 81 / var(--tw-bg-opacity));
2366
+ background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
2451
2367
  }
2452
2368
 
2453
2369
  .hover\:bg-gray-700\/50:hover {
@@ -2456,12 +2372,12 @@ video {
2456
2372
 
2457
2373
  .hover\:bg-green-700:hover {
2458
2374
  --tw-bg-opacity: 1;
2459
- background-color: rgb(21 128 61 / var(--tw-bg-opacity));
2375
+ background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1));
2460
2376
  }
2461
2377
 
2462
2378
  .hover\:bg-green-800:hover {
2463
2379
  --tw-bg-opacity: 1;
2464
- background-color: rgb(22 101 52 / var(--tw-bg-opacity));
2380
+ background-color: rgb(22 101 52 / var(--tw-bg-opacity, 1));
2465
2381
  }
2466
2382
 
2467
2383
  .hover\:bg-node-error\/80:hover {
@@ -2470,22 +2386,22 @@ video {
2470
2386
 
2471
2387
  .hover\:bg-primary-600:hover {
2472
2388
  --tw-bg-opacity: 1;
2473
- background-color: rgb(37 99 235 / var(--tw-bg-opacity));
2389
+ background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
2474
2390
  }
2475
2391
 
2476
2392
  .hover\:bg-primary-800:hover {
2477
2393
  --tw-bg-opacity: 1;
2478
- background-color: rgb(30 64 175 / var(--tw-bg-opacity));
2394
+ background-color: rgb(30 64 175 / var(--tw-bg-opacity, 1));
2479
2395
  }
2480
2396
 
2481
2397
  .hover\:bg-red-700:hover {
2482
2398
  --tw-bg-opacity: 1;
2483
- background-color: rgb(185 28 28 / var(--tw-bg-opacity));
2399
+ background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
2484
2400
  }
2485
2401
 
2486
2402
  .hover\:bg-red-800:hover {
2487
2403
  --tw-bg-opacity: 1;
2488
- background-color: rgb(153 27 27 / var(--tw-bg-opacity));
2404
+ background-color: rgb(153 27 27 / var(--tw-bg-opacity, 1));
2489
2405
  }
2490
2406
 
2491
2407
  .hover\:bg-opacity-75:hover {
@@ -2494,27 +2410,109 @@ video {
2494
2410
 
2495
2411
  .hover\:text-blue-600:hover {
2496
2412
  --tw-text-opacity: 1;
2497
- color: rgb(37 99 235 / var(--tw-text-opacity));
2413
+ color: rgb(37 99 235 / var(--tw-text-opacity, 1));
2498
2414
  }
2499
2415
 
2500
2416
  .hover\:text-blue-700:hover {
2501
2417
  --tw-text-opacity: 1;
2502
- color: rgb(29 78 216 / var(--tw-text-opacity));
2418
+ color: rgb(29 78 216 / var(--tw-text-opacity, 1));
2503
2419
  }
2504
2420
 
2505
2421
  .hover\:text-gray-700:hover {
2506
2422
  --tw-text-opacity: 1;
2507
- color: rgb(55 65 81 / var(--tw-text-opacity));
2423
+ color: rgb(55 65 81 / var(--tw-text-opacity, 1));
2508
2424
  }
2509
2425
 
2510
2426
  .hover\:text-green-600:hover {
2511
2427
  --tw-text-opacity: 1;
2512
- color: rgb(22 163 74 / var(--tw-text-opacity));
2428
+ color: rgb(22 163 74 / var(--tw-text-opacity, 1));
2513
2429
  }
2514
2430
 
2515
2431
  .hover\:text-red-700:hover {
2516
2432
  --tw-text-opacity: 1;
2517
- color: rgb(185 28 28 / var(--tw-text-opacity));
2433
+ color: rgb(185 28 28 / var(--tw-text-opacity, 1));
2434
+ }
2435
+
2436
+ .focus\:border-blue-500:focus {
2437
+ --tw-border-opacity: 1;
2438
+ border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
2439
+ }
2440
+
2441
+ .focus\:border-primary-500:focus {
2442
+ --tw-border-opacity: 1;
2443
+ border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
2444
+ }
2445
+
2446
+ .focus\:outline-none:focus {
2447
+ outline: 2px solid transparent;
2448
+ outline-offset: 2px;
2449
+ }
2450
+
2451
+ .focus\:ring-0:focus {
2452
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2453
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2454
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2455
+ }
2456
+
2457
+ .focus\:ring-2:focus {
2458
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2459
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2460
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2461
+ }
2462
+
2463
+ .focus\:ring-4:focus {
2464
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2465
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2466
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2467
+ }
2468
+
2469
+ .focus\:ring-blue-300:focus {
2470
+ --tw-ring-opacity: 1;
2471
+ --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity, 1));
2472
+ }
2473
+
2474
+ .focus\:ring-blue-500:focus {
2475
+ --tw-ring-opacity: 1;
2476
+ --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
2477
+ }
2478
+
2479
+ .focus\:ring-primary-300:focus {
2480
+ --tw-ring-opacity: 1;
2481
+ --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity, 1));
2482
+ }
2483
+
2484
+ .focus\:ring-primary-500:focus {
2485
+ --tw-ring-opacity: 1;
2486
+ --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
2487
+ }
2488
+
2489
+ .focus\:ring-offset-0:focus {
2490
+ --tw-ring-offset-width: 0px;
2491
+ }
2492
+
2493
+ .disabled\:cursor-not-allowed:disabled {
2494
+ cursor: not-allowed;
2495
+ }
2496
+
2497
+ .disabled\:bg-gray-600:disabled {
2498
+ --tw-bg-opacity: 1;
2499
+ background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
2500
+ }
2501
+
2502
+ .disabled\:bg-node-error\/50:disabled {
2503
+ background-color: rgb(255 74 74 / 0.5);
2504
+ }
2505
+
2506
+ .disabled\:bg-primary-500\/50:disabled {
2507
+ background-color: rgb(59 130 246 / 0.5);
2508
+ }
2509
+
2510
+ .disabled\:opacity-30:disabled {
2511
+ opacity: 0.3;
2512
+ }
2513
+
2514
+ .disabled\:opacity-50:disabled {
2515
+ opacity: 0.5;
2518
2516
  }
2519
2517
 
2520
2518
  .dark\:block:is(.dark *) {
@@ -2531,22 +2529,22 @@ video {
2531
2529
 
2532
2530
  .dark\:border-blue-500:is(.dark *) {
2533
2531
  --tw-border-opacity: 1;
2534
- border-color: rgb(59 130 246 / var(--tw-border-opacity));
2532
+ border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
2535
2533
  }
2536
2534
 
2537
2535
  .dark\:border-gray-600:is(.dark *) {
2538
2536
  --tw-border-opacity: 1;
2539
- border-color: rgb(75 85 99 / var(--tw-border-opacity));
2537
+ border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
2540
2538
  }
2541
2539
 
2542
2540
  .dark\:border-gray-700:is(.dark *) {
2543
2541
  --tw-border-opacity: 1;
2544
- border-color: rgb(55 65 81 / var(--tw-border-opacity));
2542
+ border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
2545
2543
  }
2546
2544
 
2547
2545
  .dark\:border-gray-900:is(.dark *) {
2548
2546
  --tw-border-opacity: 1;
2549
- border-color: rgb(14 21 32 / var(--tw-border-opacity));
2547
+ border-color: rgb(14 21 32 / var(--tw-border-opacity, 1));
2550
2548
  }
2551
2549
 
2552
2550
  .dark\:border-white\/10:is(.dark *) {
@@ -2555,7 +2553,7 @@ video {
2555
2553
 
2556
2554
  .dark\:bg-black:is(.dark *) {
2557
2555
  --tw-bg-opacity: 1;
2558
- background-color: rgb(0 0 0 / var(--tw-bg-opacity));
2556
+ background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
2559
2557
  }
2560
2558
 
2561
2559
  .dark\:bg-blue-500\/10:is(.dark *) {
@@ -2564,12 +2562,12 @@ video {
2564
2562
 
2565
2563
  .dark\:bg-blue-600:is(.dark *) {
2566
2564
  --tw-bg-opacity: 1;
2567
- background-color: rgb(37 99 235 / var(--tw-bg-opacity));
2565
+ background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
2568
2566
  }
2569
2567
 
2570
2568
  .dark\:bg-blue-900:is(.dark *) {
2571
2569
  --tw-bg-opacity: 1;
2572
- background-color: rgb(30 58 138 / var(--tw-bg-opacity));
2570
+ background-color: rgb(30 58 138 / var(--tw-bg-opacity, 1));
2573
2571
  }
2574
2572
 
2575
2573
  .dark\:bg-blue-900\/20:is(.dark *) {
@@ -2578,32 +2576,32 @@ video {
2578
2576
 
2579
2577
  .dark\:bg-gray-700:is(.dark *) {
2580
2578
  --tw-bg-opacity: 1;
2581
- background-color: rgb(55 65 81 / var(--tw-bg-opacity));
2579
+ background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
2582
2580
  }
2583
2581
 
2584
2582
  .dark\:bg-gray-800:is(.dark *) {
2585
2583
  --tw-bg-opacity: 1;
2586
- background-color: rgb(30 37 48 / var(--tw-bg-opacity));
2584
+ background-color: rgb(30 37 48 / var(--tw-bg-opacity, 1));
2587
2585
  }
2588
2586
 
2589
2587
  .dark\:bg-gray-900:is(.dark *) {
2590
2588
  --tw-bg-opacity: 1;
2591
- background-color: rgb(14 21 32 / var(--tw-bg-opacity));
2589
+ background-color: rgb(14 21 32 / var(--tw-bg-opacity, 1));
2592
2590
  }
2593
2591
 
2594
2592
  .dark\:bg-gray-950:is(.dark *) {
2595
2593
  --tw-bg-opacity: 1;
2596
- background-color: rgb(3 7 18 / var(--tw-bg-opacity));
2594
+ background-color: rgb(3 7 18 / var(--tw-bg-opacity, 1));
2597
2595
  }
2598
2596
 
2599
2597
  .dark\:bg-primary-600:is(.dark *) {
2600
2598
  --tw-bg-opacity: 1;
2601
- background-color: rgb(37 99 235 / var(--tw-bg-opacity));
2599
+ background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
2602
2600
  }
2603
2601
 
2604
2602
  .dark\:bg-purple-900:is(.dark *) {
2605
2603
  --tw-bg-opacity: 1;
2606
- background-color: rgb(88 28 135 / var(--tw-bg-opacity));
2604
+ background-color: rgb(88 28 135 / var(--tw-bg-opacity, 1));
2607
2605
  }
2608
2606
 
2609
2607
  .dark\:bg-red-900\/20:is(.dark *) {
@@ -2625,116 +2623,96 @@ video {
2625
2623
 
2626
2624
  .dark\:text-blue-300:is(.dark *) {
2627
2625
  --tw-text-opacity: 1;
2628
- color: rgb(147 197 253 / var(--tw-text-opacity));
2626
+ color: rgb(147 197 253 / var(--tw-text-opacity, 1));
2629
2627
  }
2630
2628
 
2631
2629
  .dark\:text-blue-400:is(.dark *) {
2632
2630
  --tw-text-opacity: 1;
2633
- color: rgb(96 165 250 / var(--tw-text-opacity));
2631
+ color: rgb(96 165 250 / var(--tw-text-opacity, 1));
2634
2632
  }
2635
2633
 
2636
2634
  .dark\:text-gray-300:is(.dark *) {
2637
2635
  --tw-text-opacity: 1;
2638
- color: rgb(209 213 219 / var(--tw-text-opacity));
2636
+ color: rgb(209 213 219 / var(--tw-text-opacity, 1));
2639
2637
  }
2640
2638
 
2641
2639
  .dark\:text-gray-400:is(.dark *) {
2642
2640
  --tw-text-opacity: 1;
2643
- color: rgb(156 163 175 / var(--tw-text-opacity));
2641
+ color: rgb(156 163 175 / var(--tw-text-opacity, 1));
2644
2642
  }
2645
2643
 
2646
2644
  .dark\:text-gray-500:is(.dark *) {
2647
2645
  --tw-text-opacity: 1;
2648
- color: rgb(107 114 128 / var(--tw-text-opacity));
2646
+ color: rgb(107 114 128 / var(--tw-text-opacity, 1));
2649
2647
  }
2650
2648
 
2651
2649
  .dark\:text-green-300:is(.dark *) {
2652
2650
  --tw-text-opacity: 1;
2653
- color: rgb(134 239 172 / var(--tw-text-opacity));
2651
+ color: rgb(134 239 172 / var(--tw-text-opacity, 1));
2654
2652
  }
2655
2653
 
2656
2654
  .dark\:text-orange-300:is(.dark *) {
2657
2655
  --tw-text-opacity: 1;
2658
- color: rgb(253 186 116 / var(--tw-text-opacity));
2656
+ color: rgb(253 186 116 / var(--tw-text-opacity, 1));
2659
2657
  }
2660
2658
 
2661
2659
  .dark\:text-purple-300:is(.dark *) {
2662
2660
  --tw-text-opacity: 1;
2663
- color: rgb(216 180 254 / var(--tw-text-opacity));
2661
+ color: rgb(216 180 254 / var(--tw-text-opacity, 1));
2664
2662
  }
2665
2663
 
2666
2664
  .dark\:text-red-300:is(.dark *) {
2667
2665
  --tw-text-opacity: 1;
2668
- color: rgb(252 165 165 / var(--tw-text-opacity));
2666
+ color: rgb(252 165 165 / var(--tw-text-opacity, 1));
2669
2667
  }
2670
2668
 
2671
2669
  .dark\:text-red-400:is(.dark *) {
2672
2670
  --tw-text-opacity: 1;
2673
- color: rgb(248 113 113 / var(--tw-text-opacity));
2671
+ color: rgb(248 113 113 / var(--tw-text-opacity, 1));
2674
2672
  }
2675
2673
 
2676
2674
  .dark\:text-white:is(.dark *) {
2677
2675
  --tw-text-opacity: 1;
2678
- color: rgb(255 255 255 / var(--tw-text-opacity));
2676
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
2679
2677
  }
2680
2678
 
2681
2679
  .dark\:text-yellow-400:is(.dark *) {
2682
2680
  --tw-text-opacity: 1;
2683
- color: rgb(250 204 21 / var(--tw-text-opacity));
2681
+ color: rgb(250 204 21 / var(--tw-text-opacity, 1));
2684
2682
  }
2685
2683
 
2686
2684
  .dark\:placeholder-gray-400:is(.dark *)::-moz-placeholder {
2687
2685
  --tw-placeholder-opacity: 1;
2688
- color: rgb(156 163 175 / var(--tw-placeholder-opacity));
2686
+ color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
2689
2687
  }
2690
2688
 
2691
2689
  .dark\:placeholder-gray-400:is(.dark *)::placeholder {
2692
2690
  --tw-placeholder-opacity: 1;
2693
- color: rgb(156 163 175 / var(--tw-placeholder-opacity));
2691
+ color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
2694
2692
  }
2695
2693
 
2696
2694
  .dark\:scrollbar-thumb-gray-600:is(.dark *) {
2697
2695
  --scrollbar-thumb: #4b5563 !important;
2698
2696
  }
2699
2697
 
2700
- .dark\:focus\:border-blue-500:focus:is(.dark *) {
2701
- --tw-border-opacity: 1;
2702
- border-color: rgb(59 130 246 / var(--tw-border-opacity));
2703
- }
2704
-
2705
- .dark\:focus\:ring-blue-500:focus:is(.dark *) {
2706
- --tw-ring-opacity: 1;
2707
- --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
2708
- }
2709
-
2710
- .dark\:focus\:ring-blue-800:focus:is(.dark *) {
2711
- --tw-ring-opacity: 1;
2712
- --tw-ring-color: rgb(30 64 175 / var(--tw-ring-opacity));
2713
- }
2714
-
2715
- .dark\:focus\:ring-primary-800:focus:is(.dark *) {
2716
- --tw-ring-opacity: 1;
2717
- --tw-ring-color: rgb(30 64 175 / var(--tw-ring-opacity));
2718
- }
2719
-
2720
2698
  .peer:focus ~ .dark\:peer-focus\:ring-blue-800:is(.dark *) {
2721
2699
  --tw-ring-opacity: 1;
2722
- --tw-ring-color: rgb(30 64 175 / var(--tw-ring-opacity));
2700
+ --tw-ring-color: rgb(30 64 175 / var(--tw-ring-opacity, 1));
2723
2701
  }
2724
2702
 
2725
2703
  .dark\:hover\:border-blue-400:hover:is(.dark *) {
2726
2704
  --tw-border-opacity: 1;
2727
- border-color: rgb(96 165 250 / var(--tw-border-opacity));
2705
+ border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
2728
2706
  }
2729
2707
 
2730
2708
  .dark\:hover\:border-green-400:hover:is(.dark *) {
2731
2709
  --tw-border-opacity: 1;
2732
- border-color: rgb(74 222 128 / var(--tw-border-opacity));
2710
+ border-color: rgb(74 222 128 / var(--tw-border-opacity, 1));
2733
2711
  }
2734
2712
 
2735
2713
  .dark\:hover\:bg-blue-700:hover:is(.dark *) {
2736
2714
  --tw-bg-opacity: 1;
2737
- background-color: rgb(29 78 216 / var(--tw-bg-opacity));
2715
+ background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
2738
2716
  }
2739
2717
 
2740
2718
  .dark\:hover\:bg-blue-900\/20:hover:is(.dark *) {
@@ -2743,37 +2721,57 @@ video {
2743
2721
 
2744
2722
  .dark\:hover\:bg-primary-700:hover:is(.dark *) {
2745
2723
  --tw-bg-opacity: 1;
2746
- background-color: rgb(29 78 216 / var(--tw-bg-opacity));
2724
+ background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
2747
2725
  }
2748
2726
 
2749
2727
  .dark\:hover\:text-blue-300:hover:is(.dark *) {
2750
2728
  --tw-text-opacity: 1;
2751
- color: rgb(147 197 253 / var(--tw-text-opacity));
2729
+ color: rgb(147 197 253 / var(--tw-text-opacity, 1));
2752
2730
  }
2753
2731
 
2754
2732
  .dark\:hover\:text-blue-400:hover:is(.dark *) {
2755
2733
  --tw-text-opacity: 1;
2756
- color: rgb(96 165 250 / var(--tw-text-opacity));
2734
+ color: rgb(96 165 250 / var(--tw-text-opacity, 1));
2757
2735
  }
2758
2736
 
2759
2737
  .dark\:hover\:text-gray-200:hover:is(.dark *) {
2760
2738
  --tw-text-opacity: 1;
2761
- color: rgb(229 231 235 / var(--tw-text-opacity));
2739
+ color: rgb(229 231 235 / var(--tw-text-opacity, 1));
2762
2740
  }
2763
2741
 
2764
2742
  .dark\:hover\:text-gray-300:hover:is(.dark *) {
2765
2743
  --tw-text-opacity: 1;
2766
- color: rgb(209 213 219 / var(--tw-text-opacity));
2744
+ color: rgb(209 213 219 / var(--tw-text-opacity, 1));
2767
2745
  }
2768
2746
 
2769
2747
  .dark\:hover\:text-green-400:hover:is(.dark *) {
2770
2748
  --tw-text-opacity: 1;
2771
- color: rgb(74 222 128 / var(--tw-text-opacity));
2749
+ color: rgb(74 222 128 / var(--tw-text-opacity, 1));
2772
2750
  }
2773
2751
 
2774
2752
  .dark\:hover\:text-red-300:hover:is(.dark *) {
2775
2753
  --tw-text-opacity: 1;
2776
- color: rgb(252 165 165 / var(--tw-text-opacity));
2754
+ color: rgb(252 165 165 / var(--tw-text-opacity, 1));
2755
+ }
2756
+
2757
+ .dark\:focus\:border-blue-500:focus:is(.dark *) {
2758
+ --tw-border-opacity: 1;
2759
+ border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
2760
+ }
2761
+
2762
+ .dark\:focus\:ring-blue-500:focus:is(.dark *) {
2763
+ --tw-ring-opacity: 1;
2764
+ --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
2765
+ }
2766
+
2767
+ .dark\:focus\:ring-blue-800:focus:is(.dark *) {
2768
+ --tw-ring-opacity: 1;
2769
+ --tw-ring-color: rgb(30 64 175 / var(--tw-ring-opacity, 1));
2770
+ }
2771
+
2772
+ .dark\:focus\:ring-primary-800:focus:is(.dark *) {
2773
+ --tw-ring-opacity: 1;
2774
+ --tw-ring-color: rgb(30 64 175 / var(--tw-ring-opacity, 1));
2777
2775
  }
2778
2776
 
2779
2777
  @media (min-width: 640px) {