@scalar/api-client-react 2.0.12 → 2.0.15

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 +172 -1397
  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,12 +378,8 @@
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);
@@ -686,7 +681,7 @@
686
681
  .toggle-icon-dark .toggle-icon-moon-mask[data-v-60be8692] {
687
682
  transform: translate3d(0, 0, 0);
688
683
  }
689
- .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 {
690
685
  filter: brightness(1.1);
691
686
  }
692
687
  .scalar-icon[data-v-b651bb23], .scalar-icon[data-v-b651bb23] * {
@@ -1597,6 +1592,9 @@
1597
1592
  display: inline-flex;
1598
1593
  overflow: hidden;
1599
1594
  }
1595
+ .scalar-app .\@container {
1596
+ container-type: inline-size;
1597
+ }
1600
1598
  .scalar-app .pointer-events-auto {
1601
1599
  pointer-events: auto;
1602
1600
  }
@@ -1722,12 +1720,6 @@
1722
1720
  .scalar-app .top-2\.5 {
1723
1721
  top: 10px;
1724
1722
  }
1725
- .scalar-app .top-4 {
1726
- top: 16px;
1727
- }
1728
- .scalar-app .top-14 {
1729
- top: 56px;
1730
- }
1731
1723
  .scalar-app .top-\[1lh\] {
1732
1724
  top: 1lh;
1733
1725
  }
@@ -1779,9 +1771,6 @@
1779
1771
  .scalar-app .bottom-1 {
1780
1772
  bottom: 4px;
1781
1773
  }
1782
- .scalar-app .bottom-2 {
1783
- bottom: 8px;
1784
- }
1785
1774
  .scalar-app .bottom-4 {
1786
1775
  bottom: 16px;
1787
1776
  }
@@ -1828,13 +1817,6 @@
1828
1817
  z-index: 10;
1829
1818
  z-index: 10;
1830
1819
  }
1831
- .scalar-app .z-50 {
1832
- z-index: 50;
1833
- z-index: 50;
1834
- }
1835
- .scalar-app .z-60 {
1836
- z-index: 60;
1837
- }
1838
1820
  .scalar-app .z-\[1\] {
1839
1821
  z-index: 1;
1840
1822
  }
@@ -1931,9 +1913,6 @@
1931
1913
  .scalar-app .mx-1 {
1932
1914
  margin-inline: 4px;
1933
1915
  }
1934
- .scalar-app .mx-auto {
1935
- margin-inline: auto;
1936
- }
1937
1916
  .scalar-app .mx-px {
1938
1917
  margin-inline: 1px;
1939
1918
  }
@@ -1964,9 +1943,6 @@
1964
1943
  .scalar-app .-mt-\(--scalar-sidebar-padding\) {
1965
1944
  margin-top: calc(var(--scalar-sidebar-padding) * -1);
1966
1945
  }
1967
- .scalar-app .-mt-1 {
1968
- margin-top: -4px;
1969
- }
1970
1946
  .scalar-app .-mt-1\.5 {
1971
1947
  margin-top: -6px;
1972
1948
  }
@@ -1985,15 +1961,9 @@
1985
1961
  .scalar-app .mt-1 {
1986
1962
  margin-top: 4px;
1987
1963
  }
1988
- .scalar-app .mt-1\.5 {
1989
- margin-top: 6px;
1990
- }
1991
1964
  .scalar-app .mt-2 {
1992
1965
  margin-top: 8px;
1993
1966
  }
1994
- .scalar-app .mt-\[0\.5px\] {
1995
- margin-top: .5px;
1996
- }
1997
1967
  .scalar-app .mt-\[15svh\] {
1998
1968
  margin-top: 15svh;
1999
1969
  }
@@ -2015,9 +1985,6 @@
2015
1985
  .scalar-app .-mr-1\.5 {
2016
1986
  margin-right: -6px;
2017
1987
  }
2018
- .scalar-app .-mr-3 {
2019
- margin-right: -12px;
2020
- }
2021
1988
  .scalar-app .-mr-px {
2022
1989
  margin-right: -1px;
2023
1990
  }
@@ -2042,9 +2009,6 @@
2042
2009
  .scalar-app .mr-2 {
2043
2010
  margin-right: 8px;
2044
2011
  }
2045
- .scalar-app .mr-2\.5 {
2046
- margin-right: 10px;
2047
- }
2048
2012
  .scalar-app .mr-3 {
2049
2013
  margin-right: 12px;
2050
2014
  }
@@ -2078,27 +2042,12 @@
2078
2042
  .scalar-app .-ml-0\.75 {
2079
2043
  margin-left: -3px;
2080
2044
  }
2081
- .scalar-app .-ml-2 {
2082
- margin-left: -8px;
2083
- }
2084
- .scalar-app .ml-0\.75 {
2085
- margin-left: 3px;
2086
- }
2087
2045
  .scalar-app .ml-1 {
2088
2046
  margin-left: 4px;
2089
2047
  }
2090
- .scalar-app .ml-1\.25 {
2091
- margin-left: 5px;
2092
- }
2093
2048
  .scalar-app .ml-2 {
2094
2049
  margin-left: 8px;
2095
2050
  }
2096
- .scalar-app .ml-3 {
2097
- margin-left: 12px;
2098
- }
2099
- .scalar-app .ml-\[11px\] {
2100
- margin-left: 11px;
2101
- }
2102
2051
  .scalar-app .ml-auto {
2103
2052
  margin-left: auto;
2104
2053
  }
@@ -2158,6 +2107,9 @@
2158
2107
  .scalar-app .table {
2159
2108
  display: table;
2160
2109
  }
2110
+ .scalar-app .field-sizing-content {
2111
+ field-sizing: content;
2112
+ }
2161
2113
  .scalar-app .aspect-\[4\/3\] {
2162
2114
  aspect-ratio: 4 / 3;
2163
2115
  }
@@ -2200,10 +2152,6 @@
2200
2152
  width: 24px;
2201
2153
  height: 24px;
2202
2154
  }
2203
- .scalar-app .size-7 {
2204
- width: 28px;
2205
- height: 28px;
2206
- }
2207
2155
  .scalar-app .size-8 {
2208
2156
  width: 32px;
2209
2157
  height: 32px;
@@ -2259,27 +2207,12 @@
2259
2207
  .scalar-app .h-6 {
2260
2208
  height: 24px;
2261
2209
  }
2262
- .scalar-app .h-7 {
2263
- height: 28px;
2264
- }
2265
2210
  .scalar-app .h-8 {
2266
2211
  height: 32px;
2267
2212
  }
2268
- .scalar-app .h-9 {
2269
- height: 36px;
2270
- }
2271
2213
  .scalar-app .h-10 {
2272
2214
  height: 40px;
2273
2215
  }
2274
- .scalar-app .h-16 {
2275
- height: 64px;
2276
- }
2277
- .scalar-app .h-125 {
2278
- height: 500px;
2279
- }
2280
- .scalar-app .h-\[300px\] {
2281
- height: 300px;
2282
- }
2283
2216
  .scalar-app .h-\[calc\(100\%_-_50px\)\] {
2284
2217
  height: calc(100% - 50px);
2285
2218
  }
@@ -2307,33 +2240,18 @@
2307
2240
  .scalar-app .h-px {
2308
2241
  height: 1px;
2309
2242
  }
2310
- .scalar-app .h-screen {
2311
- height: 100vh;
2312
- }
2313
2243
  .scalar-app .\!max-h-\[initial\] {
2314
2244
  max-height: initial !important;
2315
2245
  }
2316
2246
  .scalar-app .max-h-8 {
2317
2247
  max-height: 32px;
2318
2248
  }
2319
- .scalar-app .max-h-28 {
2320
- max-height: 112px;
2321
- }
2322
2249
  .scalar-app .max-h-40 {
2323
2250
  max-height: 160px;
2324
2251
  }
2325
2252
  .scalar-app .max-h-80 {
2326
2253
  max-height: 320px;
2327
2254
  }
2328
- .scalar-app .max-h-\[28rem\] {
2329
- max-height: 28rem;
2330
- }
2331
- .scalar-app .max-h-\[40dvh\] {
2332
- max-height: 40dvh;
2333
- }
2334
- .scalar-app .max-h-\[50dvh\] {
2335
- max-height: 50dvh;
2336
- }
2337
2255
  .scalar-app .max-h-\[60svh\] {
2338
2256
  max-height: 60svh;
2339
2257
  }
@@ -2368,9 +2286,6 @@
2368
2286
  .scalar-app .min-h-0 {
2369
2287
  min-height: 0;
2370
2288
  }
2371
- .scalar-app .min-h-7 {
2372
- min-height: 28px;
2373
- }
2374
2289
  .scalar-app .min-h-8 {
2375
2290
  min-height: 32px;
2376
2291
  }
@@ -2386,15 +2301,9 @@
2386
2301
  .scalar-app .min-h-20 {
2387
2302
  min-height: 80px;
2388
2303
  }
2389
- .scalar-app .min-h-\[4rem\] {
2390
- min-height: 4rem;
2391
- }
2392
2304
  .scalar-app .min-h-\[64px\] {
2393
2305
  min-height: 64px;
2394
2306
  }
2395
- .scalar-app .min-h-\[300px\] {
2396
- min-height: 300px;
2397
- }
2398
2307
  .scalar-app .min-h-\[calc\(4rem\+0\.5px\)\] {
2399
2308
  min-height: calc(4rem + .5px);
2400
2309
  }
@@ -2413,12 +2322,6 @@
2413
2322
  .scalar-app .w-1\.5 {
2414
2323
  width: 6px;
2415
2324
  }
2416
- .scalar-app .w-1\/2 {
2417
- width: 50%;
2418
- }
2419
- .scalar-app .w-2 {
2420
- width: 8px;
2421
- }
2422
2325
  .scalar-app .w-2\.5 {
2423
2326
  width: 10px;
2424
2327
  }
@@ -2437,15 +2340,9 @@
2437
2340
  .scalar-app .w-6 {
2438
2341
  width: 24px;
2439
2342
  }
2440
- .scalar-app .w-7 {
2441
- width: 28px;
2442
- }
2443
2343
  .scalar-app .w-8 {
2444
2344
  width: 32px;
2445
2345
  }
2446
- .scalar-app .w-16 {
2447
- width: 64px;
2448
- }
2449
2346
  .scalar-app .w-36 {
2450
2347
  width: 144px;
2451
2348
  }
@@ -2455,21 +2352,12 @@
2455
2352
  .scalar-app .w-56 {
2456
2353
  width: 224px;
2457
2354
  }
2458
- .scalar-app .w-64 {
2459
- width: 256px;
2460
- }
2461
2355
  .scalar-app .w-72 {
2462
2356
  width: 288px;
2463
2357
  }
2464
2358
  .scalar-app .w-\[38px\] {
2465
2359
  width: 38px;
2466
2360
  }
2467
- .scalar-app .w-\[100px\] {
2468
- width: 100px;
2469
- }
2470
- .scalar-app .w-\[150px\] {
2471
- width: 150px;
2472
- }
2473
2361
  .scalar-app .w-\[calc\(100vw-12px\)\] {
2474
2362
  width: calc(100vw - 12px);
2475
2363
  }
@@ -2500,8 +2388,8 @@
2500
2388
  .scalar-app .w-px {
2501
2389
  width: 1px;
2502
2390
  }
2503
- .scalar-app .w-screen {
2504
- width: 100vw;
2391
+ .scalar-app .max-w-3xl {
2392
+ max-width: 768px;
2505
2393
  }
2506
2394
  .scalar-app .max-w-\[9rem\] {
2507
2395
  max-width: 9rem;
@@ -2518,9 +2406,6 @@
2518
2406
  .scalar-app .max-w-\[360px\] {
2519
2407
  max-width: 360px;
2520
2408
  }
2521
- .scalar-app .max-w-\[420px\] {
2522
- max-width: 420px;
2523
- }
2524
2409
  .scalar-app .max-w-\[480px\] {
2525
2410
  max-width: 480px;
2526
2411
  }
@@ -2536,9 +2421,6 @@
2536
2421
  .scalar-app .max-w-\[1000px\] {
2537
2422
  max-width: 1000px;
2538
2423
  }
2539
- .scalar-app .max-w-\[calc\(100dvw-24px\)\] {
2540
- max-width: calc(100dvw - 24px);
2541
- }
2542
2424
  .scalar-app .max-w-\[inherit\] {
2543
2425
  max-width: inherit;
2544
2426
  }
@@ -2548,8 +2430,8 @@
2548
2430
  .scalar-app .max-w-screen-padded-4 {
2549
2431
  max-width: calc(100vw - 32px);
2550
2432
  }
2551
- .scalar-app .max-w-sm {
2552
- max-width: 384px;
2433
+ .scalar-app .max-w-xs {
2434
+ max-width: 320px;
2553
2435
  }
2554
2436
  .scalar-app .min-w-0 {
2555
2437
  min-width: 0;
@@ -2572,20 +2454,8 @@
2572
2454
  .scalar-app .min-w-32 {
2573
2455
  min-width: 128px;
2574
2456
  }
2575
- .scalar-app .min-w-40 {
2576
- min-width: 160px;
2577
- }
2578
- .scalar-app .min-w-48 {
2579
- min-width: 192px;
2580
- }
2581
- .scalar-app .min-w-\[48px\] {
2582
- min-width: 48px;
2583
- }
2584
- .scalar-app .min-w-\[100px\] {
2585
- min-width: 100px;
2586
- }
2587
- .scalar-app .min-w-\[150px\] {
2588
- min-width: 150px;
2457
+ .scalar-app .min-w-\[4\.5rem\] {
2458
+ min-width: 4.5rem;
2589
2459
  }
2590
2460
  .scalar-app .min-w-fit {
2591
2461
  min-width: fit-content;
@@ -2608,6 +2478,9 @@
2608
2478
  .scalar-app .flex-grow, .scalar-app .grow {
2609
2479
  flex-grow: 1;
2610
2480
  }
2481
+ .scalar-app .grow-3 {
2482
+ flex-grow: 3;
2483
+ }
2611
2484
  .scalar-app .-translate-x-1\/2 {
2612
2485
  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
2613
2486
  translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -2682,9 +2555,6 @@
2682
2555
  .scalar-app .cursor-default {
2683
2556
  cursor: default;
2684
2557
  }
2685
- .scalar-app .cursor-grab {
2686
- cursor: grab;
2687
- }
2688
2558
  .scalar-app .cursor-help {
2689
2559
  cursor: help;
2690
2560
  }
@@ -2703,33 +2573,18 @@
2703
2573
  .scalar-app .resize-none {
2704
2574
  resize: none;
2705
2575
  }
2706
- .scalar-app .list-none {
2707
- list-style-type: none;
2708
- }
2709
2576
  .scalar-app .appearance-none {
2710
2577
  appearance: none;
2711
2578
  }
2712
2579
  .scalar-app .grid-flow-col {
2713
2580
  grid-auto-flow: column;
2714
2581
  }
2715
- .scalar-app .auto-rows-\[32px\] {
2716
- grid-auto-rows: 32px;
2717
- }
2718
2582
  .scalar-app .auto-rows-auto {
2719
2583
  grid-auto-rows: auto;
2720
2584
  }
2721
- .scalar-app .grid-cols-2 {
2722
- grid-template-columns: repeat(2, minmax(0, 1fr));
2723
- }
2724
2585
  .scalar-app .grid-cols-\[44px_1fr_repeat\(3\,auto\)\] {
2725
2586
  grid-template-columns: 44px 1fr repeat(3, auto);
2726
2587
  }
2727
- .scalar-app .grid-cols-\[minmax\(0\,1fr\)_auto_minmax\(0\,1fr\)\] {
2728
- grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
2729
- }
2730
- .scalar-app .grid-cols-\[repeat\(auto-fill\,minmax\(32px\,1fr\)\)\] {
2731
- grid-template-columns: repeat(auto-fill, minmax(32px, 1fr));
2732
- }
2733
2588
  .scalar-app .flex-col {
2734
2589
  flex-direction: column;
2735
2590
  }
@@ -2739,9 +2594,6 @@
2739
2594
  .scalar-app .flex-wrap {
2740
2595
  flex-wrap: wrap;
2741
2596
  }
2742
- .scalar-app .content-between {
2743
- align-content: space-between;
2744
- }
2745
2597
  .scalar-app .content-start {
2746
2598
  align-content: flex-start;
2747
2599
  }
@@ -2805,30 +2657,18 @@
2805
2657
  .scalar-app .gap-4 {
2806
2658
  gap: 16px;
2807
2659
  }
2808
- .scalar-app .gap-5 {
2809
- gap: 20px;
2810
- }
2811
2660
  .scalar-app .gap-6 {
2812
2661
  gap: 24px;
2813
2662
  }
2814
- .scalar-app .gap-8 {
2815
- gap: 32px;
2816
- }
2817
2663
  .scalar-app .gap-10 {
2818
2664
  gap: 40px;
2819
2665
  }
2820
- .scalar-app .gap-12 {
2821
- gap: 48px;
2822
- }
2823
2666
  .scalar-app .gap-\[1\.5px\] {
2824
2667
  gap: 1.5px;
2825
2668
  }
2826
2669
  .scalar-app .gap-px {
2827
2670
  gap: 1px;
2828
2671
  }
2829
- .scalar-app .gap-x-1\.5 {
2830
- column-gap: 6px;
2831
- }
2832
2672
  .scalar-app .gap-x-2\.5 {
2833
2673
  column-gap: 10px;
2834
2674
  }
@@ -2837,9 +2677,6 @@
2837
2677
  margin-inline-start: calc(calc(4px * 1) * var(--tw-space-x-reverse));
2838
2678
  margin-inline-end: calc(calc(4px * 1) * calc(1 - var(--tw-space-x-reverse)));
2839
2679
  }
2840
- .scalar-app .gap-y-0\.5 {
2841
- row-gap: 2px;
2842
- }
2843
2680
  :where(.scalar-app .divide-y > :not(:last-child)) {
2844
2681
  --tw-divide-y-reverse: 0;
2845
2682
  border-bottom-style: var(--tw-border-style);
@@ -2856,12 +2693,6 @@
2856
2693
  .scalar-app .self-start {
2857
2694
  align-self: flex-start;
2858
2695
  }
2859
- .scalar-app .justify-self-center {
2860
- justify-self: center;
2861
- }
2862
- .scalar-app .justify-self-end {
2863
- justify-self: flex-end;
2864
- }
2865
2696
  .scalar-app .truncate {
2866
2697
  text-overflow: ellipsis;
2867
2698
  white-space: nowrap;
@@ -2882,9 +2713,6 @@
2882
2713
  .scalar-app .overflow-x-hidden {
2883
2714
  overflow-x: hidden;
2884
2715
  }
2885
- .scalar-app .overflow-x-scroll {
2886
- overflow-x: scroll;
2887
- }
2888
2716
  .scalar-app .overflow-y-auto {
2889
2717
  overflow-y: auto;
2890
2718
  }
@@ -2956,15 +2784,7 @@
2956
2784
  border-style: var(--tw-border-style);
2957
2785
  border-width: 0;
2958
2786
  }
2959
- .scalar-app .border-1 {
2960
- border-style: var(--tw-border-style);
2961
- border-width: 1px;
2962
- }
2963
- .scalar-app .border-\[1\.5px\] {
2964
- border-style: var(--tw-border-style);
2965
- border-width: 1.5px;
2966
- }
2967
- .scalar-app .border-\[1px\] {
2787
+ .scalar-app .border-1, .scalar-app .border-\[1px\] {
2968
2788
  border-style: var(--tw-border-style);
2969
2789
  border-width: 1px;
2970
2790
  }
@@ -3000,10 +2820,6 @@
3000
2820
  border-right-style: var(--tw-border-style);
3001
2821
  border-right-width: 0;
3002
2822
  }
3003
- .scalar-app .border-r-1 {
3004
- border-right-style: var(--tw-border-style);
3005
- border-right-width: 1px;
3006
- }
3007
2823
  .scalar-app .border-b {
3008
2824
  border-bottom-style: var(--tw-border-style);
3009
2825
  border-bottom-width: var(--scalar-border-width);
@@ -3024,39 +2840,19 @@
3024
2840
  --tw-border-style: dashed;
3025
2841
  border-style: dashed;
3026
2842
  }
3027
- .scalar-app .border-dotted {
3028
- --tw-border-style: dotted;
3029
- border-style: dotted;
3030
- }
3031
2843
  .scalar-app .border-none {
3032
2844
  --tw-border-style: none;
3033
2845
  border-style: none;
3034
2846
  }
3035
- .scalar-app .border-none\! {
3036
- --tw-border-style: none !important;
3037
- border-style: none !important;
3038
- }
3039
2847
  .scalar-app .\!border-current {
3040
2848
  border-color: currentColor !important;
3041
2849
  }
3042
2850
  .scalar-app .border-\(--scalar-background-3\) {
3043
2851
  border-color: var(--scalar-background-3);
3044
2852
  }
3045
- .scalar-app .border-\(--scalar-color-alert\) {
3046
- border-color: var(--scalar-color-alert);
3047
- }
3048
- .scalar-app .border-\[var\(--scalar-border-color\)\], .scalar-app .border-border {
3049
- border-color: var(--scalar-border-color);
3050
- }
3051
2853
  .scalar-app .border-border-header {
3052
2854
  border-color: var(--scalar-header-border-color, var(--scalar-border-color));
3053
2855
  }
3054
- .scalar-app .border-c-1 {
3055
- border-color: var(--scalar-color-1);
3056
- }
3057
- .scalar-app .border-c-3 {
3058
- border-color: var(--scalar-color-3);
3059
- }
3060
2856
  .scalar-app .border-c-accent, .scalar-app .border-c-accent\/30 {
3061
2857
  border-color: var(--scalar-color-accent);
3062
2858
  }
@@ -3071,54 +2867,6 @@
3071
2867
  .scalar-app .border-c-danger {
3072
2868
  border-color: var(--scalar-color-danger);
3073
2869
  }
3074
- .scalar-app .border-green\/15 {
3075
- border-color: var(--scalar-color-green);
3076
- }
3077
- @supports (color: color-mix(in lab, red, red)) {
3078
- .scalar-app .border-green\/15 {
3079
- border-color: color-mix(in oklab, var(--scalar-color-green) 15%, transparent);
3080
- }
3081
- }
3082
- .scalar-app .border-green\/20 {
3083
- border-color: var(--scalar-color-green);
3084
- }
3085
- @supports (color: color-mix(in lab, red, red)) {
3086
- .scalar-app .border-green\/20 {
3087
- border-color: color-mix(in oklab, var(--scalar-color-green) 20%, transparent);
3088
- }
3089
- }
3090
- .scalar-app .border-green\/30 {
3091
- border-color: var(--scalar-color-green);
3092
- }
3093
- @supports (color: color-mix(in lab, red, red)) {
3094
- .scalar-app .border-green\/30 {
3095
- border-color: color-mix(in oklab, var(--scalar-color-green) 30%, transparent);
3096
- }
3097
- }
3098
- .scalar-app .border-red\/15 {
3099
- border-color: var(--scalar-color-red);
3100
- }
3101
- @supports (color: color-mix(in lab, red, red)) {
3102
- .scalar-app .border-red\/15 {
3103
- border-color: color-mix(in oklab, var(--scalar-color-red) 15%, transparent);
3104
- }
3105
- }
3106
- .scalar-app .border-red\/20 {
3107
- border-color: var(--scalar-color-red);
3108
- }
3109
- @supports (color: color-mix(in lab, red, red)) {
3110
- .scalar-app .border-red\/20 {
3111
- border-color: color-mix(in oklab, var(--scalar-color-red) 20%, transparent);
3112
- }
3113
- }
3114
- .scalar-app .border-red\/30 {
3115
- border-color: var(--scalar-color-red);
3116
- }
3117
- @supports (color: color-mix(in lab, red, red)) {
3118
- .scalar-app .border-red\/30 {
3119
- border-color: color-mix(in oklab, var(--scalar-color-red) 30%, transparent);
3120
- }
3121
- }
3122
2870
  .scalar-app .border-sidebar-border {
3123
2871
  border-color: var(--scalar-sidebar-border-color, var(--scalar-border-color));
3124
2872
  }
@@ -3134,32 +2882,9 @@
3134
2882
  .scalar-app .border-b-sidebar-border {
3135
2883
  border-bottom-color: var(--scalar-sidebar-border-color, var(--scalar-border-color));
3136
2884
  }
3137
- .scalar-app .border-l-border\/50 {
3138
- border-left-color: var(--scalar-border-color);
3139
- }
3140
- @supports (color: color-mix(in lab, red, red)) {
3141
- .scalar-app .border-l-border\/50 {
3142
- border-left-color: color-mix(in oklab, var(--scalar-border-color) 50%, transparent);
3143
- }
3144
- }
3145
2885
  .scalar-app .bg-\(--bg-light\) {
3146
2886
  background-color: var(--bg-light);
3147
2887
  }
3148
- .scalar-app .bg-\(--scalar-background-alert\) {
3149
- background-color: var(--scalar-background-alert);
3150
- }
3151
- .scalar-app .bg-\[var\(--scalar-background-1\)\] {
3152
- background-color: var(--scalar-background-1);
3153
- }
3154
- .scalar-app .bg-\[var\(--scalar-background-2\)\] {
3155
- background-color: var(--scalar-background-2);
3156
- }
3157
- .scalar-app .bg-\[var\(--scalar-background-3\)\] {
3158
- background-color: var(--scalar-background-3);
3159
- }
3160
- .scalar-app .bg-\[var\(--scalar-color-green\)\] {
3161
- background-color: var(--scalar-color-green);
3162
- }
3163
2888
  .scalar-app .bg-b-1, .scalar-app .bg-b-1\.5 {
3164
2889
  background-color: var(--scalar-background-1);
3165
2890
  }
@@ -3168,22 +2893,9 @@
3168
2893
  background-color: color-mix(in srgb, var(--scalar-background-1), var(--scalar-background-2));
3169
2894
  }
3170
2895
  }
3171
- .scalar-app .bg-b-2, .scalar-app .bg-b-2\/30 {
3172
- background-color: var(--scalar-background-2);
3173
- }
3174
- @supports (color: color-mix(in lab, red, red)) {
3175
- .scalar-app .bg-b-2\/30 {
3176
- background-color: color-mix(in oklab, var(--scalar-background-2) 30%, transparent);
3177
- }
3178
- }
3179
- .scalar-app .bg-b-2\/40 {
2896
+ .scalar-app .bg-b-2 {
3180
2897
  background-color: var(--scalar-background-2);
3181
2898
  }
3182
- @supports (color: color-mix(in lab, red, red)) {
3183
- .scalar-app .bg-b-2\/40 {
3184
- background-color: color-mix(in oklab, var(--scalar-background-2) 40%, transparent);
3185
- }
3186
- }
3187
2899
  .scalar-app .bg-b-3 {
3188
2900
  background-color: var(--scalar-background-3);
3189
2901
  }
@@ -3227,66 +2939,15 @@
3227
2939
  background-color: color-mix(in oklab, var(--scalar-color-accent) 10%, transparent);
3228
2940
  }
3229
2941
  }
3230
- .scalar-app .bg-c-alert {
3231
- background-color: var(--scalar-color-alert);
3232
- }
3233
2942
  .scalar-app .bg-c-danger {
3234
2943
  background-color: var(--scalar-color-danger);
3235
2944
  }
3236
2945
  .scalar-app .bg-current {
3237
2946
  background-color: currentColor;
3238
2947
  }
3239
- .scalar-app .bg-green, .scalar-app .bg-green\/8 {
3240
- background-color: var(--scalar-color-green);
3241
- }
3242
- @supports (color: color-mix(in lab, red, red)) {
3243
- .scalar-app .bg-green\/8 {
3244
- background-color: color-mix(in oklab, var(--scalar-color-green) 8%, transparent);
3245
- }
3246
- }
3247
- .scalar-app .bg-green\/10 {
3248
- background-color: var(--scalar-color-green);
3249
- }
3250
- @supports (color: color-mix(in lab, red, red)) {
3251
- .scalar-app .bg-green\/10 {
3252
- background-color: color-mix(in oklab, var(--scalar-color-green) 10%, transparent);
3253
- }
3254
- }
3255
- .scalar-app .bg-green\/15 {
3256
- background-color: var(--scalar-color-green);
3257
- }
3258
- @supports (color: color-mix(in lab, red, red)) {
3259
- .scalar-app .bg-green\/15 {
3260
- background-color: color-mix(in oklab, var(--scalar-color-green) 15%, transparent);
3261
- }
3262
- }
3263
2948
  .scalar-app .bg-inherit {
3264
2949
  background-color: inherit;
3265
2950
  }
3266
- .scalar-app .bg-red, .scalar-app .bg-red\/8 {
3267
- background-color: var(--scalar-color-red);
3268
- }
3269
- @supports (color: color-mix(in lab, red, red)) {
3270
- .scalar-app .bg-red\/8 {
3271
- background-color: color-mix(in oklab, var(--scalar-color-red) 8%, transparent);
3272
- }
3273
- }
3274
- .scalar-app .bg-red\/10 {
3275
- background-color: var(--scalar-color-red);
3276
- }
3277
- @supports (color: color-mix(in lab, red, red)) {
3278
- .scalar-app .bg-red\/10 {
3279
- background-color: color-mix(in oklab, var(--scalar-color-red) 10%, transparent);
3280
- }
3281
- }
3282
- .scalar-app .bg-red\/15 {
3283
- background-color: var(--scalar-color-red);
3284
- }
3285
- @supports (color: color-mix(in lab, red, red)) {
3286
- .scalar-app .bg-red\/15 {
3287
- background-color: color-mix(in oklab, var(--scalar-color-red) 15%, transparent);
3288
- }
3289
- }
3290
2951
  .scalar-app .bg-sidebar-b-1 {
3291
2952
  background-color: var(--scalar-sidebar-background-1, var(--scalar-background-1));
3292
2953
  }
@@ -3324,9 +2985,6 @@
3324
2985
  .scalar-app .bg-linear-to-b {
3325
2986
  background-image: linear-gradient(var(--tw-gradient-stops));
3326
2987
  }
3327
- .scalar-app .bg-none {
3328
- background-image: none;
3329
- }
3330
2988
  .scalar-app .from-b-1 {
3331
2989
  --tw-gradient-from: var(--scalar-background-1);
3332
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));
@@ -3379,12 +3037,6 @@
3379
3037
  .scalar-app .fill-current {
3380
3038
  fill: currentColor;
3381
3039
  }
3382
- .scalar-app .stroke-\[1\.5\] {
3383
- stroke-width: 1.5px;
3384
- }
3385
- .scalar-app .stroke-\[1\.75\] {
3386
- stroke-width: 1.75px;
3387
- }
3388
3040
  .scalar-app .\!p-0 {
3389
3041
  padding: 0 !important;
3390
3042
  }
@@ -3415,18 +3067,12 @@
3415
3067
  .scalar-app .p-2 {
3416
3068
  padding: 8px;
3417
3069
  }
3418
- .scalar-app .p-2\.5 {
3419
- padding: 10px;
3420
- }
3421
3070
  .scalar-app .p-3 {
3422
3071
  padding: 12px;
3423
3072
  }
3424
3073
  .scalar-app .p-4 {
3425
3074
  padding: 16px;
3426
3075
  }
3427
- .scalar-app .p-6 {
3428
- padding: 24px;
3429
- }
3430
3076
  .scalar-app .p-\[3px\] {
3431
3077
  padding: 3px;
3432
3078
  }
@@ -3508,18 +3154,9 @@
3508
3154
  .scalar-app .py-3 {
3509
3155
  padding-block: 12px;
3510
3156
  }
3511
- .scalar-app .py-3\.5 {
3512
- padding-block: 14px;
3513
- }
3514
3157
  .scalar-app .py-4 {
3515
3158
  padding-block: 16px;
3516
3159
  }
3517
- .scalar-app .py-6 {
3518
- padding-block: 24px;
3519
- }
3520
- .scalar-app .py-8 {
3521
- padding-block: 32px;
3522
- }
3523
3160
  .scalar-app .py-\[6\.75px\] {
3524
3161
  padding-block: 6.75px;
3525
3162
  }
@@ -3538,12 +3175,6 @@
3538
3175
  .scalar-app .pt-3 {
3539
3176
  padding-top: 12px;
3540
3177
  }
3541
- .scalar-app .pt-8 {
3542
- padding-top: 32px;
3543
- }
3544
- .scalar-app .pt-14 {
3545
- padding-top: 56px;
3546
- }
3547
3178
  .scalar-app .pt-px {
3548
3179
  padding-top: 1px;
3549
3180
  }
@@ -3571,26 +3202,20 @@
3571
3202
  .scalar-app .pr-3 {
3572
3203
  padding-right: 12px;
3573
3204
  }
3574
- .scalar-app .pr-4 {
3575
- padding-right: 16px;
3576
- }
3577
3205
  .scalar-app .pr-6 {
3578
3206
  padding-right: 24px;
3579
3207
  }
3580
3208
  .scalar-app .pr-8 {
3581
3209
  padding-right: 32px;
3582
3210
  }
3583
- .scalar-app .pr-9 {
3584
- padding-right: 36px;
3585
- }
3586
3211
  .scalar-app .pr-10 {
3587
3212
  padding-right: 40px;
3588
3213
  }
3589
3214
  .scalar-app .pr-12 {
3590
3215
  padding-right: 48px;
3591
3216
  }
3592
- .scalar-app .pr-\[26px\] {
3593
- padding-right: 26px;
3217
+ .scalar-app .pr-20 {
3218
+ padding-right: 80px;
3594
3219
  }
3595
3220
  .scalar-app .pr-\[100\%\] {
3596
3221
  padding-right: 100%;
@@ -3601,24 +3226,15 @@
3601
3226
  .scalar-app .pb-1\.5 {
3602
3227
  padding-bottom: 6px;
3603
3228
  }
3604
- .scalar-app .pb-2 {
3605
- padding-bottom: 8px;
3606
- }
3607
3229
  .scalar-app .pb-3 {
3608
3230
  padding-bottom: 12px;
3609
3231
  }
3610
- .scalar-app .pb-20 {
3611
- padding-bottom: 80px;
3612
- }
3613
3232
  .scalar-app .\!pl-3 {
3614
3233
  padding-left: 12px !important;
3615
3234
  }
3616
3235
  .scalar-app .pl-1 {
3617
3236
  padding-left: 4px;
3618
3237
  }
3619
- .scalar-app .pl-1\.5 {
3620
- padding-left: 6px;
3621
- }
3622
3238
  .scalar-app .pl-1\.25 {
3623
3239
  padding-left: 5px;
3624
3240
  }
@@ -3628,15 +3244,15 @@
3628
3244
  .scalar-app .pl-3 {
3629
3245
  padding-left: 12px;
3630
3246
  }
3247
+ .scalar-app .pl-4 {
3248
+ padding-left: 16px;
3249
+ }
3631
3250
  .scalar-app .pl-8 {
3632
3251
  padding-left: 32px;
3633
3252
  }
3634
3253
  .scalar-app .pl-8\.5 {
3635
3254
  padding-left: 34px;
3636
3255
  }
3637
- .scalar-app .pl-12 {
3638
- padding-left: 48px;
3639
- }
3640
3256
  .scalar-app .pl-\[100\%\] {
3641
3257
  padding-left: 100%;
3642
3258
  }
@@ -3682,10 +3298,6 @@
3682
3298
  font-size: var(--scalar-font-size-4);
3683
3299
  line-height: 1;
3684
3300
  }
3685
- .scalar-app .text-xl {
3686
- font-size: var(--scalar-font-size-1);
3687
- line-height: var(--tw-leading, calc(1 / .875));
3688
- }
3689
3301
  .scalar-app .text-xs\/4 {
3690
3302
  font-size: var(--scalar-font-size-5);
3691
3303
  line-height: 16px;
@@ -3693,24 +3305,6 @@
3693
3305
  .scalar-app .text-3xs {
3694
3306
  font-size: var(--scalar-font-size-7);
3695
3307
  }
3696
- .scalar-app .text-\[0\.6rem\] {
3697
- font-size: .6rem;
3698
- }
3699
- .scalar-app .text-\[0\.7rem\] {
3700
- font-size: .7rem;
3701
- }
3702
- .scalar-app .text-\[0\.65rem\] {
3703
- font-size: .65rem;
3704
- }
3705
- .scalar-app .text-\[0\.75rem\] {
3706
- font-size: .75rem;
3707
- }
3708
- .scalar-app .text-\[0\.625rem\] {
3709
- font-size: .625rem;
3710
- }
3711
- .scalar-app .text-\[0\.6875rem\] {
3712
- font-size: .6875rem;
3713
- }
3714
3308
  .scalar-app .text-\[6px\] {
3715
3309
  font-size: 6px;
3716
3310
  }
@@ -3732,10 +3326,6 @@
3732
3326
  .scalar-app .text-xxs {
3733
3327
  font-size: var(--scalar-font-size-6);
3734
3328
  }
3735
- .scalar-app .leading-4 {
3736
- --tw-leading: calc(4px * 4);
3737
- line-height: 16px;
3738
- }
3739
3329
  .scalar-app .leading-5 {
3740
3330
  --tw-leading: calc(4px * 5);
3741
3331
  line-height: 20px;
@@ -3776,18 +3366,10 @@
3776
3366
  --tw-leading: var(--leading-normal);
3777
3367
  line-height: var(--leading-normal);
3778
3368
  }
3779
- .scalar-app .leading-relaxed {
3780
- --tw-leading: var(--leading-relaxed);
3781
- line-height: var(--leading-relaxed);
3782
- }
3783
3369
  .scalar-app .leading-snug {
3784
3370
  --tw-leading: var(--leading-snug);
3785
3371
  line-height: var(--leading-snug);
3786
3372
  }
3787
- .scalar-app .leading-tight {
3788
- --tw-leading: var(--leading-tight);
3789
- line-height: var(--leading-tight);
3790
- }
3791
3373
  .scalar-app .font-bold {
3792
3374
  --tw-font-weight: var(--scalar-bold);
3793
3375
  font-weight: var(--scalar-bold);
@@ -3808,14 +3390,6 @@
3808
3390
  --tw-font-weight: var(--scalar-sidebar-font-weight-active, var(--scalar-semibold));
3809
3391
  font-weight: var(--scalar-sidebar-font-weight-active, var(--scalar-semibold));
3810
3392
  }
3811
- .scalar-app .tracking-tight {
3812
- --tw-tracking: var(--tracking-tight);
3813
- letter-spacing: var(--tracking-tight);
3814
- }
3815
- .scalar-app .tracking-wide {
3816
- --tw-tracking: var(--tracking-wide);
3817
- letter-spacing: var(--tracking-wide);
3818
- }
3819
3393
  .scalar-app .text-balance {
3820
3394
  text-wrap: balance;
3821
3395
  }
@@ -3825,15 +3399,9 @@
3825
3399
  .scalar-app .text-pretty {
3826
3400
  text-wrap: pretty;
3827
3401
  }
3828
- .scalar-app .\[overflow-wrap\:anywhere\] {
3829
- overflow-wrap: anywhere;
3830
- }
3831
3402
  .scalar-app .break-words, .scalar-app .wrap-break-word {
3832
3403
  overflow-wrap: break-word;
3833
3404
  }
3834
- .scalar-app .\[word-break\:break-word\] {
3835
- word-break: break-word;
3836
- }
3837
3405
  .scalar-app .text-ellipsis {
3838
3406
  text-overflow: ellipsis;
3839
3407
  }
@@ -3849,15 +3417,9 @@
3849
3417
  .scalar-app .\!text-c-1 {
3850
3418
  color: var(--scalar-color-1) !important;
3851
3419
  }
3852
- .scalar-app .text-\(--scalar-color-alert\) {
3853
- color: var(--scalar-color-alert);
3854
- }
3855
3420
  .scalar-app .text-\[color\:var\(--scalar-color-3\)\] {
3856
3421
  color: var(--scalar-color-3);
3857
3422
  }
3858
- .scalar-app .text-\[var\(--scalar-color-red\)\] {
3859
- color: var(--scalar-color-red);
3860
- }
3861
3423
  .scalar-app .text-b-1 {
3862
3424
  color: var(--scalar-background-1);
3863
3425
  }
@@ -3942,9 +3504,6 @@
3942
3504
  .scalar-app .lowercase {
3943
3505
  text-transform: lowercase;
3944
3506
  }
3945
- .scalar-app .normal-case {
3946
- text-transform: none;
3947
- }
3948
3507
  .scalar-app .uppercase {
3949
3508
  text-transform: uppercase;
3950
3509
  }
@@ -3981,21 +3540,12 @@
3981
3540
  .scalar-app .opacity-50 {
3982
3541
  opacity: .5;
3983
3542
  }
3984
- .scalar-app .opacity-60 {
3985
- opacity: .6;
3986
- }
3987
- .scalar-app .opacity-80 {
3988
- opacity: .8;
3989
- }
3990
3543
  .scalar-app .opacity-100 {
3991
3544
  opacity: 1;
3992
3545
  }
3993
3546
  .scalar-app .bg-blend-normal {
3994
3547
  background-blend-mode: normal;
3995
3548
  }
3996
- .scalar-app .mix-blend-luminosity {
3997
- mix-blend-mode: luminosity;
3998
- }
3999
3549
  .scalar-app .shadow {
4000
3550
  --tw-shadow: var(--scalar-shadow-1);
4001
3551
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -4004,14 +3554,6 @@
4004
3554
  --tw-shadow: -8px 0 4px var(--tw-shadow-color, var(--scalar-background-1));
4005
3555
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4006
3556
  }
4007
- .scalar-app .shadow-\[0_-8px_0_8px_var\(--scalar-background-1\)\,0_0_8px_8px_var\(--scalar-background-1\)\] {
4008
- --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));
4009
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4010
- }
4011
- .scalar-app .shadow-\[var\(--scalar-shadow-1\)\] {
4012
- --tw-shadow: var(--scalar-shadow-1);
4013
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4014
- }
4015
3557
  .scalar-app .shadow-border {
4016
3558
  --tw-shadow: inset 0 0 0 var(--tw-shadow-color, var(--scalar-border-width)) var(--scalar-border-color);
4017
3559
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -4028,10 +3570,6 @@
4028
3570
  --tw-shadow: 0 0 #0000;
4029
3571
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4030
3572
  }
4031
- .scalar-app .shadow-sm {
4032
- --tw-shadow: var(--tw-shadow-color, #00000017) 0px 1px 4px;
4033
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4034
- }
4035
3573
  .scalar-app .outline {
4036
3574
  outline-style: var(--tw-outline-style);
4037
3575
  outline-width: 1px;
@@ -4083,16 +3621,6 @@
4083
3621
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
4084
3622
  transition-duration: var(--tw-duration, var(--default-transition-duration));
4085
3623
  }
4086
- .scalar-app .transition-\[width\] {
4087
- transition-property: width;
4088
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
4089
- transition-duration: var(--tw-duration, var(--default-transition-duration));
4090
- }
4091
- .scalar-app .transition-all {
4092
- transition-property: all;
4093
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
4094
- transition-duration: var(--tw-duration, var(--default-transition-duration));
4095
- }
4096
3624
  .scalar-app .transition-colors {
4097
3625
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
4098
3626
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -4119,10 +3647,6 @@
4119
3647
  --tw-duration: .15s;
4120
3648
  transition-duration: .15s;
4121
3649
  }
4122
- .scalar-app .duration-200 {
4123
- --tw-duration: .2s;
4124
- transition-duration: .2s;
4125
- }
4126
3650
  .scalar-app .duration-300 {
4127
3651
  --tw-duration: .3s;
4128
3652
  transition-duration: .3s;
@@ -4194,9 +3718,6 @@
4194
3718
  .scalar-app .\[--scalar-address-bar-height\:32px\] {
4195
3719
  --scalar-address-bar-height: 32px;
4196
3720
  }
4197
- .scalar-app .app-no-drag-region {
4198
- -webkit-app-region: no-drag;
4199
- }
4200
3721
  :is(.scalar-app .\*\:flex > *) {
4201
3722
  display: flex;
4202
3723
  }
@@ -4214,9 +3735,6 @@
4214
3735
  :is(.scalar-app .\*\:h-8 > *) {
4215
3736
  height: 32px;
4216
3737
  }
4217
- :is(.scalar-app .\*\:max-w-64 > *) {
4218
- max-width: 256px;
4219
- }
4220
3738
  :is(.scalar-app .\*\:min-w-5 > *) {
4221
3739
  min-width: 20px;
4222
3740
  }
@@ -4279,23 +3797,14 @@
4279
3797
  .scalar-app .group-focus-within\:flex:is(:where(.group):focus-within *) {
4280
3798
  display: flex;
4281
3799
  }
3800
+ .scalar-app .group-focus-within\/scope-row\:opacity-100:is(:where(.group\/scope-row):focus-within *) {
3801
+ opacity: 1;
3802
+ }
4282
3803
  @media (hover: hover) {
4283
- .scalar-app .group-hover\:block:is(:where(.group):hover *) {
4284
- display: block;
4285
- }
4286
-
4287
3804
  .scalar-app .group-hover\:flex:is(:where(.group):hover *) {
4288
3805
  display: flex;
4289
3806
  }
4290
3807
 
4291
- .scalar-app .group-hover\:inline:is(:where(.group):hover *) {
4292
- display: inline;
4293
- }
4294
-
4295
- .scalar-app .group-hover\:border-c-2:is(:where(.group):hover *) {
4296
- border-color: var(--scalar-color-2);
4297
- }
4298
-
4299
3808
  .scalar-app .group-hover\:pr-10:is(:where(.group):hover *) {
4300
3809
  padding-right: 40px;
4301
3810
  }
@@ -4328,6 +3837,14 @@
4328
3837
  display: flex;
4329
3838
  }
4330
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
+
4331
3848
  .scalar-app .group-hover\/scopes-accordion\:text-c-2:is(:where(.group\/scopes-accordion):hover *) {
4332
3849
  color: var(--scalar-color-2);
4333
3850
  }
@@ -4343,9 +3860,6 @@
4343
3860
  outline-style: var(--tw-outline-style);
4344
3861
  outline-width: 1px;
4345
3862
  }
4346
- .scalar-app .group-has-focus-visible\:hidden:is(:where(.group):has(:focus-visible) *) {
4347
- display: none;
4348
- }
4349
3863
  .scalar-app .group-has-\[\.cm-focused\]\:z-1:is(:where(.group):has(.cm-focused) *) {
4350
3864
  z-index: 1;
4351
3865
  }
@@ -4455,9 +3969,6 @@
4455
3969
  .scalar-app .placeholder\:font-\[inherit\]::placeholder {
4456
3970
  font-family: inherit;
4457
3971
  }
4458
- .scalar-app .placeholder\:text-c-3::placeholder {
4459
- color: var(--scalar-color-3);
4460
- }
4461
3972
  :is(.scalar-app .\*\:not-first\:before\:content-\[\'_·_\'\] > *):not(:first-child):before {
4462
3973
  --tw-content: " · ";
4463
3974
  content: var(--tw-content);
@@ -4494,10 +4005,6 @@
4494
4005
  content: var(--tw-content);
4495
4006
  height: 3px;
4496
4007
  }
4497
- .scalar-app .after\:h-1:after {
4498
- content: var(--tw-content);
4499
- height: 4px;
4500
- }
4501
4008
  .scalar-app .after\:rounded:after {
4502
4009
  content: var(--tw-content);
4503
4010
  border-radius: var(--scalar-radius);
@@ -4506,32 +4013,18 @@
4506
4013
  content: var(--tw-content);
4507
4014
  background-color: var(--scalar-color-blue);
4508
4015
  }
4509
- .scalar-app .after\:opacity-0:after {
4510
- content: var(--tw-content);
4511
- opacity: 0;
4512
- }
4513
4016
  .scalar-app .after\:opacity-15:after {
4514
4017
  content: var(--tw-content);
4515
4018
  opacity: .15;
4516
4019
  }
4517
- .scalar-app .after\:opacity-100:after {
4518
- content: var(--tw-content);
4519
- opacity: 1;
4520
- }
4521
4020
  .scalar-app .after\:content-\[\'\:\'\]:after {
4522
4021
  --tw-content: ":";
4523
4022
  content: var(--tw-content);
4524
4023
  }
4525
- .scalar-app .first\:rounded-md:first-child {
4526
- border-radius: var(--scalar-radius);
4527
- }
4528
4024
  .scalar-app .first\:rounded-t-\[inherit\]:first-child {
4529
4025
  border-top-left-radius: inherit;
4530
4026
  border-top-right-radius: inherit;
4531
4027
  }
4532
- :is(.scalar-app .\*\:first\:flex-none > *):first-child {
4533
- flex: none;
4534
- }
4535
4028
  :is(.scalar-app .\*\:first\:rounded-l > *):first-child {
4536
4029
  border-top-left-radius: var(--scalar-radius);
4537
4030
  border-bottom-left-radius: var(--scalar-radius);
@@ -4540,12 +4033,6 @@
4540
4033
  border-top-style: var(--tw-border-style);
4541
4034
  border-top-width: 0;
4542
4035
  }
4543
- .scalar-app .last\:mb-0:last-child {
4544
- margin-bottom: 0;
4545
- }
4546
- .scalar-app .last\:rounded-md:last-child {
4547
- border-radius: var(--scalar-radius);
4548
- }
4549
4036
  .scalar-app .last\:rounded-b-\[inherit\]:last-child {
4550
4037
  border-bottom-right-radius: inherit;
4551
4038
  border-bottom-left-radius: inherit;
@@ -4566,9 +4053,6 @@
4566
4053
  border-bottom-style: var(--tw-border-style);
4567
4054
  border-bottom-width: 0;
4568
4055
  }
4569
- .scalar-app .focus-within\:border-\(--scalar-background-3\):focus-within {
4570
- border-color: var(--scalar-background-3);
4571
- }
4572
4056
  .scalar-app .focus-within\:bg-b-1:focus-within {
4573
4057
  background-color: var(--scalar-background-1);
4574
4058
  }
@@ -4583,46 +4067,8 @@
4583
4067
  outline-style: none;
4584
4068
  }
4585
4069
  @media (hover: hover) {
4586
- .scalar-app .hover\:border-\(--scalar-background-3\):hover {
4587
- border-color: var(--scalar-background-3);
4588
- }
4589
-
4590
- .scalar-app .hover\:border-inherit:hover {
4591
- border-color: inherit;
4592
- }
4593
-
4594
- .scalar-app .hover\:bg-\[var\(--scalar-background-3\)\]:hover {
4595
- background-color: var(--scalar-background-3);
4596
- }
4597
-
4598
- .scalar-app .hover\:bg-b-2:hover, .scalar-app .hover\:bg-b-2\/40:hover {
4599
- background-color: var(--scalar-background-2);
4600
- }
4601
-
4602
- @supports (color: color-mix(in lab, red, red)) {
4603
- .scalar-app .hover\:bg-b-2\/40:hover {
4604
- background-color: color-mix(in oklab, var(--scalar-background-2) 40%, transparent);
4605
- }
4606
- }
4607
-
4608
- .scalar-app .hover\:bg-b-2\/50:hover {
4609
- background-color: var(--scalar-background-2);
4610
- }
4611
-
4612
- @supports (color: color-mix(in lab, red, red)) {
4613
- .scalar-app .hover\:bg-b-2\/50:hover {
4614
- background-color: color-mix(in oklab, var(--scalar-background-2) 50%, transparent);
4615
- }
4616
- }
4617
-
4618
- .scalar-app .hover\:bg-b-2\/60:hover {
4619
- background-color: var(--scalar-background-2);
4620
- }
4621
-
4622
- @supports (color: color-mix(in lab, red, red)) {
4623
- .scalar-app .hover\:bg-b-2\/60:hover {
4624
- background-color: color-mix(in oklab, var(--scalar-background-2) 60%, transparent);
4625
- }
4070
+ .scalar-app .hover\:bg-b-2:hover {
4071
+ background-color: var(--scalar-background-2);
4626
4072
  }
4627
4073
 
4628
4074
  .scalar-app .hover\:bg-b-3:hover {
@@ -4659,20 +4105,6 @@
4659
4105
  }
4660
4106
  }
4661
4107
 
4662
- .scalar-app .hover\:bg-inherit:hover {
4663
- background-color: inherit;
4664
- }
4665
-
4666
- .scalar-app .hover\:bg-red\/10:hover {
4667
- background-color: var(--scalar-color-red);
4668
- }
4669
-
4670
- @supports (color: color-mix(in lab, red, red)) {
4671
- .scalar-app .hover\:bg-red\/10:hover {
4672
- background-color: color-mix(in oklab, var(--scalar-color-red) 10%, transparent);
4673
- }
4674
- }
4675
-
4676
4108
  .scalar-app .hover\:bg-sidebar-b-1:hover {
4677
4109
  background-color: var(--scalar-sidebar-background-1, var(--scalar-background-1));
4678
4110
  }
@@ -4721,10 +4153,6 @@
4721
4153
  color: var(--scalar-header-color-1, var(--scalar-color-1));
4722
4154
  }
4723
4155
 
4724
- .scalar-app .hover\:text-red:hover {
4725
- color: var(--scalar-color-red);
4726
- }
4727
-
4728
4156
  .scalar-app .hover\:text-sidebar-c-1:hover {
4729
4157
  color: var(--scalar-sidebar-color-1, var(--scalar-color-1));
4730
4158
  }
@@ -4756,9 +4184,6 @@
4756
4184
  border-bottom-width: 1px;
4757
4185
  border-color: var(--scalar-background-1);
4758
4186
  }
4759
- .scalar-app .focus\:border-c-accent:focus {
4760
- border-color: var(--scalar-color-accent);
4761
- }
4762
4187
  .scalar-app .focus\:text-c-1:focus {
4763
4188
  color: var(--scalar-color-1);
4764
4189
  }
@@ -4769,32 +4194,12 @@
4769
4194
  .scalar-app .focus-visible\:border-c-btn:focus-visible {
4770
4195
  border-color: var(--scalar-button-1-color);
4771
4196
  }
4772
- .scalar-app .focus-visible\:ring-2:focus-visible {
4773
- --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
4774
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4775
- }
4776
- .scalar-app .focus-visible\:ring-c-accent\/30:focus-visible {
4777
- --tw-ring-color: var(--scalar-color-accent);
4778
- }
4779
- @supports (color: color-mix(in lab, red, red)) {
4780
- .scalar-app .focus-visible\:ring-c-accent\/30:focus-visible {
4781
- --tw-ring-color: color-mix(in oklab, var(--scalar-color-accent) 30%, transparent);
4782
- }
4783
- }
4784
- .scalar-app .focus-visible\:ring-offset-1:focus-visible {
4785
- --tw-ring-offset-width: 1px;
4786
- --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
4787
- }
4788
- .scalar-app .focus-visible\:ring-offset-b-1:focus-visible {
4789
- --tw-ring-offset-color: var(--scalar-background-1);
4790
- }
4791
4197
  .scalar-app .focus-visible\:outline:focus-visible {
4792
4198
  outline-style: var(--tw-outline-style);
4793
4199
  outline-width: 1px;
4794
4200
  }
4795
- .scalar-app .focus-visible\:outline-none:focus-visible {
4796
- --tw-outline-style: none;
4797
- outline-style: none;
4201
+ .scalar-app .focus-visible\:outline-offset-2:focus-visible {
4202
+ outline-offset: 2px;
4798
4203
  }
4799
4204
  .scalar-app .active\:bg-b-btn:active {
4800
4205
  background-color: var(--scalar-button-1);
@@ -4818,12 +4223,6 @@
4818
4223
  .scalar-app .disabled\:opacity-30:disabled {
4819
4224
  opacity: .3;
4820
4225
  }
4821
- .scalar-app .disabled\:opacity-50:disabled {
4822
- opacity: .5;
4823
- }
4824
- .scalar-app .has-focus-visible\:bg-b-1:has(:focus-visible) {
4825
- background-color: var(--scalar-background-1);
4826
- }
4827
4226
  .scalar-app .has-focus-visible\:outline:has(:focus-visible) {
4828
4227
  outline-style: var(--tw-outline-style);
4829
4228
  outline-width: 1px;
@@ -4858,30 +4257,14 @@
4858
4257
  position: absolute !important;
4859
4258
  }
4860
4259
 
4861
- .scalar-app .max-md\:inset-y-0 {
4862
- inset-block: 0;
4863
- }
4864
-
4865
4260
  .scalar-app .max-md\:top-4 {
4866
4261
  top: 16px;
4867
4262
  }
4868
4263
 
4869
- .scalar-app .max-md\:z-2 {
4870
- z-index: 2;
4871
- }
4872
-
4873
4264
  .scalar-app .max-md\:z-5 {
4874
4265
  z-index: 5;
4875
4266
  }
4876
4267
 
4877
- .scalar-app .max-md\:flex\! {
4878
- display: flex !important;
4879
- }
4880
-
4881
- .scalar-app .max-md\:hidden\! {
4882
- display: none !important;
4883
- }
4884
-
4885
4268
  .scalar-app .max-md\:w-full\! {
4886
4269
  width: 100% !important;
4887
4270
  }
@@ -4923,10 +4306,6 @@
4923
4306
  top: 50%;
4924
4307
  }
4925
4308
 
4926
- .scalar-app .md\:mx-auto {
4927
- margin-inline: auto;
4928
- }
4929
-
4930
4309
  .scalar-app .md\:mt-0 {
4931
4310
  margin-top: 0;
4932
4311
  }
@@ -4935,22 +4314,10 @@
4935
4314
  margin-left: -5px;
4936
4315
  }
4937
4316
 
4938
- .scalar-app .md\:ml-1\.5 {
4939
- margin-left: 6px;
4940
- }
4941
-
4942
- .scalar-app .md\:hidden {
4943
- display: none;
4944
- }
4945
-
4946
4317
  .scalar-app .md\:w-\[calc\(100vw-16px\)\] {
4947
4318
  width: calc(100vw - 16px);
4948
4319
  }
4949
4320
 
4950
- .scalar-app .md\:max-w-180, .scalar-app .md\:max-w-content {
4951
- max-width: 720px;
4952
- }
4953
-
4954
4321
  .scalar-app .md\:-translate-y-1\/2 {
4955
4322
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
4956
4323
  translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -4964,18 +4331,6 @@
4964
4331
  padding-inline: 6px;
4965
4332
  }
4966
4333
 
4967
- .scalar-app .md\:pt-6 {
4968
- padding-top: 24px;
4969
- }
4970
-
4971
- .scalar-app .md\:pt-8 {
4972
- padding-top: 32px;
4973
- }
4974
-
4975
- .scalar-app .md\:pl-0 {
4976
- padding-left: 0;
4977
- }
4978
-
4979
4334
  .scalar-app .md\:opacity-0 {
4980
4335
  opacity: 0;
4981
4336
  }
@@ -4996,18 +4351,10 @@
4996
4351
  }
4997
4352
  }
4998
4353
  @media (min-width: 1000px) {
4999
- .scalar-app .lg\:order-0, .scalar-app .lg\:order-none {
5000
- order: 0;
5001
- }
5002
-
5003
4354
  .scalar-app .lg\:-mr-1 {
5004
4355
  margin-right: -4px;
5005
4356
  }
5006
4357
 
5007
- .scalar-app .lg\:mb-0 {
5008
- margin-bottom: 0;
5009
- }
5010
-
5011
4358
  .scalar-app .lg\:flex {
5012
4359
  display: flex;
5013
4360
  }
@@ -5016,62 +4363,18 @@
5016
4363
  min-height: 48px;
5017
4364
  }
5018
4365
 
5019
- .scalar-app .lg\:w-96 {
5020
- width: 384px;
5021
- }
5022
-
5023
4366
  .scalar-app .lg\:w-\[calc\(100vw-32px\)\] {
5024
4367
  width: calc(100vw - 32px);
5025
4368
  }
5026
4369
 
5027
- .scalar-app .lg\:w-auto {
5028
- width: auto;
5029
- }
5030
-
5031
4370
  .scalar-app .lg\:w-full {
5032
4371
  width: 100%;
5033
4372
  }
5034
4373
 
5035
- .scalar-app .lg\:max-w-\[580px\] {
5036
- max-width: 580px;
5037
- }
5038
-
5039
- .scalar-app .lg\:min-w-\[580px\] {
5040
- min-width: 580px;
5041
- }
5042
-
5043
- .scalar-app .lg\:flex-1 {
5044
- flex: 1;
5045
- }
5046
-
5047
- .scalar-app .lg\:flex-row {
5048
- flex-direction: row;
5049
- }
5050
-
5051
- .scalar-app .lg\:items-start {
5052
- align-items: flex-start;
5053
- }
5054
-
5055
4374
  .scalar-app .lg\:p-0 {
5056
4375
  padding: 0;
5057
4376
  }
5058
4377
 
5059
- .scalar-app .lg\:p-1 {
5060
- padding: 4px;
5061
- }
5062
-
5063
- .scalar-app .lg\:px-1 {
5064
- padding-inline: 4px;
5065
- }
5066
-
5067
- .scalar-app .lg\:px-2\.5 {
5068
- padding-inline: 10px;
5069
- }
5070
-
5071
- .scalar-app .lg\:pt-1 {
5072
- padding-top: 4px;
5073
- }
5074
-
5075
4378
  .scalar-app .lg\:pr-24 {
5076
4379
  padding-right: 96px;
5077
4380
  }
@@ -5085,18 +4388,10 @@
5085
4388
  height: 100%;
5086
4389
  }
5087
4390
 
5088
- .scalar-app .xl\:max-w-\[720px\] {
5089
- max-width: 720px;
5090
- }
5091
-
5092
4391
  .scalar-app .xl\:min-w-0 {
5093
4392
  min-width: 0;
5094
4393
  }
5095
4394
 
5096
- .scalar-app .xl\:min-w-\[720px\] {
5097
- min-width: 720px;
5098
- }
5099
-
5100
4395
  .scalar-app .xl\:flex-row {
5101
4396
  flex-direction: row;
5102
4397
  }
@@ -5132,6 +4427,31 @@
5132
4427
  border-left-width: 0;
5133
4428
  }
5134
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
+ }
5135
4455
  .scalar-app .dark\:bg-\(--bg-dark\):where(.dark-mode, .dark-mode *) {
5136
4456
  background-color: var(--bg-dark);
5137
4457
  }
@@ -5201,10 +4521,7 @@
5201
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]) {
5202
4522
  rotate: 0deg;
5203
4523
  }
5204
- .scalar-app .ui-checked\:bg-b-3[data-headlessui-state~="checked"], :where([data-headlessui-state~="checked"]) :is(.scalar-app .ui-checked\:bg-b-3) {
5205
- background-color: var(--scalar-background-3);
5206
- }
5207
- .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) > *) {
5208
4525
  background-color: var(--scalar-background-2);
5209
4526
  }
5210
4527
  @media (max-width: 720px) and (max-height: 480px) {
@@ -5220,33 +4537,15 @@
5220
4537
  white-space: normal !important;
5221
4538
  }
5222
4539
  }
4540
+ .scalar-app .highlighted\:bg-b-2[data-highlighted] {
4541
+ background-color: var(--scalar-background-2);
4542
+ }
5223
4543
  .app-platform-mac :is(.scalar-app .mac\:h-12) {
5224
4544
  height: 48px;
5225
4545
  }
5226
- .app-platform-mac :is(.scalar-app .mac\:pt-12) {
5227
- padding-top: 48px;
5228
- }
5229
4546
  .app-platform-mac :is(.scalar-app .mac\:app-drag-region) {
5230
4547
  -webkit-app-region: drag;
5231
4548
  }
5232
- .scalar-app .\[\&_\.monaco-editor\]\:rounded-lg .monaco-editor, .scalar-app .\[\&_\.overflow-guard\]\:rounded-lg .overflow-guard {
5233
- border-radius: var(--scalar-radius-lg);
5234
- }
5235
- .scalar-app .\[\&\>label\]\:bg-transparent > label {
5236
- background-color: #0000;
5237
- }
5238
- .scalar-app .\[\&\>label\]\:p-0 > label {
5239
- padding: 0;
5240
- }
5241
- .scalar-app .\[\&\>label\]\:shadow-none > label {
5242
- --tw-shadow: 0 0 #0000;
5243
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5244
- }
5245
- @media (hover: hover) {
5246
- .scalar-app .\[\&\>label\]\:hover\:bg-transparent > label:hover {
5247
- background-color: #0000;
5248
- }
5249
- }
5250
4549
  @property --tw-translate-x {
5251
4550
  syntax: "*";
5252
4551
  inherits: false;
@@ -5433,10 +4732,6 @@
5433
4732
  syntax: "*";
5434
4733
  inherits: false
5435
4734
  }
5436
- @property --tw-tracking {
5437
- syntax: "*";
5438
- inherits: false
5439
- }
5440
4735
  @property --tw-ordinal {
5441
4736
  syntax: "*";
5442
4737
  inherits: false
@@ -5533,6 +4828,39 @@
5533
4828
  opacity: .5;
5534
4829
  }
5535
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
+ }
5536
4864
  .open-api-client-button[data-v-264dd42f] {
5537
4865
  cursor: pointer;
5538
4866
  width: 100%;
@@ -5558,18 +4886,6 @@
5558
4886
  var(--scalar-background-2)
5559
4887
  );
5560
4888
  }
5561
- .http-bg-gradient[data-v-7a19f363] {
5562
- background: linear-gradient(rgba(255, 255, 255, 0.75), rgba(0, 0, 0, 0.035));
5563
- }
5564
- .http-bg-gradient[data-v-7a19f363]:hover {
5565
- background: linear-gradient(rgba(0, 0, 0, 0.035), rgba(255, 255, 255, 0.75));
5566
- }
5567
- .dark-mode .http-bg-gradient[data-v-7a19f363] {
5568
- background: linear-gradient(rgba(255, 255, 255, 0.035), rgba(0, 0, 0, 0.15));
5569
- }
5570
- .dark-mode .http-bg-gradient[data-v-7a19f363]:hover {
5571
- background: linear-gradient(rgba(0, 0, 0, 0.15), rgba(255, 255, 255, 0.035));
5572
- }
5573
4889
  .address-bar-history-button[data-v-2cc840c9]:hover {
5574
4890
  background: var(--scalar-background-3);
5575
4891
  }
@@ -5749,51 +5065,58 @@
5749
5065
  .description[data-v-1b7a32a4] .markdown > *:first-child {
5750
5066
  margin-top: 0;
5751
5067
  }
5752
- [data-v-dc314812] .cm-editor {
5068
+ [data-v-4d85ebb9] .cm-editor {
5753
5069
  height: 100%;
5754
5070
  outline: none;
5755
5071
  width: 100%;
5756
5072
  }
5757
- [data-v-dc314812] .cm-line {
5073
+ [data-v-4d85ebb9] .cm-line {
5758
5074
  padding: 0;
5759
5075
  }
5760
- [data-v-dc314812] .cm-content {
5076
+ [data-v-4d85ebb9] .cm-content {
5761
5077
  padding: 0;
5762
5078
  display: flex;
5763
5079
  align-items: center;
5764
5080
  font-size: var(--scalar-small);
5765
5081
  }
5766
- .scroll-timeline-x[data-v-dc314812] {
5767
- scroll-timeline: --scroll-timeline x;
5768
- /* Firefox supports */
5769
- scroll-timeline: --scroll-timeline horizontal;
5770
- -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
+ );
5771
5094
  }
5772
- .scroll-timeline-x-hidden[data-v-dc314812] {
5095
+ .scroll-timeline-x-hidden[data-v-4d85ebb9] {
5773
5096
  overflow-x: auto;
5774
5097
  }
5775
- .scroll-timeline-x-hidden[data-v-dc314812] .cm-scroller {
5098
+ .scroll-timeline-x-hidden[data-v-4d85ebb9] .cm-scroller {
5776
5099
  scrollbar-width: none;
5777
5100
  -ms-overflow-style: none;
5778
5101
  padding-right: 20px;
5779
5102
  overflow: auto;
5780
5103
  }
5781
- .scroll-timeline-x-hidden[data-v-dc314812]::-webkit-scrollbar {
5104
+ .scroll-timeline-x-hidden[data-v-4d85ebb9]::-webkit-scrollbar {
5782
5105
  width: 0;
5783
5106
  height: 0;
5784
5107
  display: none;
5785
5108
  }
5786
- .scroll-timeline-x-hidden[data-v-dc314812] .cm-scroller::-webkit-scrollbar {
5109
+ .scroll-timeline-x-hidden[data-v-4d85ebb9] .cm-scroller::-webkit-scrollbar {
5787
5110
  width: 0;
5788
5111
  height: 0;
5789
5112
  display: none;
5790
5113
  }
5791
- .scroll-timeline-x-address[data-v-dc314812] {
5114
+ .scroll-timeline-x-address[data-v-4d85ebb9] {
5792
5115
  line-height: 27px;
5793
5116
  scrollbar-width: none; /* Firefox */
5794
5117
  }
5795
5118
  /* make clickable are to left of send button */
5796
- .scroll-timeline-x-address[data-v-dc314812]:after {
5119
+ .scroll-timeline-x-address[data-v-4d85ebb9]:after {
5797
5120
  content: '';
5798
5121
  position: absolute;
5799
5122
  height: 100%;
@@ -5801,53 +5124,12 @@
5801
5124
  right: 0;
5802
5125
  cursor: text;
5803
5126
  }
5804
- .scroll-timeline-x-address[data-v-dc314812]:empty:before {
5127
+ .scroll-timeline-x-address[data-v-4d85ebb9]:empty:before {
5805
5128
  content: 'Enter URL or cURL request';
5806
5129
  color: var(--scalar-color-3);
5807
5130
  pointer-events: none;
5808
5131
  }
5809
- .fade-left[data-v-dc314812],
5810
- .fade-right[data-v-dc314812] {
5811
- content: '';
5812
- position: sticky;
5813
- height: 100%;
5814
- animation-name: fadein-dc314812;
5815
- animation-duration: 1ms;
5816
- animation-direction: reverse;
5817
- animation-timeline: --scroll-timeline;
5818
- pointer-events: none;
5819
- z-index: 1;
5820
- }
5821
- .fade-left[data-v-dc314812] {
5822
- background: linear-gradient(
5823
- -90deg,
5824
- color-mix(in srgb, var(--scalar-address-bar-bg), transparent 100%) 0%,
5825
- color-mix(in srgb, var(--scalar-address-bar-bg), transparent 20%) 30%,
5826
- var(--scalar-address-bar-bg) 100%
5827
- );
5828
- left: -1px;
5829
- min-width: 6px;
5830
- animation-direction: normal;
5831
- }
5832
- .fade-right[data-v-dc314812] {
5833
- background: linear-gradient(
5834
- 90deg,
5835
- color-mix(in srgb, var(--scalar-address-bar-bg), transparent 100%) 0%,
5836
- color-mix(in srgb, var(--scalar-address-bar-bg), transparent 20%) 30%,
5837
- var(--scalar-address-bar-bg) 100%
5838
- );
5839
- right: -1px;
5840
- min-width: 24px;
5841
- }
5842
- @keyframes fadein-dc314812 {
5843
- 0% {
5844
- opacity: 0;
5845
- }
5846
- 1% {
5847
- opacity: 1;
5848
- }
5849
- }
5850
- .address-bar-bg-states[data-v-dc314812] {
5132
+ .address-bar-bg-states[data-v-4d85ebb9] {
5851
5133
  --scalar-address-bar-bg: color-mix(
5852
5134
  in srgb,
5853
5135
  var(--scalar-background-1),
@@ -5855,21 +5137,17 @@
5855
5137
  );
5856
5138
  background: var(--scalar-address-bar-bg);
5857
5139
  }
5858
- .address-bar-bg-states[data-v-dc314812]:has(.cm-focused) {
5140
+ .address-bar-bg-states[data-v-4d85ebb9]:has(.cm-focused) {
5859
5141
  --scalar-address-bar-bg: var(--scalar-background-1);
5860
5142
  border-color: var(--scalar-border-color);
5861
5143
  outline-width: 1px;
5862
5144
  outline-style: solid;
5863
5145
  }
5864
- .address-bar-bg-states:has(.cm-focused) .fade-left[data-v-dc314812],
5865
- .address-bar-bg-states:has(.cm-focused) .fade-right[data-v-dc314812] {
5866
- --scalar-address-bar-bg: var(--scalar-background-1);
5867
- }
5868
- .app-exit-button[data-v-09019679] {
5146
+ .app-exit-button[data-v-b1eef1b6] {
5869
5147
  color: white;
5870
5148
  background: rgba(0, 0, 0, 0.1);
5871
5149
  }
5872
- .app-exit-button[data-v-09019679]:hover {
5150
+ .app-exit-button[data-v-b1eef1b6]:hover {
5873
5151
  background: rgba(255, 255, 255, 0.1);
5874
5152
  }
5875
5153
  .fade-request-section-content[data-v-f97cc68c] {
@@ -5993,16 +5271,22 @@
5993
5271
  var(--scalar-background-2) 20px
5994
5272
  );
5995
5273
  }
5996
- [data-v-06778e40] .cm-content {
5274
+ [data-v-0362e671] .cm-content {
5997
5275
  font-size: var(--scalar-small);
5998
5276
  }
5999
- .form-group[data-v-678c9f4a] {
6000
- margin-bottom: 1rem;
6001
- }
6002
- .modal-actions[data-v-678c9f4a] {
6003
- display: flex;
6004
- justify-content: flex-end;
6005
- 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
+ );
6006
5290
  }
6007
5291
  .no-scrollbar::-webkit-scrollbar {
6008
5292
  display: none;
@@ -6051,20 +5335,20 @@ input[data-v-819cea32]::placeholder {
6051
5335
  -webkit-text-security: disc;
6052
5336
  -moz-text-security: disc;
6053
5337
  }
6054
- .request-section-content[data-v-482f2275] {
5338
+ .request-section-content[data-v-dc6f670a] {
6055
5339
  --scalar-border-width: 0.5px;
6056
5340
  }
6057
- .request-section-content-filter[data-v-482f2275] {
5341
+ .request-section-content-filter[data-v-dc6f670a] {
6058
5342
  box-shadow: 0 -10px 0 10px var(--scalar-background-1);
6059
5343
  }
6060
- .request-item:focus-within .request-meta-buttons[data-v-482f2275] {
5344
+ .request-item:focus-within .request-meta-buttons[data-v-dc6f670a] {
6061
5345
  opacity: 1;
6062
5346
  }
6063
- .group-hover-input[data-v-482f2275] {
5347
+ .group-hover-input[data-v-dc6f670a] {
6064
5348
  border-width: var(--scalar-border-width);
6065
5349
  border-color: transparent;
6066
5350
  }
6067
- .group:hover .group-hover-input[data-v-482f2275] {
5351
+ .group:hover .group-hover-input[data-v-dc6f670a] {
6068
5352
  background: color-mix(
6069
5353
  in srgb,
6070
5354
  var(--scalar-background-1),
@@ -6072,30 +5356,30 @@ input[data-v-819cea32]::placeholder {
6072
5356
  );
6073
5357
  border-color: var(--scalar-border-color);
6074
5358
  }
6075
- .group-hover-input[data-v-482f2275]:focus {
5359
+ .group-hover-input[data-v-dc6f670a]:focus {
6076
5360
  background: transparent !important;
6077
5361
  border-color: var(--scalar-border-color) !important;
6078
5362
  }
6079
- .light-mode .bg-preview[data-v-154c2abf] {
6080
- 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");
6081
- }
6082
- .dark-mode .bg-preview[data-v-154c2abf] {
6083
- 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");
6084
- }
6085
- [data-v-194605f9] .cm-editor {
5363
+ [data-v-20050fd6] .cm-editor {
6086
5364
  background-color: transparent;
6087
5365
  font-size: var(--scalar-small);
6088
5366
  outline: none;
6089
5367
  }
6090
- [data-v-194605f9] .cm-gutters {
5368
+ [data-v-20050fd6] .cm-gutters {
6091
5369
  background-color: var(--scalar-background-1);
6092
5370
  border-radius: var(--scalar-radius) 0 0 var(--scalar-radius);
6093
5371
  }
6094
- .body-raw[data-v-194605f9] .cm-scroller {
5372
+ [data-v-20050fd6] .cm-scroller {
6095
5373
  overflow: auto;
6096
5374
  min-width: 100%;
6097
5375
  }
6098
- .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 * {
6099
5383
  font-size: var(--scalar-small);
6100
5384
  }
6101
5385
  .response-body-virtual[data-headlessui-state='open'],
@@ -6104,28 +5388,7 @@ input[data-v-819cea32]::placeholder {
6104
5388
  flex-direction: column;
6105
5389
  flex-grow: 1;
6106
5390
  }
6107
- .ascii-art-animate .ascii-art-line[data-v-69ebd973] {
6108
- border-right: 1ch solid transparent;
6109
- animation:
6110
- typewriter-69ebd973 4s steps(1) 1s 1 normal both,blinkTextCursor-69ebd973 500ms steps(1) infinite normal;
6111
- }
6112
- @keyframes typewriter-69ebd973 {
6113
- from {
6114
- width: 0;
6115
- }
6116
- to {
6117
- width: 100%;
6118
- }
6119
- }
6120
- @keyframes blinkTextCursor-69ebd973 {
6121
- 0% {
6122
- border-right-color: currentColor;
6123
- }
6124
- 50% {
6125
- border-right-color: transparent;
6126
- }
6127
- }
6128
- .scalar-version-number[data-v-eb46a498] {
5391
+ .scalar-version-number[data-v-ab8886a2] {
6129
5392
  transform: skew(0deg, 13deg);
6130
5393
  width: 76px;
6131
5394
  height: 76px;
@@ -6145,7 +5408,7 @@ to {
6145
5408
  text-transform: initial;
6146
5409
  text-decoration-color: var(--scalar-color-3);
6147
5410
  }
6148
- .scalar-version-number a[data-v-eb46a498] {
5411
+ .scalar-version-number a[data-v-ab8886a2] {
6149
5412
  font-weight: bold;
6150
5413
  font-weight: bold;
6151
5414
  background: var(--scalar-background-2);
@@ -6154,13 +5417,13 @@ to {
6154
5417
  text-decoration: none;
6155
5418
  border: 0.5px solid var(--scalar-border-color);
6156
5419
  }
6157
- .gitbook-show[data-v-eb46a498] {
5420
+ .gitbook-show[data-v-ab8886a2] {
6158
5421
  display: none;
6159
5422
  }
6160
- .v-enter-active[data-v-1f35725e] {
5423
+ .v-enter-active[data-v-21dc7abd] {
6161
5424
  transition: opacity 0.5s ease;
6162
5425
  }
6163
- .v-enter-from[data-v-1f35725e] {
5426
+ .v-enter-from[data-v-21dc7abd] {
6164
5427
  opacity: 0;
6165
5428
  }
6166
5429
  .animate-response-heading .response-heading[data-v-82f4df98] {
@@ -6263,452 +5526,6 @@ to {
6263
5526
  right: 0;
6264
5527
  bottom: 0;
6265
5528
  }
6266
- .ref-search-meta[data-v-a00657cc] {
6267
- background: var(--scalar-background-1);
6268
- border-bottom-left-radius: var(--scalar-radius-lg);
6269
- border-bottom-right-radius: var(--scalar-radius-lg);
6270
- padding: 6px 12px;
6271
- font-size: var(--scalar-font-size-4);
6272
- color: var(--scalar-color-3);
6273
- font-weight: var(--scalar-semibold);
6274
- display: flex;
6275
- gap: 12px;
6276
- border-top: var(--scalar-border-width) solid var(--scalar-border-color);
6277
- }
6278
- /*
6279
- * Gentle pulse for the registry loading skeletons. Matches the existing
6280
- * `LoadingSkeleton.vue` easing/duration used in `@scalar/api-reference` so
6281
- * any skeleton in the app feels consistent.
6282
- */
6283
- .sidebar-skeleton-row > span[data-v-6923c7f4] {
6284
- animation: sidebar-skeleton-pulse-6923c7f4 1.5s infinite alternate;
6285
- }
6286
- @keyframes sidebar-skeleton-pulse-6923c7f4 {
6287
- from {
6288
- opacity: 1;
6289
- }
6290
- to {
6291
- opacity: 0.33;
6292
- }
6293
- }
6294
- /** Single tab styling - appears as a header without tab-like appearance */
6295
- .nav-single-tab[data-v-2d65f302] {
6296
- display: flex;
6297
- height: 100%;
6298
- width: 100%;
6299
- align-items: center;
6300
- justify-content: center;
6301
- overflow: hidden;
6302
- color: var(--scalar-color-1);
6303
- }
6304
- /** Base tab styling with subtle background and border */
6305
- .nav-item[data-v-2d65f302] {
6306
- padding: 4.5px 1rem;
6307
- cursor: pointer;
6308
- flex: 1;
6309
- justify-content: center;
6310
- align-items: center;
6311
- display: flex;
6312
- border-radius: var(--scalar-radius-lg);
6313
- background: var(--scalar-background-3);
6314
- border: var(--scalar-border-width) solid var(--scalar-background-2);
6315
- color: var(--scalar-color-3);
6316
- min-width: 0;
6317
- overflow: hidden;
6318
- position: relative;
6319
- }
6320
- .dark-mode .nav-item[data-v-2d65f302] {
6321
- background: color-mix(in srgb, var(--scalar-background-2), transparent);
6322
- }
6323
- /**
6324
- * Container for the icon and label.
6325
- * Uses a mask gradient to fade out text on the right side,
6326
- * making room for the close button that appears on hover.
6327
- */
6328
- .nav-item-icon-copy[data-v-2d65f302] {
6329
- max-width: 100%;
6330
- white-space: nowrap;
6331
- overflow: hidden;
6332
- mask-image: linear-gradient(
6333
- to left,
6334
- transparent 0,
6335
- var(--scalar-background-2) 20px
6336
- );
6337
- }
6338
- /** On hover, shift the gradient to make more room for the close button */
6339
- .nav-item:hover .nav-item-icon-copy[data-v-2d65f302] {
6340
- mask-image: linear-gradient(
6341
- to left,
6342
- transparent 20px,
6343
- var(--scalar-background-2) 40px
6344
- );
6345
- }
6346
- /** Label text with constrained width to prevent overflow */
6347
- .nav-item-copy[data-v-2d65f302] {
6348
- max-width: calc(100% - 20px);
6349
- }
6350
- .nav-item[data-v-2d65f302]:hover {
6351
- color: var(--scalar-color-1);
6352
- }
6353
- /** Active tab state with brighter background and border */
6354
- .nav-item__active[data-v-2d65f302] {
6355
- background-color: var(--scalar-background-1);
6356
- color: var(--scalar-color-1);
6357
- border-color: var(--scalar-border-color);
6358
- }
6359
- .dark-mode .nav-item__active[data-v-2d65f302] {
6360
- background-color: var(--scalar-background-2);
6361
- }
6362
- /**
6363
- * Close button positioned absolutely on the right.
6364
- * Hidden by default, revealed on tab hover.
6365
- */
6366
- .nav-item-close[data-v-2d65f302] {
6367
- position: absolute;
6368
- right: 3px;
6369
- padding: 2px;
6370
- border-radius: var(--scalar-radius);
6371
- background: transparent;
6372
- max-width: 20px;
6373
- stroke-width: 1.5px;
6374
- color: var(--scalar-color-3);
6375
- margin-left: -20px;
6376
- opacity: 0;
6377
- }
6378
- .nav-item:hover .nav-item-close[data-v-2d65f302] {
6379
- opacity: 1;
6380
- }
6381
- .nav-item-close[data-v-2d65f302]:hover {
6382
- background-color: var(--scalar-background-4);
6383
- }
6384
- .nav-item__active .nav-item-close[data-v-2d65f302]:hover {
6385
- background-color: var(--scalar-background-2);
6386
- }
6387
- /*
6388
- * The combobox option only marks the *active* (hovered / keyboard-focused)
6389
- * row with a background. We also want a persistent highlight on the
6390
- * currently *selected* version so the user can spot it at a glance, even
6391
- * after moving the cursor or arrowing to another row.
6392
- */
6393
- .version-picker[data-v-77fffc11] [role='option'][aria-selected='true'] {
6394
- background-color: var(--scalar-background-2);
6395
- }
6396
- .splash-screen[data-v-af32615f] {
6397
- opacity: 0;
6398
- animation: fadeIn-af32615f 0.5s ease-in-out forwards;
6399
- }
6400
- .logo-icon[data-v-af32615f] {
6401
- opacity: 0;
6402
- animation:
6403
- fadeInLogo-af32615f 0.6s ease-in-out 0.2s forwards,pulse-af32615f 2s ease-in-out 0.8s infinite;
6404
- }
6405
- @keyframes fadeIn-af32615f {
6406
- from {
6407
- opacity: 0;
6408
- }
6409
- to {
6410
- opacity: 0.9;
6411
- }
6412
- }
6413
- @keyframes fadeInLogo-af32615f {
6414
- from {
6415
- opacity: 0;
6416
- transform: scale(0.9);
6417
- }
6418
- to {
6419
- opacity: 0.8;
6420
- transform: scale(1);
6421
- }
6422
- }
6423
- @keyframes pulse-af32615f {
6424
- 0%,
6425
- 100% {
6426
- opacity: 0.8;
6427
- }
6428
- 50% {
6429
- opacity: 0.6;
6430
- }
6431
- }
6432
- .editor-container[data-v-65ed5337] {
6433
- width: 100%;
6434
- height: 100%;
6435
- }
6436
- .sync-layout-root[data-v-65ed5337] {
6437
- background: color-mix(
6438
- in srgb,
6439
- var(--scalar-color-background-1, #1e1e1e) 96%,
6440
- transparent
6441
- );
6442
- }
6443
- .sync-editor-pane[data-v-65ed5337] {
6444
- background: color-mix(
6445
- in srgb,
6446
- var(--scalar-color-background-1, #1e1e1e) 95%,
6447
- transparent
6448
- );
6449
- }
6450
- .sync-pane-title[data-v-65ed5337] {
6451
- letter-spacing: 0.03em;
6452
- text-transform: uppercase;
6453
- font-weight: 600;
6454
- background: color-mix(
6455
- in srgb,
6456
- var(--scalar-color-background-2, #2d2d30) 85%,
6457
- transparent
6458
- );
6459
- }
6460
- .resize-handle[data-v-65ed5337] {
6461
- position: relative;
6462
- display: block;
6463
- flex-shrink: 0;
6464
- border: none;
6465
- border-radius: 999px;
6466
- background: transparent;
6467
- transition:
6468
- background-color 0.12s ease,
6469
- box-shadow 0.12s ease;
6470
- }
6471
- .resize-handle[data-v-65ed5337]::before {
6472
- content: '';
6473
- position: absolute;
6474
- border-radius: 999px;
6475
- opacity: 1;
6476
- transition:
6477
- background-color 0.12s ease,
6478
- transform 0.12s ease;
6479
- }
6480
- .resize-handle[data-v-65ed5337]:hover {
6481
- background: color-mix(
6482
- in srgb,
6483
- var(--scalar-color-accent, #007acc) 12%,
6484
- transparent
6485
- );
6486
- }
6487
- .resize-handle[data-v-65ed5337]:active {
6488
- background: color-mix(
6489
- in srgb,
6490
- var(--scalar-color-accent, #007acc) 18%,
6491
- transparent
6492
- );
6493
- }
6494
- .resize-handle[data-v-65ed5337]:focus-visible {
6495
- outline: none;
6496
- box-shadow: 0 0 0 1px
6497
- color-mix(in srgb, var(--scalar-color-accent, #007acc) 70%, transparent);
6498
- }
6499
- .resize-handle-col[data-v-65ed5337] {
6500
- width: 8px;
6501
- min-height: 44px;
6502
- margin: 2px 0;
6503
- cursor: col-resize;
6504
- }
6505
- .resize-handle-col[data-v-65ed5337]::before {
6506
- top: 50%;
6507
- left: 50%;
6508
- width: 1px;
6509
- height: calc(100% - 8px);
6510
- transform: translate(-50%, -50%);
6511
- background: color-mix(
6512
- in srgb,
6513
- var(--scalar-color-border, #3c3c3c) 85%,
6514
- transparent
6515
- );
6516
- }
6517
- .resize-handle-row[data-v-65ed5337] {
6518
- height: 8px;
6519
- margin: 0 4px;
6520
- cursor: row-resize;
6521
- }
6522
- .resize-handle-row[data-v-65ed5337]::before {
6523
- top: 50%;
6524
- left: 50%;
6525
- width: calc(100% - 8px);
6526
- height: 1px;
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-col[data-v-65ed5337]:hover::before,
6535
- .resize-handle-col[data-v-65ed5337]:active::before,
6536
- .resize-handle-row[data-v-65ed5337]:hover::before,
6537
- .resize-handle-row[data-v-65ed5337]:active::before {
6538
- background: color-mix(
6539
- in srgb,
6540
- var(--scalar-color-accent, #007acc) 78%,
6541
- transparent
6542
- );
6543
- }
6544
- [data-v-65ed5337] .json-path-highlight {
6545
- background-color: rgba(255, 200, 0, 0.35);
6546
- border-radius: 4px;
6547
- }
6548
- [data-v-65ed5337] .json-focus-highlight-box-single {
6549
- border: 2px solid color-mix(in srgb, #facc15 90%, #eab308 10%);
6550
- box-sizing: border-box;
6551
- }
6552
- [data-v-65ed5337] .json-focus-highlight-box-top {
6553
- border-top: 2px solid color-mix(in srgb, #facc15 90%, #eab308 10%);
6554
- border-left: 2px solid color-mix(in srgb, #facc15 90%, #eab308 10%);
6555
- border-right: 2px solid color-mix(in srgb, #facc15 90%, #eab308 10%);
6556
- box-sizing: border-box;
6557
- }
6558
- [data-v-65ed5337] .json-focus-highlight-box-middle {
6559
- border-left: 2px solid color-mix(in srgb, #facc15 90%, #eab308 10%);
6560
- border-right: 2px solid color-mix(in srgb, #facc15 90%, #eab308 10%);
6561
- box-sizing: border-box;
6562
- }
6563
- [data-v-65ed5337] .json-focus-highlight-box-bottom {
6564
- border-bottom: 2px solid color-mix(in srgb, #facc15 90%, #eab308 10%);
6565
- border-left: 2px solid color-mix(in srgb, #facc15 90%, #eab308 10%);
6566
- border-right: 2px solid color-mix(in srgb, #facc15 90%, #eab308 10%);
6567
- box-shadow: inset 0 0 0 1px color-mix(in srgb, #fde047 35%, transparent);
6568
- box-sizing: border-box;
6569
- }
6570
- /**
6571
- * Command Palette Styles
6572
- * Centered dialog with fade-in animation and backdrop overlay
6573
- */
6574
- /** Main command menu dialog */
6575
- .commandmenu[data-v-29778ab7] {
6576
- box-shadow: var(--scalar-shadow-2);
6577
- border-radius: var(--scalar-radius-lg);
6578
- background-color: var(--scalar-background-1);
6579
- max-height: 80dvh;
6580
- width: 100%;
6581
- max-width: 580px;
6582
- margin: 12px;
6583
- position: fixed;
6584
- left: 50%;
6585
- top: 150px;
6586
- opacity: 0;
6587
- transform: translate3d(-50%, 10px, 0);
6588
- animation: fadeincommandmenu-29778ab7 ease-in-out 0.3s forwards;
6589
- animation-delay: 0.1s;
6590
- }
6591
- /** Backdrop overlay with fade-in */
6592
- .commandmenu-overlay[data-v-29778ab7] {
6593
- position: fixed;
6594
- inset: 0;
6595
- background: rgba(0, 0, 0, 0.2);
6596
- animation: fadeincommand-29778ab7 ease-in-out 0.3s forwards;
6597
- cursor: pointer;
6598
- }
6599
- /** Fade-in animation for overlay */
6600
- @keyframes fadeincommand-29778ab7 {
6601
- 0% {
6602
- opacity: 0;
6603
- }
6604
- 100% {
6605
- opacity: 1;
6606
- }
6607
- }
6608
- /** Fade-in and slide-up animation for command menu */
6609
- @keyframes fadeincommandmenu-29778ab7 {
6610
- 0% {
6611
- opacity: 0;
6612
- transform: translate3d(-50%, 10px, 0);
6613
- }
6614
- 100% {
6615
- opacity: 1;
6616
- transform: translate3d(-50%, 0, 0);
6617
- }
6618
- }
6619
- #scalar-client {
6620
- position: relative;
6621
- background-color: var(--scalar-background-2);
6622
- }
6623
- .dark-mode #scalar-client {
6624
- background-color: color-mix(in srgb, var(--scalar-background-1) 65%, black);
6625
- }
6626
- /*
6627
- * The three-way merge editor needs the full viewport to fit its three
6628
- * Monaco panes. `DocumentCollection.vue` ships the same override for
6629
- * its in-page Sync modal, but the pull flow can run without that view
6630
- * being mounted, so we duplicate the rule here to keep the modal
6631
- * full-bleed.
6632
- */
6633
- .full-size-styles:has(.sync-conflict-modal-root) {
6634
- width: 100dvw !important;
6635
- max-width: 100dvw !important;
6636
- border-right: none !important;
6637
- }
6638
- .full-size-styles:has(.sync-conflict-modal-root)::after {
6639
- display: none;
6640
- }
6641
- .group-hover-input[data-v-2f09f15e] {
6642
- border-width: var(--scalar-border-width);
6643
- border-color: transparent;
6644
- }
6645
- .group:hover .group-hover-input[data-v-2f09f15e] {
6646
- background: color-mix(
6647
- in srgb,
6648
- var(--scalar-background-1),
6649
- var(--scalar-background-2)
6650
- );
6651
- border-color: var(--scalar-border-color);
6652
- }
6653
- .group-hover-input[data-v-2f09f15e]:focus {
6654
- background: transparent !important;
6655
- border-color: var(--scalar-border-color) !important;
6656
- }
6657
- .full-size-styles:has(.sync-conflict-modal-root) {
6658
- width: 100dvw !important;
6659
- max-width: 100dvw !important;
6660
- border-right: none !important;
6661
- }
6662
- .full-size-styles:has(.sync-conflict-modal-root)::after {
6663
- display: none;
6664
- }
6665
- .scalar-collection-auth[data-v-d3bc49bd] {
6666
- border: var(--scalar-border-width) solid var(--scalar-border-color);
6667
- border-radius: var(--scalar-radius-lg);
6668
- overflow: hidden;
6669
- }
6670
- [data-v-2f13118d] .cm-editor {
6671
- padding: 0;
6672
- }
6673
- [data-v-2f13118d] .cm-content {
6674
- align-items: center;
6675
- background-color: transparent;
6676
- display: flex;
6677
- font-family: var(--scalar-font);
6678
- font-size: var(--scalar-small);
6679
- padding: 5px 8px;
6680
- width: 100%;
6681
- }
6682
- [data-v-2f13118d] .cm-content:has(.cm-pill) {
6683
- padding: 5px 8px;
6684
- }
6685
- [data-v-2f13118d] .cm-content .cm-pill:not(:last-of-type) {
6686
- margin-right: 0.5px;
6687
- }
6688
- [data-v-2f13118d] .cm-content .cm-pill:not(:first-of-type) {
6689
- margin-left: 0.5px;
6690
- }
6691
- [data-v-2f13118d] .cm-line {
6692
- overflow: hidden;
6693
- padding: 0;
6694
- text-overflow: ellipsis;
6695
- }
6696
- .editor-container[data-v-e99ee660] {
6697
- width: 100%;
6698
- height: 100%;
6699
- }
6700
- [data-v-e99ee660] .json-path-highlight {
6701
- background-color: rgba(255, 200, 0, 0.35);
6702
- border-radius: 4px;
6703
- }
6704
- [data-v-e99ee660] .json-focus-highlight {
6705
- background-color: color-mix(
6706
- in srgb,
6707
- var(--scalar-color-accent, #24b47e) 18%,
6708
- transparent
6709
- );
6710
- border-radius: 4px;
6711
- }
6712
5529
  [data-v-28c8509c] .cm-editor {
6713
5530
  padding: 0;
6714
5531
  }
@@ -6735,57 +5552,6 @@ to {
6735
5552
  padding: 0;
6736
5553
  text-overflow: ellipsis;
6737
5554
  }
6738
- [data-v-d486ea71] .cm-content {
6739
- min-height: fit-content;
6740
- }
6741
- [data-v-d486ea71] .cm-scroller {
6742
- max-width: 100%;
6743
- overflow-x: auto;
6744
- overflow-y: hidden;
6745
- }
6746
- /**
6747
- * Custom horizontal scroll for the URL preview.
6748
- * Hides scrollbar for a cleaner appearance while maintaining scroll functionality.
6749
- */
6750
- .scroll-timeline-x[data-v-f4568236] {
6751
- overflow: auto;
6752
- scroll-timeline: --scroll-timeline x;
6753
- /* Firefox support */
6754
- scroll-timeline: --scroll-timeline horizontal;
6755
- /* Hide scrollbar in IE and Edge */
6756
- -ms-overflow-style: none;
6757
- /* Hide scrollbar in Firefox */
6758
- scrollbar-width: none;
6759
- }
6760
- /* Hide scrollbar in Chrome, Safari, and Opera */
6761
- .scroll-timeline-x[data-v-f4568236]::-webkit-scrollbar {
6762
- display: none;
6763
- }
6764
- .postman-import-path-conflict-callout[data-v-cc4f666d] {
6765
- border-color: var(--scalar-color-red);
6766
- background-color: var(--scalar-background-danger);
6767
- color: var(--scalar-color-1);
6768
- }
6769
- /**
6770
- * Checkbox rows use ScalarFormInput as a label with bg-b-1.5, padding, and shadow.
6771
- * Reset so tree lines stay visually flat inside the import modal.
6772
- */
6773
- .postman-tree-row__checkbox[data-v-5f85b37f] label {
6774
- gap: 0.375rem;
6775
- border-radius: 0;
6776
- padding: 0;
6777
- background-color: transparent !important;
6778
- box-shadow: none !important;
6779
- }
6780
- .postman-tree-row__checkbox[data-v-5f85b37f] label:hover,
6781
- .postman-tree-row__checkbox[data-v-5f85b37f] label:focus-within {
6782
- background-color: transparent !important;
6783
- }
6784
- .postman-tree-row--collision[data-v-5f85b37f] {
6785
- border-radius: var(--scalar-radius-md, 4px);
6786
- /* Same surface as `.postman-import-path-conflict-callout` — no extra stroke (avoids layout shift and harsh edges in the tree) */
6787
- background-color: var(--scalar-background-danger);
6788
- }
6789
5555
  /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
6790
5556
  .scalar .scalar-app-layout[data-v-ae5e8531] {
6791
5557
  background: var(--scalar-background-1);
@@ -6861,8 +5627,17 @@ to {
6861
5627
  .scalar .scalar-container[data-v-ae5e8531] {
6862
5628
  line-height: normal;
6863
5629
  }
6864
- .document-scripts-editors__container[data-v-8c8fa790] {
6865
- 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);
6866
5641
  }
6867
5642
  /*$vite$:1*/
6868
5643
  /*$vite$:1*/