@scalar/api-client-react 2.0.13 → 2.0.16

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 (3) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/style.css +174 -1416
  3. package/package.json +4 -4
package/dist/style.css CHANGED
@@ -68,7 +68,6 @@
68
68
  --tw-mask-bottom-from-color: black;
69
69
  --tw-mask-bottom-to-color: transparent;
70
70
  --tw-leading: initial;
71
- --tw-tracking: initial;
72
71
  --tw-ordinal: initial;
73
72
  --tw-slashed-zero: initial;
74
73
  --tw-numeric-figure: initial;
@@ -379,19 +378,14 @@
379
378
  }
380
379
 
381
380
  :root, :host {
382
- --tracking-tight: -.025em;
383
- --tracking-wide: .025em;
384
- --leading-tight: 1.25;
385
381
  --leading-snug: 1.375;
386
382
  --leading-normal: 1.5;
387
- --leading-relaxed: 1.625;
388
383
  --ease-in: cubic-bezier(.4, 0, 1, 1);
389
384
  --ease-out: cubic-bezier(0, 0, .2, 1);
390
385
  --ease-in-out: cubic-bezier(.4, 0, .2, 1);
391
386
  --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
392
387
  --default-transition-duration: .15s;
393
388
  --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
394
- --spacing-header: 48px;
395
389
  }
396
390
  }
397
391
  :where(.scalar-app) {
@@ -687,7 +681,7 @@
687
681
  .toggle-icon-dark .toggle-icon-moon-mask[data-v-60be8692] {
688
682
  transform: translate3d(0, 0, 0);
689
683
  }
690
- .dark-mode .scalar-dropdown-item[data-v-6660bbc5]:hover, .dark-mode .scalar-dropdown-item[data-v-3402682d]:hover {
684
+ .dark-mode .scalar-dropdown-item[data-v-f5e0d3d8]:hover, .dark-mode .scalar-dropdown-item[data-highlighted][data-v-f5e0d3d8], .dark-mode .scalar-dropdown-item[data-v-3402682d]:hover {
691
685
  filter: brightness(1.1);
692
686
  }
693
687
  .scalar-icon[data-v-b651bb23], .scalar-icon[data-v-b651bb23] * {
@@ -1598,6 +1592,9 @@
1598
1592
  display: inline-flex;
1599
1593
  overflow: hidden;
1600
1594
  }
1595
+ .scalar-app .\@container {
1596
+ container-type: inline-size;
1597
+ }
1601
1598
  .scalar-app .pointer-events-auto {
1602
1599
  pointer-events: auto;
1603
1600
  }
@@ -1732,9 +1729,6 @@
1732
1729
  .scalar-app .top-\[calc\(100\%\+4px\)\] {
1733
1730
  top: calc(100% + 4px);
1734
1731
  }
1735
- .scalar-app .top-\[calc\(var\(--app-desktop-tabs-height\)\+var\(--spacing-header\,48px\)\+1rem\)\] {
1736
- top: calc(var(--app-desktop-tabs-height) + var(--spacing-header, 48px) + 1rem);
1737
- }
1738
1732
  .scalar-app .top-px {
1739
1733
  top: 1px;
1740
1734
  }
@@ -1777,9 +1771,6 @@
1777
1771
  .scalar-app .bottom-1 {
1778
1772
  bottom: 4px;
1779
1773
  }
1780
- .scalar-app .bottom-2 {
1781
- bottom: 8px;
1782
- }
1783
1774
  .scalar-app .bottom-4 {
1784
1775
  bottom: 16px;
1785
1776
  }
@@ -1826,13 +1817,6 @@
1826
1817
  z-index: 10;
1827
1818
  z-index: 10;
1828
1819
  }
1829
- .scalar-app .z-50 {
1830
- z-index: 50;
1831
- z-index: 50;
1832
- }
1833
- .scalar-app .z-60 {
1834
- z-index: 60;
1835
- }
1836
1820
  .scalar-app .z-\[1\] {
1837
1821
  z-index: 1;
1838
1822
  }
@@ -1929,9 +1913,6 @@
1929
1913
  .scalar-app .mx-1 {
1930
1914
  margin-inline: 4px;
1931
1915
  }
1932
- .scalar-app .mx-auto {
1933
- margin-inline: auto;
1934
- }
1935
1916
  .scalar-app .mx-px {
1936
1917
  margin-inline: 1px;
1937
1918
  }
@@ -1962,9 +1943,6 @@
1962
1943
  .scalar-app .-mt-\(--scalar-sidebar-padding\) {
1963
1944
  margin-top: calc(var(--scalar-sidebar-padding) * -1);
1964
1945
  }
1965
- .scalar-app .-mt-1 {
1966
- margin-top: -4px;
1967
- }
1968
1946
  .scalar-app .-mt-1\.5 {
1969
1947
  margin-top: -6px;
1970
1948
  }
@@ -1983,15 +1961,9 @@
1983
1961
  .scalar-app .mt-1 {
1984
1962
  margin-top: 4px;
1985
1963
  }
1986
- .scalar-app .mt-1\.5 {
1987
- margin-top: 6px;
1988
- }
1989
1964
  .scalar-app .mt-2 {
1990
1965
  margin-top: 8px;
1991
1966
  }
1992
- .scalar-app .mt-\[0\.5px\] {
1993
- margin-top: .5px;
1994
- }
1995
1967
  .scalar-app .mt-\[15svh\] {
1996
1968
  margin-top: 15svh;
1997
1969
  }
@@ -2013,9 +1985,6 @@
2013
1985
  .scalar-app .-mr-1\.5 {
2014
1986
  margin-right: -6px;
2015
1987
  }
2016
- .scalar-app .-mr-3 {
2017
- margin-right: -12px;
2018
- }
2019
1988
  .scalar-app .-mr-px {
2020
1989
  margin-right: -1px;
2021
1990
  }
@@ -2040,9 +2009,6 @@
2040
2009
  .scalar-app .mr-2 {
2041
2010
  margin-right: 8px;
2042
2011
  }
2043
- .scalar-app .mr-2\.5 {
2044
- margin-right: 10px;
2045
- }
2046
2012
  .scalar-app .mr-3 {
2047
2013
  margin-right: 12px;
2048
2014
  }
@@ -2076,27 +2042,12 @@
2076
2042
  .scalar-app .-ml-0\.75 {
2077
2043
  margin-left: -3px;
2078
2044
  }
2079
- .scalar-app .-ml-2 {
2080
- margin-left: -8px;
2081
- }
2082
- .scalar-app .ml-0\.75 {
2083
- margin-left: 3px;
2084
- }
2085
2045
  .scalar-app .ml-1 {
2086
2046
  margin-left: 4px;
2087
2047
  }
2088
- .scalar-app .ml-1\.25 {
2089
- margin-left: 5px;
2090
- }
2091
2048
  .scalar-app .ml-2 {
2092
2049
  margin-left: 8px;
2093
2050
  }
2094
- .scalar-app .ml-3 {
2095
- margin-left: 12px;
2096
- }
2097
- .scalar-app .ml-\[11px\] {
2098
- margin-left: 11px;
2099
- }
2100
2051
  .scalar-app .ml-auto {
2101
2052
  margin-left: auto;
2102
2053
  }
@@ -2156,6 +2107,9 @@
2156
2107
  .scalar-app .table {
2157
2108
  display: table;
2158
2109
  }
2110
+ .scalar-app .field-sizing-content {
2111
+ field-sizing: content;
2112
+ }
2159
2113
  .scalar-app .aspect-\[4\/3\] {
2160
2114
  aspect-ratio: 4 / 3;
2161
2115
  }
@@ -2198,10 +2152,6 @@
2198
2152
  width: 24px;
2199
2153
  height: 24px;
2200
2154
  }
2201
- .scalar-app .size-7 {
2202
- width: 28px;
2203
- height: 28px;
2204
- }
2205
2155
  .scalar-app .size-8 {
2206
2156
  width: 32px;
2207
2157
  height: 32px;
@@ -2257,27 +2207,12 @@
2257
2207
  .scalar-app .h-6 {
2258
2208
  height: 24px;
2259
2209
  }
2260
- .scalar-app .h-7 {
2261
- height: 28px;
2262
- }
2263
2210
  .scalar-app .h-8 {
2264
2211
  height: 32px;
2265
2212
  }
2266
- .scalar-app .h-9 {
2267
- height: 36px;
2268
- }
2269
2213
  .scalar-app .h-10 {
2270
2214
  height: 40px;
2271
2215
  }
2272
- .scalar-app .h-16 {
2273
- height: 64px;
2274
- }
2275
- .scalar-app .h-125 {
2276
- height: 500px;
2277
- }
2278
- .scalar-app .h-\[300px\] {
2279
- height: 300px;
2280
- }
2281
2216
  .scalar-app .h-\[calc\(100\%_-_50px\)\] {
2282
2217
  height: calc(100% - 50px);
2283
2218
  }
@@ -2305,33 +2240,18 @@
2305
2240
  .scalar-app .h-px {
2306
2241
  height: 1px;
2307
2242
  }
2308
- .scalar-app .h-screen {
2309
- height: 100vh;
2310
- }
2311
2243
  .scalar-app .\!max-h-\[initial\] {
2312
2244
  max-height: initial !important;
2313
2245
  }
2314
2246
  .scalar-app .max-h-8 {
2315
2247
  max-height: 32px;
2316
2248
  }
2317
- .scalar-app .max-h-28 {
2318
- max-height: 112px;
2319
- }
2320
2249
  .scalar-app .max-h-40 {
2321
2250
  max-height: 160px;
2322
2251
  }
2323
2252
  .scalar-app .max-h-80 {
2324
2253
  max-height: 320px;
2325
2254
  }
2326
- .scalar-app .max-h-\[28rem\] {
2327
- max-height: 28rem;
2328
- }
2329
- .scalar-app .max-h-\[40dvh\] {
2330
- max-height: 40dvh;
2331
- }
2332
- .scalar-app .max-h-\[50dvh\] {
2333
- max-height: 50dvh;
2334
- }
2335
2255
  .scalar-app .max-h-\[60svh\] {
2336
2256
  max-height: 60svh;
2337
2257
  }
@@ -2366,9 +2286,6 @@
2366
2286
  .scalar-app .min-h-0 {
2367
2287
  min-height: 0;
2368
2288
  }
2369
- .scalar-app .min-h-7 {
2370
- min-height: 28px;
2371
- }
2372
2289
  .scalar-app .min-h-8 {
2373
2290
  min-height: 32px;
2374
2291
  }
@@ -2384,15 +2301,9 @@
2384
2301
  .scalar-app .min-h-20 {
2385
2302
  min-height: 80px;
2386
2303
  }
2387
- .scalar-app .min-h-\[4rem\] {
2388
- min-height: 4rem;
2389
- }
2390
2304
  .scalar-app .min-h-\[64px\] {
2391
2305
  min-height: 64px;
2392
2306
  }
2393
- .scalar-app .min-h-\[300px\] {
2394
- min-height: 300px;
2395
- }
2396
2307
  .scalar-app .min-h-\[calc\(4rem\+0\.5px\)\] {
2397
2308
  min-height: calc(4rem + .5px);
2398
2309
  }
@@ -2411,12 +2322,6 @@
2411
2322
  .scalar-app .w-1\.5 {
2412
2323
  width: 6px;
2413
2324
  }
2414
- .scalar-app .w-1\/2 {
2415
- width: 50%;
2416
- }
2417
- .scalar-app .w-2 {
2418
- width: 8px;
2419
- }
2420
2325
  .scalar-app .w-2\.5 {
2421
2326
  width: 10px;
2422
2327
  }
@@ -2435,15 +2340,9 @@
2435
2340
  .scalar-app .w-6 {
2436
2341
  width: 24px;
2437
2342
  }
2438
- .scalar-app .w-7 {
2439
- width: 28px;
2440
- }
2441
2343
  .scalar-app .w-8 {
2442
2344
  width: 32px;
2443
2345
  }
2444
- .scalar-app .w-16 {
2445
- width: 64px;
2446
- }
2447
2346
  .scalar-app .w-36 {
2448
2347
  width: 144px;
2449
2348
  }
@@ -2453,21 +2352,12 @@
2453
2352
  .scalar-app .w-56 {
2454
2353
  width: 224px;
2455
2354
  }
2456
- .scalar-app .w-64 {
2457
- width: 256px;
2458
- }
2459
2355
  .scalar-app .w-72 {
2460
2356
  width: 288px;
2461
2357
  }
2462
2358
  .scalar-app .w-\[38px\] {
2463
2359
  width: 38px;
2464
2360
  }
2465
- .scalar-app .w-\[100px\] {
2466
- width: 100px;
2467
- }
2468
- .scalar-app .w-\[150px\] {
2469
- width: 150px;
2470
- }
2471
2361
  .scalar-app .w-\[calc\(100vw-12px\)\] {
2472
2362
  width: calc(100vw - 12px);
2473
2363
  }
@@ -2498,8 +2388,8 @@
2498
2388
  .scalar-app .w-px {
2499
2389
  width: 1px;
2500
2390
  }
2501
- .scalar-app .w-screen {
2502
- width: 100vw;
2391
+ .scalar-app .max-w-3xl {
2392
+ max-width: 768px;
2503
2393
  }
2504
2394
  .scalar-app .max-w-\[9rem\] {
2505
2395
  max-width: 9rem;
@@ -2516,9 +2406,6 @@
2516
2406
  .scalar-app .max-w-\[360px\] {
2517
2407
  max-width: 360px;
2518
2408
  }
2519
- .scalar-app .max-w-\[420px\] {
2520
- max-width: 420px;
2521
- }
2522
2409
  .scalar-app .max-w-\[480px\] {
2523
2410
  max-width: 480px;
2524
2411
  }
@@ -2534,9 +2421,6 @@
2534
2421
  .scalar-app .max-w-\[1000px\] {
2535
2422
  max-width: 1000px;
2536
2423
  }
2537
- .scalar-app .max-w-\[calc\(100dvw-24px\)\] {
2538
- max-width: calc(100dvw - 24px);
2539
- }
2540
2424
  .scalar-app .max-w-\[inherit\] {
2541
2425
  max-width: inherit;
2542
2426
  }
@@ -2546,8 +2430,8 @@
2546
2430
  .scalar-app .max-w-screen-padded-4 {
2547
2431
  max-width: calc(100vw - 32px);
2548
2432
  }
2549
- .scalar-app .max-w-sm {
2550
- max-width: 384px;
2433
+ .scalar-app .max-w-xs {
2434
+ max-width: 320px;
2551
2435
  }
2552
2436
  .scalar-app .min-w-0 {
2553
2437
  min-width: 0;
@@ -2570,20 +2454,8 @@
2570
2454
  .scalar-app .min-w-32 {
2571
2455
  min-width: 128px;
2572
2456
  }
2573
- .scalar-app .min-w-40 {
2574
- min-width: 160px;
2575
- }
2576
- .scalar-app .min-w-48 {
2577
- min-width: 192px;
2578
- }
2579
- .scalar-app .min-w-\[48px\] {
2580
- min-width: 48px;
2581
- }
2582
- .scalar-app .min-w-\[100px\] {
2583
- min-width: 100px;
2584
- }
2585
- .scalar-app .min-w-\[150px\] {
2586
- min-width: 150px;
2457
+ .scalar-app .min-w-\[4\.5rem\] {
2458
+ min-width: 4.5rem;
2587
2459
  }
2588
2460
  .scalar-app .min-w-fit {
2589
2461
  min-width: fit-content;
@@ -2606,6 +2478,9 @@
2606
2478
  .scalar-app .flex-grow, .scalar-app .grow {
2607
2479
  flex-grow: 1;
2608
2480
  }
2481
+ .scalar-app .grow-3 {
2482
+ flex-grow: 3;
2483
+ }
2609
2484
  .scalar-app .-translate-x-1\/2 {
2610
2485
  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
2611
2486
  translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -2680,9 +2555,6 @@
2680
2555
  .scalar-app .cursor-default {
2681
2556
  cursor: default;
2682
2557
  }
2683
- .scalar-app .cursor-grab {
2684
- cursor: grab;
2685
- }
2686
2558
  .scalar-app .cursor-help {
2687
2559
  cursor: help;
2688
2560
  }
@@ -2701,33 +2573,18 @@
2701
2573
  .scalar-app .resize-none {
2702
2574
  resize: none;
2703
2575
  }
2704
- .scalar-app .list-none {
2705
- list-style-type: none;
2706
- }
2707
2576
  .scalar-app .appearance-none {
2708
2577
  appearance: none;
2709
2578
  }
2710
2579
  .scalar-app .grid-flow-col {
2711
2580
  grid-auto-flow: column;
2712
2581
  }
2713
- .scalar-app .auto-rows-\[32px\] {
2714
- grid-auto-rows: 32px;
2715
- }
2716
2582
  .scalar-app .auto-rows-auto {
2717
2583
  grid-auto-rows: auto;
2718
2584
  }
2719
- .scalar-app .grid-cols-2 {
2720
- grid-template-columns: repeat(2, minmax(0, 1fr));
2721
- }
2722
2585
  .scalar-app .grid-cols-\[44px_1fr_repeat\(3\,auto\)\] {
2723
2586
  grid-template-columns: 44px 1fr repeat(3, auto);
2724
2587
  }
2725
- .scalar-app .grid-cols-\[minmax\(0\,1fr\)_auto_minmax\(0\,1fr\)\] {
2726
- grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
2727
- }
2728
- .scalar-app .grid-cols-\[repeat\(auto-fill\,minmax\(32px\,1fr\)\)\] {
2729
- grid-template-columns: repeat(auto-fill, minmax(32px, 1fr));
2730
- }
2731
2588
  .scalar-app .flex-col {
2732
2589
  flex-direction: column;
2733
2590
  }
@@ -2737,9 +2594,6 @@
2737
2594
  .scalar-app .flex-wrap {
2738
2595
  flex-wrap: wrap;
2739
2596
  }
2740
- .scalar-app .content-between {
2741
- align-content: space-between;
2742
- }
2743
2597
  .scalar-app .content-start {
2744
2598
  align-content: flex-start;
2745
2599
  }
@@ -2803,30 +2657,18 @@
2803
2657
  .scalar-app .gap-4 {
2804
2658
  gap: 16px;
2805
2659
  }
2806
- .scalar-app .gap-5 {
2807
- gap: 20px;
2808
- }
2809
2660
  .scalar-app .gap-6 {
2810
2661
  gap: 24px;
2811
2662
  }
2812
- .scalar-app .gap-8 {
2813
- gap: 32px;
2814
- }
2815
2663
  .scalar-app .gap-10 {
2816
2664
  gap: 40px;
2817
2665
  }
2818
- .scalar-app .gap-12 {
2819
- gap: 48px;
2820
- }
2821
2666
  .scalar-app .gap-\[1\.5px\] {
2822
2667
  gap: 1.5px;
2823
2668
  }
2824
2669
  .scalar-app .gap-px {
2825
2670
  gap: 1px;
2826
2671
  }
2827
- .scalar-app .gap-x-1\.5 {
2828
- column-gap: 6px;
2829
- }
2830
2672
  .scalar-app .gap-x-2\.5 {
2831
2673
  column-gap: 10px;
2832
2674
  }
@@ -2835,9 +2677,6 @@
2835
2677
  margin-inline-start: calc(calc(4px * 1) * var(--tw-space-x-reverse));
2836
2678
  margin-inline-end: calc(calc(4px * 1) * calc(1 - var(--tw-space-x-reverse)));
2837
2679
  }
2838
- .scalar-app .gap-y-0\.5 {
2839
- row-gap: 2px;
2840
- }
2841
2680
  :where(.scalar-app .divide-y > :not(:last-child)) {
2842
2681
  --tw-divide-y-reverse: 0;
2843
2682
  border-bottom-style: var(--tw-border-style);
@@ -2854,12 +2693,6 @@
2854
2693
  .scalar-app .self-start {
2855
2694
  align-self: flex-start;
2856
2695
  }
2857
- .scalar-app .justify-self-center {
2858
- justify-self: center;
2859
- }
2860
- .scalar-app .justify-self-end {
2861
- justify-self: flex-end;
2862
- }
2863
2696
  .scalar-app .truncate {
2864
2697
  text-overflow: ellipsis;
2865
2698
  white-space: nowrap;
@@ -2880,9 +2713,6 @@
2880
2713
  .scalar-app .overflow-x-hidden {
2881
2714
  overflow-x: hidden;
2882
2715
  }
2883
- .scalar-app .overflow-x-scroll {
2884
- overflow-x: scroll;
2885
- }
2886
2716
  .scalar-app .overflow-y-auto {
2887
2717
  overflow-y: auto;
2888
2718
  }
@@ -2954,15 +2784,7 @@
2954
2784
  border-style: var(--tw-border-style);
2955
2785
  border-width: 0;
2956
2786
  }
2957
- .scalar-app .border-1 {
2958
- border-style: var(--tw-border-style);
2959
- border-width: 1px;
2960
- }
2961
- .scalar-app .border-\[1\.5px\] {
2962
- border-style: var(--tw-border-style);
2963
- border-width: 1.5px;
2964
- }
2965
- .scalar-app .border-\[1px\] {
2787
+ .scalar-app .border-1, .scalar-app .border-\[1px\] {
2966
2788
  border-style: var(--tw-border-style);
2967
2789
  border-width: 1px;
2968
2790
  }
@@ -2998,10 +2820,6 @@
2998
2820
  border-right-style: var(--tw-border-style);
2999
2821
  border-right-width: 0;
3000
2822
  }
3001
- .scalar-app .border-r-1 {
3002
- border-right-style: var(--tw-border-style);
3003
- border-right-width: 1px;
3004
- }
3005
2823
  .scalar-app .border-b {
3006
2824
  border-bottom-style: var(--tw-border-style);
3007
2825
  border-bottom-width: var(--scalar-border-width);
@@ -3022,39 +2840,19 @@
3022
2840
  --tw-border-style: dashed;
3023
2841
  border-style: dashed;
3024
2842
  }
3025
- .scalar-app .border-dotted {
3026
- --tw-border-style: dotted;
3027
- border-style: dotted;
3028
- }
3029
2843
  .scalar-app .border-none {
3030
2844
  --tw-border-style: none;
3031
2845
  border-style: none;
3032
2846
  }
3033
- .scalar-app .border-none\! {
3034
- --tw-border-style: none !important;
3035
- border-style: none !important;
3036
- }
3037
2847
  .scalar-app .\!border-current {
3038
2848
  border-color: currentColor !important;
3039
2849
  }
3040
2850
  .scalar-app .border-\(--scalar-background-3\) {
3041
2851
  border-color: var(--scalar-background-3);
3042
2852
  }
3043
- .scalar-app .border-\(--scalar-color-alert\) {
3044
- border-color: var(--scalar-color-alert);
3045
- }
3046
- .scalar-app .border-\[var\(--scalar-border-color\)\], .scalar-app .border-border {
3047
- border-color: var(--scalar-border-color);
3048
- }
3049
2853
  .scalar-app .border-border-header {
3050
2854
  border-color: var(--scalar-header-border-color, var(--scalar-border-color));
3051
2855
  }
3052
- .scalar-app .border-c-1 {
3053
- border-color: var(--scalar-color-1);
3054
- }
3055
- .scalar-app .border-c-3 {
3056
- border-color: var(--scalar-color-3);
3057
- }
3058
2856
  .scalar-app .border-c-accent, .scalar-app .border-c-accent\/30 {
3059
2857
  border-color: var(--scalar-color-accent);
3060
2858
  }
@@ -3069,54 +2867,6 @@
3069
2867
  .scalar-app .border-c-danger {
3070
2868
  border-color: var(--scalar-color-danger);
3071
2869
  }
3072
- .scalar-app .border-green\/15 {
3073
- border-color: var(--scalar-color-green);
3074
- }
3075
- @supports (color: color-mix(in lab, red, red)) {
3076
- .scalar-app .border-green\/15 {
3077
- border-color: color-mix(in oklab, var(--scalar-color-green) 15%, transparent);
3078
- }
3079
- }
3080
- .scalar-app .border-green\/20 {
3081
- border-color: var(--scalar-color-green);
3082
- }
3083
- @supports (color: color-mix(in lab, red, red)) {
3084
- .scalar-app .border-green\/20 {
3085
- border-color: color-mix(in oklab, var(--scalar-color-green) 20%, transparent);
3086
- }
3087
- }
3088
- .scalar-app .border-green\/30 {
3089
- border-color: var(--scalar-color-green);
3090
- }
3091
- @supports (color: color-mix(in lab, red, red)) {
3092
- .scalar-app .border-green\/30 {
3093
- border-color: color-mix(in oklab, var(--scalar-color-green) 30%, transparent);
3094
- }
3095
- }
3096
- .scalar-app .border-red\/15 {
3097
- border-color: var(--scalar-color-red);
3098
- }
3099
- @supports (color: color-mix(in lab, red, red)) {
3100
- .scalar-app .border-red\/15 {
3101
- border-color: color-mix(in oklab, var(--scalar-color-red) 15%, transparent);
3102
- }
3103
- }
3104
- .scalar-app .border-red\/20 {
3105
- border-color: var(--scalar-color-red);
3106
- }
3107
- @supports (color: color-mix(in lab, red, red)) {
3108
- .scalar-app .border-red\/20 {
3109
- border-color: color-mix(in oklab, var(--scalar-color-red) 20%, transparent);
3110
- }
3111
- }
3112
- .scalar-app .border-red\/30 {
3113
- border-color: var(--scalar-color-red);
3114
- }
3115
- @supports (color: color-mix(in lab, red, red)) {
3116
- .scalar-app .border-red\/30 {
3117
- border-color: color-mix(in oklab, var(--scalar-color-red) 30%, transparent);
3118
- }
3119
- }
3120
2870
  .scalar-app .border-sidebar-border {
3121
2871
  border-color: var(--scalar-sidebar-border-color, var(--scalar-border-color));
3122
2872
  }
@@ -3132,32 +2882,9 @@
3132
2882
  .scalar-app .border-b-sidebar-border {
3133
2883
  border-bottom-color: var(--scalar-sidebar-border-color, var(--scalar-border-color));
3134
2884
  }
3135
- .scalar-app .border-l-border\/50 {
3136
- border-left-color: var(--scalar-border-color);
3137
- }
3138
- @supports (color: color-mix(in lab, red, red)) {
3139
- .scalar-app .border-l-border\/50 {
3140
- border-left-color: color-mix(in oklab, var(--scalar-border-color) 50%, transparent);
3141
- }
3142
- }
3143
2885
  .scalar-app .bg-\(--bg-light\) {
3144
2886
  background-color: var(--bg-light);
3145
2887
  }
3146
- .scalar-app .bg-\(--scalar-background-alert\) {
3147
- background-color: var(--scalar-background-alert);
3148
- }
3149
- .scalar-app .bg-\[var\(--scalar-background-1\)\] {
3150
- background-color: var(--scalar-background-1);
3151
- }
3152
- .scalar-app .bg-\[var\(--scalar-background-2\)\] {
3153
- background-color: var(--scalar-background-2);
3154
- }
3155
- .scalar-app .bg-\[var\(--scalar-background-3\)\] {
3156
- background-color: var(--scalar-background-3);
3157
- }
3158
- .scalar-app .bg-\[var\(--scalar-color-green\)\] {
3159
- background-color: var(--scalar-color-green);
3160
- }
3161
2888
  .scalar-app .bg-b-1, .scalar-app .bg-b-1\.5 {
3162
2889
  background-color: var(--scalar-background-1);
3163
2890
  }
@@ -3166,22 +2893,9 @@
3166
2893
  background-color: color-mix(in srgb, var(--scalar-background-1), var(--scalar-background-2));
3167
2894
  }
3168
2895
  }
3169
- .scalar-app .bg-b-2, .scalar-app .bg-b-2\/30 {
3170
- background-color: var(--scalar-background-2);
3171
- }
3172
- @supports (color: color-mix(in lab, red, red)) {
3173
- .scalar-app .bg-b-2\/30 {
3174
- background-color: color-mix(in oklab, var(--scalar-background-2) 30%, transparent);
3175
- }
3176
- }
3177
- .scalar-app .bg-b-2\/40 {
2896
+ .scalar-app .bg-b-2 {
3178
2897
  background-color: var(--scalar-background-2);
3179
2898
  }
3180
- @supports (color: color-mix(in lab, red, red)) {
3181
- .scalar-app .bg-b-2\/40 {
3182
- background-color: color-mix(in oklab, var(--scalar-background-2) 40%, transparent);
3183
- }
3184
- }
3185
2899
  .scalar-app .bg-b-3 {
3186
2900
  background-color: var(--scalar-background-3);
3187
2901
  }
@@ -3225,66 +2939,15 @@
3225
2939
  background-color: color-mix(in oklab, var(--scalar-color-accent) 10%, transparent);
3226
2940
  }
3227
2941
  }
3228
- .scalar-app .bg-c-alert {
3229
- background-color: var(--scalar-color-alert);
3230
- }
3231
2942
  .scalar-app .bg-c-danger {
3232
2943
  background-color: var(--scalar-color-danger);
3233
2944
  }
3234
2945
  .scalar-app .bg-current {
3235
2946
  background-color: currentColor;
3236
2947
  }
3237
- .scalar-app .bg-green, .scalar-app .bg-green\/8 {
3238
- background-color: var(--scalar-color-green);
3239
- }
3240
- @supports (color: color-mix(in lab, red, red)) {
3241
- .scalar-app .bg-green\/8 {
3242
- background-color: color-mix(in oklab, var(--scalar-color-green) 8%, transparent);
3243
- }
3244
- }
3245
- .scalar-app .bg-green\/10 {
3246
- background-color: var(--scalar-color-green);
3247
- }
3248
- @supports (color: color-mix(in lab, red, red)) {
3249
- .scalar-app .bg-green\/10 {
3250
- background-color: color-mix(in oklab, var(--scalar-color-green) 10%, transparent);
3251
- }
3252
- }
3253
- .scalar-app .bg-green\/15 {
3254
- background-color: var(--scalar-color-green);
3255
- }
3256
- @supports (color: color-mix(in lab, red, red)) {
3257
- .scalar-app .bg-green\/15 {
3258
- background-color: color-mix(in oklab, var(--scalar-color-green) 15%, transparent);
3259
- }
3260
- }
3261
2948
  .scalar-app .bg-inherit {
3262
2949
  background-color: inherit;
3263
2950
  }
3264
- .scalar-app .bg-red, .scalar-app .bg-red\/8 {
3265
- background-color: var(--scalar-color-red);
3266
- }
3267
- @supports (color: color-mix(in lab, red, red)) {
3268
- .scalar-app .bg-red\/8 {
3269
- background-color: color-mix(in oklab, var(--scalar-color-red) 8%, transparent);
3270
- }
3271
- }
3272
- .scalar-app .bg-red\/10 {
3273
- background-color: var(--scalar-color-red);
3274
- }
3275
- @supports (color: color-mix(in lab, red, red)) {
3276
- .scalar-app .bg-red\/10 {
3277
- background-color: color-mix(in oklab, var(--scalar-color-red) 10%, transparent);
3278
- }
3279
- }
3280
- .scalar-app .bg-red\/15 {
3281
- background-color: var(--scalar-color-red);
3282
- }
3283
- @supports (color: color-mix(in lab, red, red)) {
3284
- .scalar-app .bg-red\/15 {
3285
- background-color: color-mix(in oklab, var(--scalar-color-red) 15%, transparent);
3286
- }
3287
- }
3288
2951
  .scalar-app .bg-sidebar-b-1 {
3289
2952
  background-color: var(--scalar-sidebar-background-1, var(--scalar-background-1));
3290
2953
  }
@@ -3322,9 +2985,6 @@
3322
2985
  .scalar-app .bg-linear-to-b {
3323
2986
  background-image: linear-gradient(var(--tw-gradient-stops));
3324
2987
  }
3325
- .scalar-app .bg-none {
3326
- background-image: none;
3327
- }
3328
2988
  .scalar-app .from-b-1 {
3329
2989
  --tw-gradient-from: var(--scalar-background-1);
3330
2990
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
@@ -3377,12 +3037,6 @@
3377
3037
  .scalar-app .fill-current {
3378
3038
  fill: currentColor;
3379
3039
  }
3380
- .scalar-app .stroke-\[1\.5\] {
3381
- stroke-width: 1.5px;
3382
- }
3383
- .scalar-app .stroke-\[1\.75\] {
3384
- stroke-width: 1.75px;
3385
- }
3386
3040
  .scalar-app .\!p-0 {
3387
3041
  padding: 0 !important;
3388
3042
  }
@@ -3413,18 +3067,12 @@
3413
3067
  .scalar-app .p-2 {
3414
3068
  padding: 8px;
3415
3069
  }
3416
- .scalar-app .p-2\.5 {
3417
- padding: 10px;
3418
- }
3419
3070
  .scalar-app .p-3 {
3420
3071
  padding: 12px;
3421
3072
  }
3422
3073
  .scalar-app .p-4 {
3423
3074
  padding: 16px;
3424
3075
  }
3425
- .scalar-app .p-6 {
3426
- padding: 24px;
3427
- }
3428
3076
  .scalar-app .p-\[3px\] {
3429
3077
  padding: 3px;
3430
3078
  }
@@ -3506,18 +3154,9 @@
3506
3154
  .scalar-app .py-3 {
3507
3155
  padding-block: 12px;
3508
3156
  }
3509
- .scalar-app .py-3\.5 {
3510
- padding-block: 14px;
3511
- }
3512
3157
  .scalar-app .py-4 {
3513
3158
  padding-block: 16px;
3514
3159
  }
3515
- .scalar-app .py-6 {
3516
- padding-block: 24px;
3517
- }
3518
- .scalar-app .py-8 {
3519
- padding-block: 32px;
3520
- }
3521
3160
  .scalar-app .py-\[6\.75px\] {
3522
3161
  padding-block: 6.75px;
3523
3162
  }
@@ -3536,12 +3175,6 @@
3536
3175
  .scalar-app .pt-3 {
3537
3176
  padding-top: 12px;
3538
3177
  }
3539
- .scalar-app .pt-8 {
3540
- padding-top: 32px;
3541
- }
3542
- .scalar-app .pt-14 {
3543
- padding-top: 56px;
3544
- }
3545
3178
  .scalar-app .pt-px {
3546
3179
  padding-top: 1px;
3547
3180
  }
@@ -3569,26 +3202,20 @@
3569
3202
  .scalar-app .pr-3 {
3570
3203
  padding-right: 12px;
3571
3204
  }
3572
- .scalar-app .pr-4 {
3573
- padding-right: 16px;
3574
- }
3575
3205
  .scalar-app .pr-6 {
3576
3206
  padding-right: 24px;
3577
3207
  }
3578
3208
  .scalar-app .pr-8 {
3579
3209
  padding-right: 32px;
3580
3210
  }
3581
- .scalar-app .pr-9 {
3582
- padding-right: 36px;
3583
- }
3584
3211
  .scalar-app .pr-10 {
3585
3212
  padding-right: 40px;
3586
3213
  }
3587
3214
  .scalar-app .pr-12 {
3588
3215
  padding-right: 48px;
3589
3216
  }
3590
- .scalar-app .pr-\[26px\] {
3591
- padding-right: 26px;
3217
+ .scalar-app .pr-20 {
3218
+ padding-right: 80px;
3592
3219
  }
3593
3220
  .scalar-app .pr-\[100\%\] {
3594
3221
  padding-right: 100%;
@@ -3599,24 +3226,15 @@
3599
3226
  .scalar-app .pb-1\.5 {
3600
3227
  padding-bottom: 6px;
3601
3228
  }
3602
- .scalar-app .pb-2 {
3603
- padding-bottom: 8px;
3604
- }
3605
3229
  .scalar-app .pb-3 {
3606
3230
  padding-bottom: 12px;
3607
3231
  }
3608
- .scalar-app .pb-20 {
3609
- padding-bottom: 80px;
3610
- }
3611
3232
  .scalar-app .\!pl-3 {
3612
3233
  padding-left: 12px !important;
3613
3234
  }
3614
3235
  .scalar-app .pl-1 {
3615
3236
  padding-left: 4px;
3616
3237
  }
3617
- .scalar-app .pl-1\.5 {
3618
- padding-left: 6px;
3619
- }
3620
3238
  .scalar-app .pl-1\.25 {
3621
3239
  padding-left: 5px;
3622
3240
  }
@@ -3626,15 +3244,15 @@
3626
3244
  .scalar-app .pl-3 {
3627
3245
  padding-left: 12px;
3628
3246
  }
3247
+ .scalar-app .pl-4 {
3248
+ padding-left: 16px;
3249
+ }
3629
3250
  .scalar-app .pl-8 {
3630
3251
  padding-left: 32px;
3631
3252
  }
3632
3253
  .scalar-app .pl-8\.5 {
3633
3254
  padding-left: 34px;
3634
3255
  }
3635
- .scalar-app .pl-12 {
3636
- padding-left: 48px;
3637
- }
3638
3256
  .scalar-app .pl-\[100\%\] {
3639
3257
  padding-left: 100%;
3640
3258
  }
@@ -3680,10 +3298,6 @@
3680
3298
  font-size: var(--scalar-font-size-4);
3681
3299
  line-height: 1;
3682
3300
  }
3683
- .scalar-app .text-xl {
3684
- font-size: var(--scalar-font-size-1);
3685
- line-height: var(--tw-leading, calc(1 / .875));
3686
- }
3687
3301
  .scalar-app .text-xs\/4 {
3688
3302
  font-size: var(--scalar-font-size-5);
3689
3303
  line-height: 16px;
@@ -3691,24 +3305,6 @@
3691
3305
  .scalar-app .text-3xs {
3692
3306
  font-size: var(--scalar-font-size-7);
3693
3307
  }
3694
- .scalar-app .text-\[0\.6rem\] {
3695
- font-size: .6rem;
3696
- }
3697
- .scalar-app .text-\[0\.7rem\] {
3698
- font-size: .7rem;
3699
- }
3700
- .scalar-app .text-\[0\.65rem\] {
3701
- font-size: .65rem;
3702
- }
3703
- .scalar-app .text-\[0\.75rem\] {
3704
- font-size: .75rem;
3705
- }
3706
- .scalar-app .text-\[0\.625rem\] {
3707
- font-size: .625rem;
3708
- }
3709
- .scalar-app .text-\[0\.6875rem\] {
3710
- font-size: .6875rem;
3711
- }
3712
3308
  .scalar-app .text-\[6px\] {
3713
3309
  font-size: 6px;
3714
3310
  }
@@ -3730,10 +3326,6 @@
3730
3326
  .scalar-app .text-xxs {
3731
3327
  font-size: var(--scalar-font-size-6);
3732
3328
  }
3733
- .scalar-app .leading-4 {
3734
- --tw-leading: calc(4px * 4);
3735
- line-height: 16px;
3736
- }
3737
3329
  .scalar-app .leading-5 {
3738
3330
  --tw-leading: calc(4px * 5);
3739
3331
  line-height: 20px;
@@ -3774,18 +3366,10 @@
3774
3366
  --tw-leading: var(--leading-normal);
3775
3367
  line-height: var(--leading-normal);
3776
3368
  }
3777
- .scalar-app .leading-relaxed {
3778
- --tw-leading: var(--leading-relaxed);
3779
- line-height: var(--leading-relaxed);
3780
- }
3781
3369
  .scalar-app .leading-snug {
3782
3370
  --tw-leading: var(--leading-snug);
3783
3371
  line-height: var(--leading-snug);
3784
3372
  }
3785
- .scalar-app .leading-tight {
3786
- --tw-leading: var(--leading-tight);
3787
- line-height: var(--leading-tight);
3788
- }
3789
3373
  .scalar-app .font-bold {
3790
3374
  --tw-font-weight: var(--scalar-bold);
3791
3375
  font-weight: var(--scalar-bold);
@@ -3806,14 +3390,6 @@
3806
3390
  --tw-font-weight: var(--scalar-sidebar-font-weight-active, var(--scalar-semibold));
3807
3391
  font-weight: var(--scalar-sidebar-font-weight-active, var(--scalar-semibold));
3808
3392
  }
3809
- .scalar-app .tracking-tight {
3810
- --tw-tracking: var(--tracking-tight);
3811
- letter-spacing: var(--tracking-tight);
3812
- }
3813
- .scalar-app .tracking-wide {
3814
- --tw-tracking: var(--tracking-wide);
3815
- letter-spacing: var(--tracking-wide);
3816
- }
3817
3393
  .scalar-app .text-balance {
3818
3394
  text-wrap: balance;
3819
3395
  }
@@ -3823,15 +3399,9 @@
3823
3399
  .scalar-app .text-pretty {
3824
3400
  text-wrap: pretty;
3825
3401
  }
3826
- .scalar-app .\[overflow-wrap\:anywhere\] {
3827
- overflow-wrap: anywhere;
3828
- }
3829
3402
  .scalar-app .break-words, .scalar-app .wrap-break-word {
3830
3403
  overflow-wrap: break-word;
3831
3404
  }
3832
- .scalar-app .\[word-break\:break-word\] {
3833
- word-break: break-word;
3834
- }
3835
3405
  .scalar-app .text-ellipsis {
3836
3406
  text-overflow: ellipsis;
3837
3407
  }
@@ -3847,15 +3417,9 @@
3847
3417
  .scalar-app .\!text-c-1 {
3848
3418
  color: var(--scalar-color-1) !important;
3849
3419
  }
3850
- .scalar-app .text-\(--scalar-color-alert\) {
3851
- color: var(--scalar-color-alert);
3852
- }
3853
3420
  .scalar-app .text-\[color\:var\(--scalar-color-3\)\] {
3854
3421
  color: var(--scalar-color-3);
3855
3422
  }
3856
- .scalar-app .text-\[var\(--scalar-color-red\)\] {
3857
- color: var(--scalar-color-red);
3858
- }
3859
3423
  .scalar-app .text-b-1 {
3860
3424
  color: var(--scalar-background-1);
3861
3425
  }
@@ -3940,9 +3504,6 @@
3940
3504
  .scalar-app .lowercase {
3941
3505
  text-transform: lowercase;
3942
3506
  }
3943
- .scalar-app .normal-case {
3944
- text-transform: none;
3945
- }
3946
3507
  .scalar-app .uppercase {
3947
3508
  text-transform: uppercase;
3948
3509
  }
@@ -3979,21 +3540,12 @@
3979
3540
  .scalar-app .opacity-50 {
3980
3541
  opacity: .5;
3981
3542
  }
3982
- .scalar-app .opacity-60 {
3983
- opacity: .6;
3984
- }
3985
- .scalar-app .opacity-80 {
3986
- opacity: .8;
3987
- }
3988
3543
  .scalar-app .opacity-100 {
3989
3544
  opacity: 1;
3990
3545
  }
3991
3546
  .scalar-app .bg-blend-normal {
3992
3547
  background-blend-mode: normal;
3993
3548
  }
3994
- .scalar-app .mix-blend-luminosity {
3995
- mix-blend-mode: luminosity;
3996
- }
3997
3549
  .scalar-app .shadow {
3998
3550
  --tw-shadow: var(--scalar-shadow-1);
3999
3551
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -4002,14 +3554,6 @@
4002
3554
  --tw-shadow: -8px 0 4px var(--tw-shadow-color, var(--scalar-background-1));
4003
3555
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4004
3556
  }
4005
- .scalar-app .shadow-\[0_-8px_0_8px_var\(--scalar-background-1\)\,0_0_8px_8px_var\(--scalar-background-1\)\] {
4006
- --tw-shadow: 0 -8px 0 8px var(--tw-shadow-color, var(--scalar-background-1)), 0 0 8px 8px var(--tw-shadow-color, var(--scalar-background-1));
4007
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4008
- }
4009
- .scalar-app .shadow-\[var\(--scalar-shadow-1\)\] {
4010
- --tw-shadow: var(--scalar-shadow-1);
4011
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4012
- }
4013
3557
  .scalar-app .shadow-border {
4014
3558
  --tw-shadow: inset 0 0 0 var(--tw-shadow-color, var(--scalar-border-width)) var(--scalar-border-color);
4015
3559
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -4026,10 +3570,6 @@
4026
3570
  --tw-shadow: 0 0 #0000;
4027
3571
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4028
3572
  }
4029
- .scalar-app .shadow-sm {
4030
- --tw-shadow: var(--tw-shadow-color, #00000017) 0px 1px 4px;
4031
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4032
- }
4033
3573
  .scalar-app .outline {
4034
3574
  outline-style: var(--tw-outline-style);
4035
3575
  outline-width: 1px;
@@ -4081,16 +3621,6 @@
4081
3621
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
4082
3622
  transition-duration: var(--tw-duration, var(--default-transition-duration));
4083
3623
  }
4084
- .scalar-app .transition-\[width\] {
4085
- transition-property: width;
4086
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
4087
- transition-duration: var(--tw-duration, var(--default-transition-duration));
4088
- }
4089
- .scalar-app .transition-all {
4090
- transition-property: all;
4091
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
4092
- transition-duration: var(--tw-duration, var(--default-transition-duration));
4093
- }
4094
3624
  .scalar-app .transition-colors {
4095
3625
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
4096
3626
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -4117,10 +3647,6 @@
4117
3647
  --tw-duration: .15s;
4118
3648
  transition-duration: .15s;
4119
3649
  }
4120
- .scalar-app .duration-200 {
4121
- --tw-duration: .2s;
4122
- transition-duration: .2s;
4123
- }
4124
3650
  .scalar-app .duration-300 {
4125
3651
  --tw-duration: .3s;
4126
3652
  transition-duration: .3s;
@@ -4192,9 +3718,6 @@
4192
3718
  .scalar-app .\[--scalar-address-bar-height\:32px\] {
4193
3719
  --scalar-address-bar-height: 32px;
4194
3720
  }
4195
- .scalar-app .app-no-drag-region {
4196
- -webkit-app-region: no-drag;
4197
- }
4198
3721
  :is(.scalar-app .\*\:flex > *) {
4199
3722
  display: flex;
4200
3723
  }
@@ -4212,9 +3735,6 @@
4212
3735
  :is(.scalar-app .\*\:h-8 > *) {
4213
3736
  height: 32px;
4214
3737
  }
4215
- :is(.scalar-app .\*\:max-w-64 > *) {
4216
- max-width: 256px;
4217
- }
4218
3738
  :is(.scalar-app .\*\:min-w-5 > *) {
4219
3739
  min-width: 20px;
4220
3740
  }
@@ -4277,23 +3797,14 @@
4277
3797
  .scalar-app .group-focus-within\:flex:is(:where(.group):focus-within *) {
4278
3798
  display: flex;
4279
3799
  }
3800
+ .scalar-app .group-focus-within\/scope-row\:opacity-100:is(:where(.group\/scope-row):focus-within *) {
3801
+ opacity: 1;
3802
+ }
4280
3803
  @media (hover: hover) {
4281
- .scalar-app .group-hover\:block:is(:where(.group):hover *) {
4282
- display: block;
4283
- }
4284
-
4285
3804
  .scalar-app .group-hover\:flex:is(:where(.group):hover *) {
4286
3805
  display: flex;
4287
3806
  }
4288
3807
 
4289
- .scalar-app .group-hover\:inline:is(:where(.group):hover *) {
4290
- display: inline;
4291
- }
4292
-
4293
- .scalar-app .group-hover\:border-c-2:is(:where(.group):hover *) {
4294
- border-color: var(--scalar-color-2);
4295
- }
4296
-
4297
3808
  .scalar-app .group-hover\:pr-10:is(:where(.group):hover *) {
4298
3809
  padding-right: 40px;
4299
3810
  }
@@ -4326,6 +3837,14 @@
4326
3837
  display: flex;
4327
3838
  }
4328
3839
 
3840
+ .scalar-app .group-hover\/scope-row\:text-c-1:is(:where(.group\/scope-row):hover *) {
3841
+ color: var(--scalar-color-1);
3842
+ }
3843
+
3844
+ .scalar-app .group-hover\/scope-row\:opacity-100:is(:where(.group\/scope-row):hover *) {
3845
+ opacity: 1;
3846
+ }
3847
+
4329
3848
  .scalar-app .group-hover\/scopes-accordion\:text-c-2:is(:where(.group\/scopes-accordion):hover *) {
4330
3849
  color: var(--scalar-color-2);
4331
3850
  }
@@ -4341,9 +3860,6 @@
4341
3860
  outline-style: var(--tw-outline-style);
4342
3861
  outline-width: 1px;
4343
3862
  }
4344
- .scalar-app .group-has-focus-visible\:hidden:is(:where(.group):has(:focus-visible) *) {
4345
- display: none;
4346
- }
4347
3863
  .scalar-app .group-has-\[\.cm-focused\]\:z-1:is(:where(.group):has(.cm-focused) *) {
4348
3864
  z-index: 1;
4349
3865
  }
@@ -4453,9 +3969,6 @@
4453
3969
  .scalar-app .placeholder\:font-\[inherit\]::placeholder {
4454
3970
  font-family: inherit;
4455
3971
  }
4456
- .scalar-app .placeholder\:text-c-3::placeholder {
4457
- color: var(--scalar-color-3);
4458
- }
4459
3972
  :is(.scalar-app .\*\:not-first\:before\:content-\[\'_·_\'\] > *):not(:first-child):before {
4460
3973
  --tw-content: " · ";
4461
3974
  content: var(--tw-content);
@@ -4492,10 +4005,6 @@
4492
4005
  content: var(--tw-content);
4493
4006
  height: 3px;
4494
4007
  }
4495
- .scalar-app .after\:h-1:after {
4496
- content: var(--tw-content);
4497
- height: 4px;
4498
- }
4499
4008
  .scalar-app .after\:rounded:after {
4500
4009
  content: var(--tw-content);
4501
4010
  border-radius: var(--scalar-radius);
@@ -4504,32 +4013,18 @@
4504
4013
  content: var(--tw-content);
4505
4014
  background-color: var(--scalar-color-blue);
4506
4015
  }
4507
- .scalar-app .after\:opacity-0:after {
4508
- content: var(--tw-content);
4509
- opacity: 0;
4510
- }
4511
4016
  .scalar-app .after\:opacity-15:after {
4512
4017
  content: var(--tw-content);
4513
4018
  opacity: .15;
4514
4019
  }
4515
- .scalar-app .after\:opacity-100:after {
4516
- content: var(--tw-content);
4517
- opacity: 1;
4518
- }
4519
4020
  .scalar-app .after\:content-\[\'\:\'\]:after {
4520
4021
  --tw-content: ":";
4521
4022
  content: var(--tw-content);
4522
4023
  }
4523
- .scalar-app .first\:rounded-md:first-child {
4524
- border-radius: var(--scalar-radius);
4525
- }
4526
4024
  .scalar-app .first\:rounded-t-\[inherit\]:first-child {
4527
4025
  border-top-left-radius: inherit;
4528
4026
  border-top-right-radius: inherit;
4529
4027
  }
4530
- :is(.scalar-app .\*\:first\:flex-none > *):first-child {
4531
- flex: none;
4532
- }
4533
4028
  :is(.scalar-app .\*\:first\:rounded-l > *):first-child {
4534
4029
  border-top-left-radius: var(--scalar-radius);
4535
4030
  border-bottom-left-radius: var(--scalar-radius);
@@ -4538,12 +4033,6 @@
4538
4033
  border-top-style: var(--tw-border-style);
4539
4034
  border-top-width: 0;
4540
4035
  }
4541
- .scalar-app .last\:mb-0:last-child {
4542
- margin-bottom: 0;
4543
- }
4544
- .scalar-app .last\:rounded-md:last-child {
4545
- border-radius: var(--scalar-radius);
4546
- }
4547
4036
  .scalar-app .last\:rounded-b-\[inherit\]:last-child {
4548
4037
  border-bottom-right-radius: inherit;
4549
4038
  border-bottom-left-radius: inherit;
@@ -4564,9 +4053,6 @@
4564
4053
  border-bottom-style: var(--tw-border-style);
4565
4054
  border-bottom-width: 0;
4566
4055
  }
4567
- .scalar-app .focus-within\:border-\(--scalar-background-3\):focus-within {
4568
- border-color: var(--scalar-background-3);
4569
- }
4570
4056
  .scalar-app .focus-within\:bg-b-1:focus-within {
4571
4057
  background-color: var(--scalar-background-1);
4572
4058
  }
@@ -4581,50 +4067,12 @@
4581
4067
  outline-style: none;
4582
4068
  }
4583
4069
  @media (hover: hover) {
4584
- .scalar-app .hover\:border-\(--scalar-background-3\):hover {
4585
- border-color: var(--scalar-background-3);
4070
+ .scalar-app .hover\:bg-b-2:hover {
4071
+ background-color: var(--scalar-background-2);
4586
4072
  }
4587
4073
 
4588
- .scalar-app .hover\:border-inherit:hover {
4589
- border-color: inherit;
4590
- }
4591
-
4592
- .scalar-app .hover\:bg-\[var\(--scalar-background-3\)\]:hover {
4593
- background-color: var(--scalar-background-3);
4594
- }
4595
-
4596
- .scalar-app .hover\:bg-b-2:hover, .scalar-app .hover\:bg-b-2\/40:hover {
4597
- background-color: var(--scalar-background-2);
4598
- }
4599
-
4600
- @supports (color: color-mix(in lab, red, red)) {
4601
- .scalar-app .hover\:bg-b-2\/40:hover {
4602
- background-color: color-mix(in oklab, var(--scalar-background-2) 40%, transparent);
4603
- }
4604
- }
4605
-
4606
- .scalar-app .hover\:bg-b-2\/50:hover {
4607
- background-color: var(--scalar-background-2);
4608
- }
4609
-
4610
- @supports (color: color-mix(in lab, red, red)) {
4611
- .scalar-app .hover\:bg-b-2\/50:hover {
4612
- background-color: color-mix(in oklab, var(--scalar-background-2) 50%, transparent);
4613
- }
4614
- }
4615
-
4616
- .scalar-app .hover\:bg-b-2\/60:hover {
4617
- background-color: var(--scalar-background-2);
4618
- }
4619
-
4620
- @supports (color: color-mix(in lab, red, red)) {
4621
- .scalar-app .hover\:bg-b-2\/60:hover {
4622
- background-color: color-mix(in oklab, var(--scalar-background-2) 60%, transparent);
4623
- }
4624
- }
4625
-
4626
- .scalar-app .hover\:bg-b-3:hover {
4627
- background-color: var(--scalar-background-3);
4074
+ .scalar-app .hover\:bg-b-3:hover {
4075
+ background-color: var(--scalar-background-3);
4628
4076
  }
4629
4077
 
4630
4078
  .scalar-app .hover\:bg-b-header-2:hover {
@@ -4657,20 +4105,6 @@
4657
4105
  }
4658
4106
  }
4659
4107
 
4660
- .scalar-app .hover\:bg-inherit:hover {
4661
- background-color: inherit;
4662
- }
4663
-
4664
- .scalar-app .hover\:bg-red\/10:hover {
4665
- background-color: var(--scalar-color-red);
4666
- }
4667
-
4668
- @supports (color: color-mix(in lab, red, red)) {
4669
- .scalar-app .hover\:bg-red\/10:hover {
4670
- background-color: color-mix(in oklab, var(--scalar-color-red) 10%, transparent);
4671
- }
4672
- }
4673
-
4674
4108
  .scalar-app .hover\:bg-sidebar-b-1:hover {
4675
4109
  background-color: var(--scalar-sidebar-background-1, var(--scalar-background-1));
4676
4110
  }
@@ -4719,10 +4153,6 @@
4719
4153
  color: var(--scalar-header-color-1, var(--scalar-color-1));
4720
4154
  }
4721
4155
 
4722
- .scalar-app .hover\:text-red:hover {
4723
- color: var(--scalar-color-red);
4724
- }
4725
-
4726
4156
  .scalar-app .hover\:text-sidebar-c-1:hover {
4727
4157
  color: var(--scalar-sidebar-color-1, var(--scalar-color-1));
4728
4158
  }
@@ -4754,9 +4184,6 @@
4754
4184
  border-bottom-width: 1px;
4755
4185
  border-color: var(--scalar-background-1);
4756
4186
  }
4757
- .scalar-app .focus\:border-c-accent:focus {
4758
- border-color: var(--scalar-color-accent);
4759
- }
4760
4187
  .scalar-app .focus\:text-c-1:focus {
4761
4188
  color: var(--scalar-color-1);
4762
4189
  }
@@ -4767,32 +4194,12 @@
4767
4194
  .scalar-app .focus-visible\:border-c-btn:focus-visible {
4768
4195
  border-color: var(--scalar-button-1-color);
4769
4196
  }
4770
- .scalar-app .focus-visible\:ring-2:focus-visible {
4771
- --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
4772
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4773
- }
4774
- .scalar-app .focus-visible\:ring-c-accent\/30:focus-visible {
4775
- --tw-ring-color: var(--scalar-color-accent);
4776
- }
4777
- @supports (color: color-mix(in lab, red, red)) {
4778
- .scalar-app .focus-visible\:ring-c-accent\/30:focus-visible {
4779
- --tw-ring-color: color-mix(in oklab, var(--scalar-color-accent) 30%, transparent);
4780
- }
4781
- }
4782
- .scalar-app .focus-visible\:ring-offset-1:focus-visible {
4783
- --tw-ring-offset-width: 1px;
4784
- --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
4785
- }
4786
- .scalar-app .focus-visible\:ring-offset-b-1:focus-visible {
4787
- --tw-ring-offset-color: var(--scalar-background-1);
4788
- }
4789
4197
  .scalar-app .focus-visible\:outline:focus-visible {
4790
4198
  outline-style: var(--tw-outline-style);
4791
4199
  outline-width: 1px;
4792
4200
  }
4793
- .scalar-app .focus-visible\:outline-none:focus-visible {
4794
- --tw-outline-style: none;
4795
- outline-style: none;
4201
+ .scalar-app .focus-visible\:outline-offset-2:focus-visible {
4202
+ outline-offset: 2px;
4796
4203
  }
4797
4204
  .scalar-app .active\:bg-b-btn:active {
4798
4205
  background-color: var(--scalar-button-1);
@@ -4816,12 +4223,6 @@
4816
4223
  .scalar-app .disabled\:opacity-30:disabled {
4817
4224
  opacity: .3;
4818
4225
  }
4819
- .scalar-app .disabled\:opacity-50:disabled {
4820
- opacity: .5;
4821
- }
4822
- .scalar-app .has-focus-visible\:bg-b-1:has(:focus-visible) {
4823
- background-color: var(--scalar-background-1);
4824
- }
4825
4226
  .scalar-app .has-focus-visible\:outline:has(:focus-visible) {
4826
4227
  outline-style: var(--tw-outline-style);
4827
4228
  outline-width: 1px;
@@ -4856,42 +4257,18 @@
4856
4257
  position: absolute !important;
4857
4258
  }
4858
4259
 
4859
- .scalar-app .max-md\:inset-y-0 {
4860
- inset-block: 0;
4861
- }
4862
-
4863
4260
  .scalar-app .max-md\:top-4 {
4864
4261
  top: 16px;
4865
4262
  }
4866
4263
 
4867
- .scalar-app .max-md\:z-2 {
4868
- z-index: 2;
4869
- }
4870
-
4871
4264
  .scalar-app .max-md\:z-5 {
4872
4265
  z-index: 5;
4873
4266
  }
4874
4267
 
4875
- .scalar-app .max-md\:flex\! {
4876
- display: flex !important;
4877
- }
4878
-
4879
- .scalar-app .max-md\:hidden {
4880
- display: none;
4881
- }
4882
-
4883
- .scalar-app .max-md\:hidden\! {
4884
- display: none !important;
4885
- }
4886
-
4887
4268
  .scalar-app .max-md\:w-full\! {
4888
4269
  width: 100% !important;
4889
4270
  }
4890
4271
 
4891
- .scalar-app .max-md\:gap-0 {
4892
- gap: 0;
4893
- }
4894
-
4895
4272
  .scalar-app .max-md\:pt-2 {
4896
4273
  padding-top: 8px;
4897
4274
  }
@@ -4900,10 +4277,6 @@
4900
4277
  padding-top: 48px;
4901
4278
  }
4902
4279
 
4903
- .scalar-app .max-md\:pt-\[calc\(var\(--app-desktop-tabs-height\)\+var\(--spacing-header\,48px\)\+2\.5rem\)\] {
4904
- padding-top: calc(var(--app-desktop-tabs-height) + var(--spacing-header, 48px) + 2.5rem);
4905
- }
4906
-
4907
4280
  .scalar-app .max-md\:pl-4\! {
4908
4281
  padding-left: 16px !important;
4909
4282
  }
@@ -4915,10 +4288,6 @@
4915
4288
  .scalar-app .max-md\:pl-14 {
4916
4289
  padding-left: 56px;
4917
4290
  }
4918
-
4919
- .scalar-app .max-md\:text-xs {
4920
- font-size: var(--scalar-font-size-5);
4921
- }
4922
4291
  }
4923
4292
  @media (min-width: 800px) {
4924
4293
  .scalar-app .md\:pointer-events-none {
@@ -4937,10 +4306,6 @@
4937
4306
  top: 50%;
4938
4307
  }
4939
4308
 
4940
- .scalar-app .md\:mx-auto {
4941
- margin-inline: auto;
4942
- }
4943
-
4944
4309
  .scalar-app .md\:mt-0 {
4945
4310
  margin-top: 0;
4946
4311
  }
@@ -4949,22 +4314,10 @@
4949
4314
  margin-left: -5px;
4950
4315
  }
4951
4316
 
4952
- .scalar-app .md\:ml-1\.5 {
4953
- margin-left: 6px;
4954
- }
4955
-
4956
- .scalar-app .md\:hidden {
4957
- display: none;
4958
- }
4959
-
4960
4317
  .scalar-app .md\:w-\[calc\(100vw-16px\)\] {
4961
4318
  width: calc(100vw - 16px);
4962
4319
  }
4963
4320
 
4964
- .scalar-app .md\:max-w-180, .scalar-app .md\:max-w-content {
4965
- max-width: 720px;
4966
- }
4967
-
4968
4321
  .scalar-app .md\:-translate-y-1\/2 {
4969
4322
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
4970
4323
  translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -4978,18 +4331,6 @@
4978
4331
  padding-inline: 6px;
4979
4332
  }
4980
4333
 
4981
- .scalar-app .md\:pt-6 {
4982
- padding-top: 24px;
4983
- }
4984
-
4985
- .scalar-app .md\:pt-8 {
4986
- padding-top: 32px;
4987
- }
4988
-
4989
- .scalar-app .md\:pl-0 {
4990
- padding-left: 0;
4991
- }
4992
-
4993
4334
  .scalar-app .md\:opacity-0 {
4994
4335
  opacity: 0;
4995
4336
  }
@@ -5010,18 +4351,10 @@
5010
4351
  }
5011
4352
  }
5012
4353
  @media (min-width: 1000px) {
5013
- .scalar-app .lg\:order-0, .scalar-app .lg\:order-none {
5014
- order: 0;
5015
- }
5016
-
5017
4354
  .scalar-app .lg\:-mr-1 {
5018
4355
  margin-right: -4px;
5019
4356
  }
5020
4357
 
5021
- .scalar-app .lg\:mb-0 {
5022
- margin-bottom: 0;
5023
- }
5024
-
5025
4358
  .scalar-app .lg\:flex {
5026
4359
  display: flex;
5027
4360
  }
@@ -5030,62 +4363,18 @@
5030
4363
  min-height: 48px;
5031
4364
  }
5032
4365
 
5033
- .scalar-app .lg\:w-96 {
5034
- width: 384px;
5035
- }
5036
-
5037
4366
  .scalar-app .lg\:w-\[calc\(100vw-32px\)\] {
5038
4367
  width: calc(100vw - 32px);
5039
4368
  }
5040
4369
 
5041
- .scalar-app .lg\:w-auto {
5042
- width: auto;
5043
- }
5044
-
5045
4370
  .scalar-app .lg\:w-full {
5046
4371
  width: 100%;
5047
4372
  }
5048
4373
 
5049
- .scalar-app .lg\:max-w-\[580px\] {
5050
- max-width: 580px;
5051
- }
5052
-
5053
- .scalar-app .lg\:min-w-\[580px\] {
5054
- min-width: 580px;
5055
- }
5056
-
5057
- .scalar-app .lg\:flex-1 {
5058
- flex: 1;
5059
- }
5060
-
5061
- .scalar-app .lg\:flex-row {
5062
- flex-direction: row;
5063
- }
5064
-
5065
- .scalar-app .lg\:items-start {
5066
- align-items: flex-start;
5067
- }
5068
-
5069
4374
  .scalar-app .lg\:p-0 {
5070
4375
  padding: 0;
5071
4376
  }
5072
4377
 
5073
- .scalar-app .lg\:p-1 {
5074
- padding: 4px;
5075
- }
5076
-
5077
- .scalar-app .lg\:px-1 {
5078
- padding-inline: 4px;
5079
- }
5080
-
5081
- .scalar-app .lg\:px-2\.5 {
5082
- padding-inline: 10px;
5083
- }
5084
-
5085
- .scalar-app .lg\:pt-1 {
5086
- padding-top: 4px;
5087
- }
5088
-
5089
4378
  .scalar-app .lg\:pr-24 {
5090
4379
  padding-right: 96px;
5091
4380
  }
@@ -5099,18 +4388,10 @@
5099
4388
  height: 100%;
5100
4389
  }
5101
4390
 
5102
- .scalar-app .xl\:max-w-\[720px\] {
5103
- max-width: 720px;
5104
- }
5105
-
5106
4391
  .scalar-app .xl\:min-w-0 {
5107
4392
  min-width: 0;
5108
4393
  }
5109
4394
 
5110
- .scalar-app .xl\:min-w-\[720px\] {
5111
- min-width: 720px;
5112
- }
5113
-
5114
4395
  .scalar-app .xl\:flex-row {
5115
4396
  flex-direction: row;
5116
4397
  }
@@ -5146,6 +4427,31 @@
5146
4427
  border-left-width: 0;
5147
4428
  }
5148
4429
  }
4430
+ @container (min-width: 768px) {
4431
+ .scalar-app .\@3xl\:order-0 {
4432
+ order: 0;
4433
+ }
4434
+
4435
+ .scalar-app .\@3xl\:mb-0 {
4436
+ margin-bottom: 0;
4437
+ }
4438
+
4439
+ .scalar-app .\@3xl\:ml-0\.75 {
4440
+ margin-left: 3px;
4441
+ }
4442
+
4443
+ .scalar-app .\@3xl\:flex {
4444
+ display: flex;
4445
+ }
4446
+
4447
+ .scalar-app .\@3xl\:hidden {
4448
+ display: none;
4449
+ }
4450
+
4451
+ .scalar-app .\@3xl\:flex-nowrap {
4452
+ flex-wrap: nowrap;
4453
+ }
4454
+ }
5149
4455
  .scalar-app .dark\:bg-\(--bg-dark\):where(.dark-mode, .dark-mode *) {
5150
4456
  background-color: var(--bg-dark);
5151
4457
  }
@@ -5215,10 +4521,7 @@
5215
4521
  .scalar-app .ui-not-open\:rotate-0[data-headlessui-state]:not([data-headlessui-state~="open"]), :where([data-headlessui-state]:not([data-headlessui-state~="open"])) :is(.scalar-app .ui-not-open\:rotate-0):not([data-headlessui-state]) {
5216
4522
  rotate: 0deg;
5217
4523
  }
5218
- .scalar-app .ui-checked\:bg-b-3[data-headlessui-state~="checked"], :where([data-headlessui-state~="checked"]) :is(.scalar-app .ui-checked\:bg-b-3) {
5219
- background-color: var(--scalar-background-3);
5220
- }
5221
- .scalar-app .ui-active\:bg-b-2[data-headlessui-state~="active"], :where([data-headlessui-state~="active"]) :is(.scalar-app .ui-active\:bg-b-2), :is(.scalar-app .ui-active\:\*\:bg-b-2[data-headlessui-state~="active"] > *), :is(:where([data-headlessui-state~="active"]) :is(.scalar-app .ui-active\:\*\:bg-b-2) > *) {
4524
+ :is(.scalar-app .ui-active\:\*\:bg-b-2[data-headlessui-state~="active"] > *), :is(:where([data-headlessui-state~="active"]) :is(.scalar-app .ui-active\:\*\:bg-b-2) > *) {
5222
4525
  background-color: var(--scalar-background-2);
5223
4526
  }
5224
4527
  @media (max-width: 720px) and (max-height: 480px) {
@@ -5234,36 +4537,15 @@
5234
4537
  white-space: normal !important;
5235
4538
  }
5236
4539
  }
4540
+ .scalar-app .highlighted\:bg-b-2[data-highlighted] {
4541
+ background-color: var(--scalar-background-2);
4542
+ }
5237
4543
  .app-platform-mac :is(.scalar-app .mac\:h-12) {
5238
4544
  height: 48px;
5239
4545
  }
5240
- .app-platform-mac :is(.scalar-app .mac\:pt-12) {
5241
- padding-top: 48px;
5242
- }
5243
- .app-platform-mac :is(.scalar-app .mac\:pl-\[72px\]) {
5244
- padding-left: 72px;
5245
- }
5246
4546
  .app-platform-mac :is(.scalar-app .mac\:app-drag-region) {
5247
4547
  -webkit-app-region: drag;
5248
4548
  }
5249
- .scalar-app .\[\&_\.monaco-editor\]\:rounded-lg .monaco-editor, .scalar-app .\[\&_\.overflow-guard\]\:rounded-lg .overflow-guard {
5250
- border-radius: var(--scalar-radius-lg);
5251
- }
5252
- .scalar-app .\[\&\>label\]\:bg-transparent > label {
5253
- background-color: #0000;
5254
- }
5255
- .scalar-app .\[\&\>label\]\:p-0 > label {
5256
- padding: 0;
5257
- }
5258
- .scalar-app .\[\&\>label\]\:shadow-none > label {
5259
- --tw-shadow: 0 0 #0000;
5260
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5261
- }
5262
- @media (hover: hover) {
5263
- .scalar-app .\[\&\>label\]\:hover\:bg-transparent > label:hover {
5264
- background-color: #0000;
5265
- }
5266
- }
5267
4549
  @property --tw-translate-x {
5268
4550
  syntax: "*";
5269
4551
  inherits: false;
@@ -5450,10 +4732,6 @@
5450
4732
  syntax: "*";
5451
4733
  inherits: false
5452
4734
  }
5453
- @property --tw-tracking {
5454
- syntax: "*";
5455
- inherits: false
5456
- }
5457
4735
  @property --tw-ordinal {
5458
4736
  syntax: "*";
5459
4737
  inherits: false
@@ -5550,6 +4828,39 @@
5550
4828
  opacity: .5;
5551
4829
  }
5552
4830
  }
4831
+ .http-bg-gradient[data-v-7a19f363] {
4832
+ background: linear-gradient(rgba(255, 255, 255, 0.75), rgba(0, 0, 0, 0.035));
4833
+ }
4834
+ .http-bg-gradient[data-v-7a19f363]:hover {
4835
+ background: linear-gradient(rgba(0, 0, 0, 0.035), rgba(255, 255, 255, 0.75));
4836
+ }
4837
+ .dark-mode .http-bg-gradient[data-v-7a19f363] {
4838
+ background: linear-gradient(rgba(255, 255, 255, 0.035), rgba(0, 0, 0, 0.15));
4839
+ }
4840
+ .dark-mode .http-bg-gradient[data-v-7a19f363]:hover {
4841
+ background: linear-gradient(rgba(0, 0, 0, 0.15), rgba(255, 255, 255, 0.035));
4842
+ }
4843
+ .ascii-art-animate .ascii-art-line[data-v-9a695e58] {
4844
+ border-right: 1ch solid transparent;
4845
+ animation:
4846
+ typewriter-9a695e58 4s steps(1) 1s 1 normal both,blinkTextCursor-9a695e58 500ms steps(1) infinite normal;
4847
+ }
4848
+ @keyframes typewriter-9a695e58 {
4849
+ from {
4850
+ width: 0;
4851
+ }
4852
+ to {
4853
+ width: 100%;
4854
+ }
4855
+ }
4856
+ @keyframes blinkTextCursor-9a695e58 {
4857
+ 0% {
4858
+ border-right-color: currentColor;
4859
+ }
4860
+ 50% {
4861
+ border-right-color: transparent;
4862
+ }
4863
+ }
5553
4864
  .open-api-client-button[data-v-264dd42f] {
5554
4865
  cursor: pointer;
5555
4866
  width: 100%;
@@ -5575,18 +4886,6 @@
5575
4886
  var(--scalar-background-2)
5576
4887
  );
5577
4888
  }
5578
- .http-bg-gradient[data-v-7a19f363] {
5579
- background: linear-gradient(rgba(255, 255, 255, 0.75), rgba(0, 0, 0, 0.035));
5580
- }
5581
- .http-bg-gradient[data-v-7a19f363]:hover {
5582
- background: linear-gradient(rgba(0, 0, 0, 0.035), rgba(255, 255, 255, 0.75));
5583
- }
5584
- .dark-mode .http-bg-gradient[data-v-7a19f363] {
5585
- background: linear-gradient(rgba(255, 255, 255, 0.035), rgba(0, 0, 0, 0.15));
5586
- }
5587
- .dark-mode .http-bg-gradient[data-v-7a19f363]:hover {
5588
- background: linear-gradient(rgba(0, 0, 0, 0.15), rgba(255, 255, 255, 0.035));
5589
- }
5590
4889
  .address-bar-history-button[data-v-2cc840c9]:hover {
5591
4890
  background: var(--scalar-background-3);
5592
4891
  }
@@ -5766,51 +5065,58 @@
5766
5065
  .description[data-v-1b7a32a4] .markdown > *:first-child {
5767
5066
  margin-top: 0;
5768
5067
  }
5769
- [data-v-dc314812] .cm-editor {
5068
+ [data-v-4d85ebb9] .cm-editor {
5770
5069
  height: 100%;
5771
5070
  outline: none;
5772
5071
  width: 100%;
5773
5072
  }
5774
- [data-v-dc314812] .cm-line {
5073
+ [data-v-4d85ebb9] .cm-line {
5775
5074
  padding: 0;
5776
5075
  }
5777
- [data-v-dc314812] .cm-content {
5076
+ [data-v-4d85ebb9] .cm-content {
5778
5077
  padding: 0;
5779
5078
  display: flex;
5780
5079
  align-items: center;
5781
5080
  font-size: var(--scalar-small);
5782
5081
  }
5783
- .scroll-timeline-x[data-v-dc314812] {
5784
- scroll-timeline: --scroll-timeline x;
5785
- /* Firefox supports */
5786
- scroll-timeline: --scroll-timeline horizontal;
5787
- -ms-overflow-style: none; /* IE and Edge */
5082
+ .scroll-timeline-x[data-v-4d85ebb9] {
5083
+ -ms-overflow-style: none;
5084
+ /* Fade the URL at the viewport edges. Mask lives on the scrollport (this
5085
+ element) rather than on `.cm-scroller`, whose width follows the URL's
5086
+ full content and pushes the right edge off-screen when overflowing. */
5087
+ mask-image: linear-gradient(
5088
+ to right,
5089
+ transparent 0,
5090
+ black 6px,
5091
+ black calc(100% - 24px),
5092
+ transparent 100%
5093
+ );
5788
5094
  }
5789
- .scroll-timeline-x-hidden[data-v-dc314812] {
5095
+ .scroll-timeline-x-hidden[data-v-4d85ebb9] {
5790
5096
  overflow-x: auto;
5791
5097
  }
5792
- .scroll-timeline-x-hidden[data-v-dc314812] .cm-scroller {
5098
+ .scroll-timeline-x-hidden[data-v-4d85ebb9] .cm-scroller {
5793
5099
  scrollbar-width: none;
5794
5100
  -ms-overflow-style: none;
5795
5101
  padding-right: 20px;
5796
5102
  overflow: auto;
5797
5103
  }
5798
- .scroll-timeline-x-hidden[data-v-dc314812]::-webkit-scrollbar {
5104
+ .scroll-timeline-x-hidden[data-v-4d85ebb9]::-webkit-scrollbar {
5799
5105
  width: 0;
5800
5106
  height: 0;
5801
5107
  display: none;
5802
5108
  }
5803
- .scroll-timeline-x-hidden[data-v-dc314812] .cm-scroller::-webkit-scrollbar {
5109
+ .scroll-timeline-x-hidden[data-v-4d85ebb9] .cm-scroller::-webkit-scrollbar {
5804
5110
  width: 0;
5805
5111
  height: 0;
5806
5112
  display: none;
5807
5113
  }
5808
- .scroll-timeline-x-address[data-v-dc314812] {
5114
+ .scroll-timeline-x-address[data-v-4d85ebb9] {
5809
5115
  line-height: 27px;
5810
5116
  scrollbar-width: none; /* Firefox */
5811
5117
  }
5812
5118
  /* make clickable are to left of send button */
5813
- .scroll-timeline-x-address[data-v-dc314812]:after {
5119
+ .scroll-timeline-x-address[data-v-4d85ebb9]:after {
5814
5120
  content: '';
5815
5121
  position: absolute;
5816
5122
  height: 100%;
@@ -5818,53 +5124,12 @@
5818
5124
  right: 0;
5819
5125
  cursor: text;
5820
5126
  }
5821
- .scroll-timeline-x-address[data-v-dc314812]:empty:before {
5127
+ .scroll-timeline-x-address[data-v-4d85ebb9]:empty:before {
5822
5128
  content: 'Enter URL or cURL request';
5823
5129
  color: var(--scalar-color-3);
5824
5130
  pointer-events: none;
5825
5131
  }
5826
- .fade-left[data-v-dc314812],
5827
- .fade-right[data-v-dc314812] {
5828
- content: '';
5829
- position: sticky;
5830
- height: 100%;
5831
- animation-name: fadein-dc314812;
5832
- animation-duration: 1ms;
5833
- animation-direction: reverse;
5834
- animation-timeline: --scroll-timeline;
5835
- pointer-events: none;
5836
- z-index: 1;
5837
- }
5838
- .fade-left[data-v-dc314812] {
5839
- background: linear-gradient(
5840
- -90deg,
5841
- color-mix(in srgb, var(--scalar-address-bar-bg), transparent 100%) 0%,
5842
- color-mix(in srgb, var(--scalar-address-bar-bg), transparent 20%) 30%,
5843
- var(--scalar-address-bar-bg) 100%
5844
- );
5845
- left: -1px;
5846
- min-width: 6px;
5847
- animation-direction: normal;
5848
- }
5849
- .fade-right[data-v-dc314812] {
5850
- background: linear-gradient(
5851
- 90deg,
5852
- color-mix(in srgb, var(--scalar-address-bar-bg), transparent 100%) 0%,
5853
- color-mix(in srgb, var(--scalar-address-bar-bg), transparent 20%) 30%,
5854
- var(--scalar-address-bar-bg) 100%
5855
- );
5856
- right: -1px;
5857
- min-width: 24px;
5858
- }
5859
- @keyframes fadein-dc314812 {
5860
- 0% {
5861
- opacity: 0;
5862
- }
5863
- 1% {
5864
- opacity: 1;
5865
- }
5866
- }
5867
- .address-bar-bg-states[data-v-dc314812] {
5132
+ .address-bar-bg-states[data-v-4d85ebb9] {
5868
5133
  --scalar-address-bar-bg: color-mix(
5869
5134
  in srgb,
5870
5135
  var(--scalar-background-1),
@@ -5872,21 +5137,17 @@
5872
5137
  );
5873
5138
  background: var(--scalar-address-bar-bg);
5874
5139
  }
5875
- .address-bar-bg-states[data-v-dc314812]:has(.cm-focused) {
5140
+ .address-bar-bg-states[data-v-4d85ebb9]:has(.cm-focused) {
5876
5141
  --scalar-address-bar-bg: var(--scalar-background-1);
5877
5142
  border-color: var(--scalar-border-color);
5878
5143
  outline-width: 1px;
5879
5144
  outline-style: solid;
5880
5145
  }
5881
- .address-bar-bg-states:has(.cm-focused) .fade-left[data-v-dc314812],
5882
- .address-bar-bg-states:has(.cm-focused) .fade-right[data-v-dc314812] {
5883
- --scalar-address-bar-bg: var(--scalar-background-1);
5884
- }
5885
- .app-exit-button[data-v-09019679] {
5146
+ .app-exit-button[data-v-b1eef1b6] {
5886
5147
  color: white;
5887
5148
  background: rgba(0, 0, 0, 0.1);
5888
5149
  }
5889
- .app-exit-button[data-v-09019679]:hover {
5150
+ .app-exit-button[data-v-b1eef1b6]:hover {
5890
5151
  background: rgba(255, 255, 255, 0.1);
5891
5152
  }
5892
5153
  .fade-request-section-content[data-v-f97cc68c] {
@@ -6010,16 +5271,22 @@
6010
5271
  var(--scalar-background-2) 20px
6011
5272
  );
6012
5273
  }
6013
- [data-v-06778e40] .cm-content {
5274
+ [data-v-0362e671] .cm-content {
6014
5275
  font-size: var(--scalar-small);
6015
5276
  }
6016
- .form-group[data-v-678c9f4a] {
6017
- margin-bottom: 1rem;
6018
- }
6019
- .modal-actions[data-v-678c9f4a] {
6020
- display: flex;
6021
- justify-content: flex-end;
6022
- gap: 1rem;
5277
+ /* Matches AddressBar.vue `.address-bar-bg-states` / `.fade-right` (header URL input). */
5278
+ .oauth-scope-row-action-rail {
5279
+ --oauth-scope-row-rail-bg: color-mix(
5280
+ in srgb,
5281
+ var(--scalar-background-1),
5282
+ var(--scalar-background-2)
5283
+ );
5284
+ background: linear-gradient(
5285
+ 90deg,
5286
+ color-mix(in srgb, var(--oauth-scope-row-rail-bg), transparent 100%) 0%,
5287
+ color-mix(in srgb, var(--oauth-scope-row-rail-bg), transparent 20%) 30%,
5288
+ var(--oauth-scope-row-rail-bg) 100%
5289
+ );
6023
5290
  }
6024
5291
  .no-scrollbar::-webkit-scrollbar {
6025
5292
  display: none;
@@ -6068,20 +5335,20 @@ input[data-v-819cea32]::placeholder {
6068
5335
  -webkit-text-security: disc;
6069
5336
  -moz-text-security: disc;
6070
5337
  }
6071
- .request-section-content[data-v-482f2275] {
5338
+ .request-section-content[data-v-dc6f670a] {
6072
5339
  --scalar-border-width: 0.5px;
6073
5340
  }
6074
- .request-section-content-filter[data-v-482f2275] {
5341
+ .request-section-content-filter[data-v-dc6f670a] {
6075
5342
  box-shadow: 0 -10px 0 10px var(--scalar-background-1);
6076
5343
  }
6077
- .request-item:focus-within .request-meta-buttons[data-v-482f2275] {
5344
+ .request-item:focus-within .request-meta-buttons[data-v-dc6f670a] {
6078
5345
  opacity: 1;
6079
5346
  }
6080
- .group-hover-input[data-v-482f2275] {
5347
+ .group-hover-input[data-v-dc6f670a] {
6081
5348
  border-width: var(--scalar-border-width);
6082
5349
  border-color: transparent;
6083
5350
  }
6084
- .group:hover .group-hover-input[data-v-482f2275] {
5351
+ .group:hover .group-hover-input[data-v-dc6f670a] {
6085
5352
  background: color-mix(
6086
5353
  in srgb,
6087
5354
  var(--scalar-background-1),
@@ -6089,30 +5356,30 @@ input[data-v-819cea32]::placeholder {
6089
5356
  );
6090
5357
  border-color: var(--scalar-border-color);
6091
5358
  }
6092
- .group-hover-input[data-v-482f2275]:focus {
5359
+ .group-hover-input[data-v-dc6f670a]:focus {
6093
5360
  background: transparent !important;
6094
5361
  border-color: var(--scalar-border-color) !important;
6095
5362
  }
6096
- .light-mode .bg-preview[data-v-154c2abf] {
6097
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23000' fill-opacity='10%25'%3E%3Crect width='8' height='8' /%3E%3Crect x='8' y='8' width='8' height='8' /%3E%3C/svg%3E");
6098
- }
6099
- .dark-mode .bg-preview[data-v-154c2abf] {
6100
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23FFF' fill-opacity='10%25'%3E%3Crect width='8' height='8' /%3E%3Crect x='8' y='8' width='8' height='8' /%3E%3C/svg%3E");
6101
- }
6102
- [data-v-194605f9] .cm-editor {
5363
+ [data-v-20050fd6] .cm-editor {
6103
5364
  background-color: transparent;
6104
5365
  font-size: var(--scalar-small);
6105
5366
  outline: none;
6106
5367
  }
6107
- [data-v-194605f9] .cm-gutters {
5368
+ [data-v-20050fd6] .cm-gutters {
6108
5369
  background-color: var(--scalar-background-1);
6109
5370
  border-radius: var(--scalar-radius) 0 0 var(--scalar-radius);
6110
5371
  }
6111
- .body-raw[data-v-194605f9] .cm-scroller {
5372
+ [data-v-20050fd6] .cm-scroller {
6112
5373
  overflow: auto;
6113
5374
  min-width: 100%;
6114
5375
  }
6115
- .scalar-code-block[data-v-30c34ea4] .hljs * {
5376
+ .light-mode .bg-preview[data-v-65a8f4ce] {
5377
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23000' fill-opacity='10%25'%3E%3Crect width='8' height='8' /%3E%3Crect x='8' y='8' width='8' height='8' /%3E%3C/svg%3E");
5378
+ }
5379
+ .dark-mode .bg-preview[data-v-65a8f4ce] {
5380
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23FFF' fill-opacity='10%25'%3E%3Crect width='8' height='8' /%3E%3Crect x='8' y='8' width='8' height='8' /%3E%3C/svg%3E");
5381
+ }
5382
+ .scalar-code-block[data-v-bb31ac6f] .hljs * {
6116
5383
  font-size: var(--scalar-small);
6117
5384
  }
6118
5385
  .response-body-virtual[data-headlessui-state='open'],
@@ -6121,28 +5388,7 @@ input[data-v-819cea32]::placeholder {
6121
5388
  flex-direction: column;
6122
5389
  flex-grow: 1;
6123
5390
  }
6124
- .ascii-art-animate .ascii-art-line[data-v-69ebd973] {
6125
- border-right: 1ch solid transparent;
6126
- animation:
6127
- typewriter-69ebd973 4s steps(1) 1s 1 normal both,blinkTextCursor-69ebd973 500ms steps(1) infinite normal;
6128
- }
6129
- @keyframes typewriter-69ebd973 {
6130
- from {
6131
- width: 0;
6132
- }
6133
- to {
6134
- width: 100%;
6135
- }
6136
- }
6137
- @keyframes blinkTextCursor-69ebd973 {
6138
- 0% {
6139
- border-right-color: currentColor;
6140
- }
6141
- 50% {
6142
- border-right-color: transparent;
6143
- }
6144
- }
6145
- .scalar-version-number[data-v-eb46a498] {
5391
+ .scalar-version-number[data-v-ab8886a2] {
6146
5392
  transform: skew(0deg, 13deg);
6147
5393
  width: 76px;
6148
5394
  height: 76px;
@@ -6162,7 +5408,7 @@ to {
6162
5408
  text-transform: initial;
6163
5409
  text-decoration-color: var(--scalar-color-3);
6164
5410
  }
6165
- .scalar-version-number a[data-v-eb46a498] {
5411
+ .scalar-version-number a[data-v-ab8886a2] {
6166
5412
  font-weight: bold;
6167
5413
  font-weight: bold;
6168
5414
  background: var(--scalar-background-2);
@@ -6171,13 +5417,13 @@ to {
6171
5417
  text-decoration: none;
6172
5418
  border: 0.5px solid var(--scalar-border-color);
6173
5419
  }
6174
- .gitbook-show[data-v-eb46a498] {
5420
+ .gitbook-show[data-v-ab8886a2] {
6175
5421
  display: none;
6176
5422
  }
6177
- .v-enter-active[data-v-1f35725e] {
5423
+ .v-enter-active[data-v-21dc7abd] {
6178
5424
  transition: opacity 0.5s ease;
6179
5425
  }
6180
- .v-enter-from[data-v-1f35725e] {
5426
+ .v-enter-from[data-v-21dc7abd] {
6181
5427
  opacity: 0;
6182
5428
  }
6183
5429
  .animate-response-heading .response-heading[data-v-82f4df98] {
@@ -6280,452 +5526,6 @@ to {
6280
5526
  right: 0;
6281
5527
  bottom: 0;
6282
5528
  }
6283
- .ref-search-meta[data-v-a00657cc] {
6284
- background: var(--scalar-background-1);
6285
- border-bottom-left-radius: var(--scalar-radius-lg);
6286
- border-bottom-right-radius: var(--scalar-radius-lg);
6287
- padding: 6px 12px;
6288
- font-size: var(--scalar-font-size-4);
6289
- color: var(--scalar-color-3);
6290
- font-weight: var(--scalar-semibold);
6291
- display: flex;
6292
- gap: 12px;
6293
- border-top: var(--scalar-border-width) solid var(--scalar-border-color);
6294
- }
6295
- /*
6296
- * Gentle pulse for the registry loading skeletons. Matches the existing
6297
- * `LoadingSkeleton.vue` easing/duration used in `@scalar/api-reference` so
6298
- * any skeleton in the app feels consistent.
6299
- */
6300
- .sidebar-skeleton-row > span[data-v-e5f6f69d] {
6301
- animation: sidebar-skeleton-pulse-e5f6f69d 1.5s infinite alternate;
6302
- }
6303
- @keyframes sidebar-skeleton-pulse-e5f6f69d {
6304
- from {
6305
- opacity: 1;
6306
- }
6307
- to {
6308
- opacity: 0.33;
6309
- }
6310
- }
6311
- /** Single tab styling - appears as a header without tab-like appearance */
6312
- .nav-single-tab[data-v-2d65f302] {
6313
- display: flex;
6314
- height: 100%;
6315
- width: 100%;
6316
- align-items: center;
6317
- justify-content: center;
6318
- overflow: hidden;
6319
- color: var(--scalar-color-1);
6320
- }
6321
- /** Base tab styling with subtle background and border */
6322
- .nav-item[data-v-2d65f302] {
6323
- padding: 4.5px 1rem;
6324
- cursor: pointer;
6325
- flex: 1;
6326
- justify-content: center;
6327
- align-items: center;
6328
- display: flex;
6329
- border-radius: var(--scalar-radius-lg);
6330
- background: var(--scalar-background-3);
6331
- border: var(--scalar-border-width) solid var(--scalar-background-2);
6332
- color: var(--scalar-color-3);
6333
- min-width: 0;
6334
- overflow: hidden;
6335
- position: relative;
6336
- }
6337
- .dark-mode .nav-item[data-v-2d65f302] {
6338
- background: color-mix(in srgb, var(--scalar-background-2), transparent);
6339
- }
6340
- /**
6341
- * Container for the icon and label.
6342
- * Uses a mask gradient to fade out text on the right side,
6343
- * making room for the close button that appears on hover.
6344
- */
6345
- .nav-item-icon-copy[data-v-2d65f302] {
6346
- max-width: 100%;
6347
- white-space: nowrap;
6348
- overflow: hidden;
6349
- mask-image: linear-gradient(
6350
- to left,
6351
- transparent 0,
6352
- var(--scalar-background-2) 20px
6353
- );
6354
- }
6355
- /** On hover, shift the gradient to make more room for the close button */
6356
- .nav-item:hover .nav-item-icon-copy[data-v-2d65f302] {
6357
- mask-image: linear-gradient(
6358
- to left,
6359
- transparent 20px,
6360
- var(--scalar-background-2) 40px
6361
- );
6362
- }
6363
- /** Label text with constrained width to prevent overflow */
6364
- .nav-item-copy[data-v-2d65f302] {
6365
- max-width: calc(100% - 20px);
6366
- }
6367
- .nav-item[data-v-2d65f302]:hover {
6368
- color: var(--scalar-color-1);
6369
- }
6370
- /** Active tab state with brighter background and border */
6371
- .nav-item__active[data-v-2d65f302] {
6372
- background-color: var(--scalar-background-1);
6373
- color: var(--scalar-color-1);
6374
- border-color: var(--scalar-border-color);
6375
- }
6376
- .dark-mode .nav-item__active[data-v-2d65f302] {
6377
- background-color: var(--scalar-background-2);
6378
- }
6379
- /**
6380
- * Close button positioned absolutely on the right.
6381
- * Hidden by default, revealed on tab hover.
6382
- */
6383
- .nav-item-close[data-v-2d65f302] {
6384
- position: absolute;
6385
- right: 3px;
6386
- padding: 2px;
6387
- border-radius: var(--scalar-radius);
6388
- background: transparent;
6389
- max-width: 20px;
6390
- stroke-width: 1.5px;
6391
- color: var(--scalar-color-3);
6392
- margin-left: -20px;
6393
- opacity: 0;
6394
- }
6395
- .nav-item:hover .nav-item-close[data-v-2d65f302] {
6396
- opacity: 1;
6397
- }
6398
- .nav-item-close[data-v-2d65f302]:hover {
6399
- background-color: var(--scalar-background-4);
6400
- }
6401
- .nav-item__active .nav-item-close[data-v-2d65f302]:hover {
6402
- background-color: var(--scalar-background-2);
6403
- }
6404
- /*
6405
- * The combobox option only marks the *active* (hovered / keyboard-focused)
6406
- * row with a background. We also want a persistent highlight on the
6407
- * currently *selected* version so the user can spot it at a glance, even
6408
- * after moving the cursor or arrowing to another row.
6409
- */
6410
- .version-picker[data-v-28138913] [role='option'][aria-selected='true'] {
6411
- background-color: var(--scalar-background-2);
6412
- }
6413
- .splash-screen[data-v-af32615f] {
6414
- opacity: 0;
6415
- animation: fadeIn-af32615f 0.5s ease-in-out forwards;
6416
- }
6417
- .logo-icon[data-v-af32615f] {
6418
- opacity: 0;
6419
- animation:
6420
- fadeInLogo-af32615f 0.6s ease-in-out 0.2s forwards,pulse-af32615f 2s ease-in-out 0.8s infinite;
6421
- }
6422
- @keyframes fadeIn-af32615f {
6423
- from {
6424
- opacity: 0;
6425
- }
6426
- to {
6427
- opacity: 0.9;
6428
- }
6429
- }
6430
- @keyframes fadeInLogo-af32615f {
6431
- from {
6432
- opacity: 0;
6433
- transform: scale(0.9);
6434
- }
6435
- to {
6436
- opacity: 0.8;
6437
- transform: scale(1);
6438
- }
6439
- }
6440
- @keyframes pulse-af32615f {
6441
- 0%,
6442
- 100% {
6443
- opacity: 0.8;
6444
- }
6445
- 50% {
6446
- opacity: 0.6;
6447
- }
6448
- }
6449
- .editor-container[data-v-65ed5337] {
6450
- width: 100%;
6451
- height: 100%;
6452
- }
6453
- .sync-layout-root[data-v-65ed5337] {
6454
- background: color-mix(
6455
- in srgb,
6456
- var(--scalar-color-background-1, #1e1e1e) 96%,
6457
- transparent
6458
- );
6459
- }
6460
- .sync-editor-pane[data-v-65ed5337] {
6461
- background: color-mix(
6462
- in srgb,
6463
- var(--scalar-color-background-1, #1e1e1e) 95%,
6464
- transparent
6465
- );
6466
- }
6467
- .sync-pane-title[data-v-65ed5337] {
6468
- letter-spacing: 0.03em;
6469
- text-transform: uppercase;
6470
- font-weight: 600;
6471
- background: color-mix(
6472
- in srgb,
6473
- var(--scalar-color-background-2, #2d2d30) 85%,
6474
- transparent
6475
- );
6476
- }
6477
- .resize-handle[data-v-65ed5337] {
6478
- position: relative;
6479
- display: block;
6480
- flex-shrink: 0;
6481
- border: none;
6482
- border-radius: 999px;
6483
- background: transparent;
6484
- transition:
6485
- background-color 0.12s ease,
6486
- box-shadow 0.12s ease;
6487
- }
6488
- .resize-handle[data-v-65ed5337]::before {
6489
- content: '';
6490
- position: absolute;
6491
- border-radius: 999px;
6492
- opacity: 1;
6493
- transition:
6494
- background-color 0.12s ease,
6495
- transform 0.12s ease;
6496
- }
6497
- .resize-handle[data-v-65ed5337]:hover {
6498
- background: color-mix(
6499
- in srgb,
6500
- var(--scalar-color-accent, #007acc) 12%,
6501
- transparent
6502
- );
6503
- }
6504
- .resize-handle[data-v-65ed5337]:active {
6505
- background: color-mix(
6506
- in srgb,
6507
- var(--scalar-color-accent, #007acc) 18%,
6508
- transparent
6509
- );
6510
- }
6511
- .resize-handle[data-v-65ed5337]:focus-visible {
6512
- outline: none;
6513
- box-shadow: 0 0 0 1px
6514
- color-mix(in srgb, var(--scalar-color-accent, #007acc) 70%, transparent);
6515
- }
6516
- .resize-handle-col[data-v-65ed5337] {
6517
- width: 8px;
6518
- min-height: 44px;
6519
- margin: 2px 0;
6520
- cursor: col-resize;
6521
- }
6522
- .resize-handle-col[data-v-65ed5337]::before {
6523
- top: 50%;
6524
- left: 50%;
6525
- width: 1px;
6526
- height: calc(100% - 8px);
6527
- transform: translate(-50%, -50%);
6528
- background: color-mix(
6529
- in srgb,
6530
- var(--scalar-color-border, #3c3c3c) 85%,
6531
- transparent
6532
- );
6533
- }
6534
- .resize-handle-row[data-v-65ed5337] {
6535
- height: 8px;
6536
- margin: 0 4px;
6537
- cursor: row-resize;
6538
- }
6539
- .resize-handle-row[data-v-65ed5337]::before {
6540
- top: 50%;
6541
- left: 50%;
6542
- width: calc(100% - 8px);
6543
- height: 1px;
6544
- transform: translate(-50%, -50%);
6545
- background: color-mix(
6546
- in srgb,
6547
- var(--scalar-color-border, #3c3c3c) 85%,
6548
- transparent
6549
- );
6550
- }
6551
- .resize-handle-col[data-v-65ed5337]:hover::before,
6552
- .resize-handle-col[data-v-65ed5337]:active::before,
6553
- .resize-handle-row[data-v-65ed5337]:hover::before,
6554
- .resize-handle-row[data-v-65ed5337]:active::before {
6555
- background: color-mix(
6556
- in srgb,
6557
- var(--scalar-color-accent, #007acc) 78%,
6558
- transparent
6559
- );
6560
- }
6561
- [data-v-65ed5337] .json-path-highlight {
6562
- background-color: rgba(255, 200, 0, 0.35);
6563
- border-radius: 4px;
6564
- }
6565
- [data-v-65ed5337] .json-focus-highlight-box-single {
6566
- border: 2px solid color-mix(in srgb, #facc15 90%, #eab308 10%);
6567
- box-sizing: border-box;
6568
- }
6569
- [data-v-65ed5337] .json-focus-highlight-box-top {
6570
- border-top: 2px solid color-mix(in srgb, #facc15 90%, #eab308 10%);
6571
- border-left: 2px solid color-mix(in srgb, #facc15 90%, #eab308 10%);
6572
- border-right: 2px solid color-mix(in srgb, #facc15 90%, #eab308 10%);
6573
- box-sizing: border-box;
6574
- }
6575
- [data-v-65ed5337] .json-focus-highlight-box-middle {
6576
- border-left: 2px solid color-mix(in srgb, #facc15 90%, #eab308 10%);
6577
- border-right: 2px solid color-mix(in srgb, #facc15 90%, #eab308 10%);
6578
- box-sizing: border-box;
6579
- }
6580
- [data-v-65ed5337] .json-focus-highlight-box-bottom {
6581
- border-bottom: 2px solid color-mix(in srgb, #facc15 90%, #eab308 10%);
6582
- border-left: 2px solid color-mix(in srgb, #facc15 90%, #eab308 10%);
6583
- border-right: 2px solid color-mix(in srgb, #facc15 90%, #eab308 10%);
6584
- box-shadow: inset 0 0 0 1px color-mix(in srgb, #fde047 35%, transparent);
6585
- box-sizing: border-box;
6586
- }
6587
- /**
6588
- * Command Palette Styles
6589
- * Centered dialog with fade-in animation and backdrop overlay
6590
- */
6591
- /** Main command menu dialog */
6592
- .commandmenu[data-v-29778ab7] {
6593
- box-shadow: var(--scalar-shadow-2);
6594
- border-radius: var(--scalar-radius-lg);
6595
- background-color: var(--scalar-background-1);
6596
- max-height: 80dvh;
6597
- width: 100%;
6598
- max-width: 580px;
6599
- margin: 12px;
6600
- position: fixed;
6601
- left: 50%;
6602
- top: 150px;
6603
- opacity: 0;
6604
- transform: translate3d(-50%, 10px, 0);
6605
- animation: fadeincommandmenu-29778ab7 ease-in-out 0.3s forwards;
6606
- animation-delay: 0.1s;
6607
- }
6608
- /** Backdrop overlay with fade-in */
6609
- .commandmenu-overlay[data-v-29778ab7] {
6610
- position: fixed;
6611
- inset: 0;
6612
- background: rgba(0, 0, 0, 0.2);
6613
- animation: fadeincommand-29778ab7 ease-in-out 0.3s forwards;
6614
- cursor: pointer;
6615
- }
6616
- /** Fade-in animation for overlay */
6617
- @keyframes fadeincommand-29778ab7 {
6618
- 0% {
6619
- opacity: 0;
6620
- }
6621
- 100% {
6622
- opacity: 1;
6623
- }
6624
- }
6625
- /** Fade-in and slide-up animation for command menu */
6626
- @keyframes fadeincommandmenu-29778ab7 {
6627
- 0% {
6628
- opacity: 0;
6629
- transform: translate3d(-50%, 10px, 0);
6630
- }
6631
- 100% {
6632
- opacity: 1;
6633
- transform: translate3d(-50%, 0, 0);
6634
- }
6635
- }
6636
- #scalar-client {
6637
- position: relative;
6638
- background-color: var(--scalar-background-2);
6639
- }
6640
- .dark-mode #scalar-client {
6641
- background-color: color-mix(in srgb, var(--scalar-background-1) 65%, black);
6642
- }
6643
- /*
6644
- * The three-way merge editor needs the full viewport to fit its three
6645
- * Monaco panes. `DocumentCollection.vue` ships the same override for
6646
- * its in-page Sync modal, but the pull flow can run without that view
6647
- * being mounted, so we duplicate the rule here to keep the modal
6648
- * full-bleed.
6649
- */
6650
- .full-size-styles:has(.sync-conflict-modal-root) {
6651
- width: 100dvw !important;
6652
- max-width: 100dvw !important;
6653
- border-right: none !important;
6654
- }
6655
- .full-size-styles:has(.sync-conflict-modal-root)::after {
6656
- display: none;
6657
- }
6658
- .group-hover-input[data-v-2f09f15e] {
6659
- border-width: var(--scalar-border-width);
6660
- border-color: transparent;
6661
- }
6662
- .group:hover .group-hover-input[data-v-2f09f15e] {
6663
- background: color-mix(
6664
- in srgb,
6665
- var(--scalar-background-1),
6666
- var(--scalar-background-2)
6667
- );
6668
- border-color: var(--scalar-border-color);
6669
- }
6670
- .group-hover-input[data-v-2f09f15e]:focus {
6671
- background: transparent !important;
6672
- border-color: var(--scalar-border-color) !important;
6673
- }
6674
- .full-size-styles:has(.sync-conflict-modal-root) {
6675
- width: 100dvw !important;
6676
- max-width: 100dvw !important;
6677
- border-right: none !important;
6678
- }
6679
- .full-size-styles:has(.sync-conflict-modal-root)::after {
6680
- display: none;
6681
- }
6682
- .scalar-collection-auth[data-v-d3bc49bd] {
6683
- border: var(--scalar-border-width) solid var(--scalar-border-color);
6684
- border-radius: var(--scalar-radius-lg);
6685
- overflow: hidden;
6686
- }
6687
- [data-v-2f13118d] .cm-editor {
6688
- padding: 0;
6689
- }
6690
- [data-v-2f13118d] .cm-content {
6691
- align-items: center;
6692
- background-color: transparent;
6693
- display: flex;
6694
- font-family: var(--scalar-font);
6695
- font-size: var(--scalar-small);
6696
- padding: 5px 8px;
6697
- width: 100%;
6698
- }
6699
- [data-v-2f13118d] .cm-content:has(.cm-pill) {
6700
- padding: 5px 8px;
6701
- }
6702
- [data-v-2f13118d] .cm-content .cm-pill:not(:last-of-type) {
6703
- margin-right: 0.5px;
6704
- }
6705
- [data-v-2f13118d] .cm-content .cm-pill:not(:first-of-type) {
6706
- margin-left: 0.5px;
6707
- }
6708
- [data-v-2f13118d] .cm-line {
6709
- overflow: hidden;
6710
- padding: 0;
6711
- text-overflow: ellipsis;
6712
- }
6713
- .editor-container[data-v-e99ee660] {
6714
- width: 100%;
6715
- height: 100%;
6716
- }
6717
- [data-v-e99ee660] .json-path-highlight {
6718
- background-color: rgba(255, 200, 0, 0.35);
6719
- border-radius: 4px;
6720
- }
6721
- [data-v-e99ee660] .json-focus-highlight {
6722
- background-color: color-mix(
6723
- in srgb,
6724
- var(--scalar-color-accent, #24b47e) 18%,
6725
- transparent
6726
- );
6727
- border-radius: 4px;
6728
- }
6729
5529
  [data-v-28c8509c] .cm-editor {
6730
5530
  padding: 0;
6731
5531
  }
@@ -6752,57 +5552,6 @@ to {
6752
5552
  padding: 0;
6753
5553
  text-overflow: ellipsis;
6754
5554
  }
6755
- [data-v-d486ea71] .cm-content {
6756
- min-height: fit-content;
6757
- }
6758
- [data-v-d486ea71] .cm-scroller {
6759
- max-width: 100%;
6760
- overflow-x: auto;
6761
- overflow-y: hidden;
6762
- }
6763
- /**
6764
- * Custom horizontal scroll for the URL preview.
6765
- * Hides scrollbar for a cleaner appearance while maintaining scroll functionality.
6766
- */
6767
- .scroll-timeline-x[data-v-311ac78f] {
6768
- overflow: auto;
6769
- scroll-timeline: --scroll-timeline x;
6770
- /* Firefox support */
6771
- scroll-timeline: --scroll-timeline horizontal;
6772
- /* Hide scrollbar in IE and Edge */
6773
- -ms-overflow-style: none;
6774
- /* Hide scrollbar in Firefox */
6775
- scrollbar-width: none;
6776
- }
6777
- /* Hide scrollbar in Chrome, Safari, and Opera */
6778
- .scroll-timeline-x[data-v-311ac78f]::-webkit-scrollbar {
6779
- display: none;
6780
- }
6781
- .postman-import-path-conflict-callout[data-v-cc4f666d] {
6782
- border-color: var(--scalar-color-red);
6783
- background-color: var(--scalar-background-danger);
6784
- color: var(--scalar-color-1);
6785
- }
6786
- /**
6787
- * Checkbox rows use ScalarFormInput as a label with bg-b-1.5, padding, and shadow.
6788
- * Reset so tree lines stay visually flat inside the import modal.
6789
- */
6790
- .postman-tree-row__checkbox[data-v-5f85b37f] label {
6791
- gap: 0.375rem;
6792
- border-radius: 0;
6793
- padding: 0;
6794
- background-color: transparent !important;
6795
- box-shadow: none !important;
6796
- }
6797
- .postman-tree-row__checkbox[data-v-5f85b37f] label:hover,
6798
- .postman-tree-row__checkbox[data-v-5f85b37f] label:focus-within {
6799
- background-color: transparent !important;
6800
- }
6801
- .postman-tree-row--collision[data-v-5f85b37f] {
6802
- border-radius: var(--scalar-radius-md, 4px);
6803
- /* Same surface as `.postman-import-path-conflict-callout` — no extra stroke (avoids layout shift and harsh edges in the tree) */
6804
- background-color: var(--scalar-background-danger);
6805
- }
6806
5555
  /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
6807
5556
  .scalar .scalar-app-layout[data-v-ae5e8531] {
6808
5557
  background: var(--scalar-background-1);
@@ -6878,8 +5627,17 @@ to {
6878
5627
  .scalar .scalar-container[data-v-ae5e8531] {
6879
5628
  line-height: normal;
6880
5629
  }
6881
- .document-scripts-editors__container[data-v-8c8fa790] {
6882
- min-height: 300px;
5630
+ .ref-search-meta[data-v-a00657cc] {
5631
+ background: var(--scalar-background-1);
5632
+ border-bottom-left-radius: var(--scalar-radius-lg);
5633
+ border-bottom-right-radius: var(--scalar-radius-lg);
5634
+ padding: 6px 12px;
5635
+ font-size: var(--scalar-font-size-4);
5636
+ color: var(--scalar-color-3);
5637
+ font-weight: var(--scalar-semibold);
5638
+ display: flex;
5639
+ gap: 12px;
5640
+ border-top: var(--scalar-border-width) solid var(--scalar-border-color);
6883
5641
  }
6884
5642
  /*$vite$:1*/
6885
5643
  /*$vite$:1*/