@scalar/api-reference 1.40.0 → 1.40.1

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 (31) hide show
  1. package/CHANGELOG.md +32 -0
  2. package/dist/blocks/scalar-auth-selector-block/components/OAuth2.vue.d.ts.map +1 -1
  3. package/dist/blocks/scalar-auth-selector-block/components/OAuth2.vue.js +10 -8
  4. package/dist/blocks/scalar-auth-selector-block/index.d.ts.map +1 -1
  5. package/dist/blocks/scalar-client-selector-block/index.d.ts.map +1 -1
  6. package/dist/blocks/scalar-info-block/index.d.ts.map +1 -1
  7. package/dist/blocks/scalar-server-selector-block/index.d.ts.map +1 -1
  8. package/dist/browser/standalone.js +16970 -16942
  9. package/dist/browser/webpack-stats.json +1 -1
  10. package/dist/components/ApiReference.vue.d.ts.map +1 -1
  11. package/dist/components/ApiReference.vue.js +1 -1
  12. package/dist/components/ApiReference.vue2.js +5 -1
  13. package/dist/components/Content/Models/Model.vue.d.ts +1 -1
  14. package/dist/components/Content/Models/Model.vue.d.ts.map +1 -1
  15. package/dist/components/Content/Schema/helpers/get-ref-name.d.ts +1 -2
  16. package/dist/components/Content/Schema/helpers/get-ref-name.d.ts.map +1 -1
  17. package/dist/components/Content/Schema/helpers/get-schema-type.d.ts +1 -2
  18. package/dist/components/Content/Schema/helpers/get-schema-type.d.ts.map +1 -1
  19. package/dist/components/Content/Schema/helpers/schema-name.d.ts +1 -2
  20. package/dist/components/Content/Schema/helpers/schema-name.d.ts.map +1 -1
  21. package/dist/features/specification-extension/index.d.ts +1 -1
  22. package/dist/features/specification-extension/index.d.ts.map +1 -1
  23. package/dist/features/toolbar/ApiReferenceToolbarRegisterButton.vue.js +9 -9
  24. package/dist/features/toolbar/ApiReferenceToolbarShareTemporary.vue.js +9 -9
  25. package/dist/features/x-badges/XBadges.vue.d.ts +1 -1
  26. package/dist/features/x-badges/XBadges.vue.d.ts.map +1 -1
  27. package/dist/helpers/index.d.ts.map +1 -1
  28. package/dist/helpers/map-config-to-client-store.d.ts +2 -3
  29. package/dist/helpers/map-config-to-client-store.d.ts.map +1 -1
  30. package/dist/style.css +1152 -986
  31. package/package.json +20 -20
package/dist/style.css CHANGED
@@ -2348,8 +2348,9 @@ to {
2348
2348
  --tw-rotate-z: initial;
2349
2349
  --tw-skew-x: initial;
2350
2350
  --tw-skew-y: initial;
2351
- --tw-divide-y-reverse: 0;
2351
+ --tw-divide-x-reverse: 0;
2352
2352
  --tw-border-style: solid;
2353
+ --tw-divide-y-reverse: 0;
2353
2354
  --tw-gradient-position: initial;
2354
2355
  --tw-gradient-from: #0000;
2355
2356
  --tw-gradient-via: #0000;
@@ -2400,11 +2401,11 @@ to {
2400
2401
  --tw-backdrop-sepia: initial;
2401
2402
  --tw-duration: initial;
2402
2403
  --tw-ease: initial;
2404
+ --tw-content: "";
2403
2405
  --tw-scale-x: 1;
2404
2406
  --tw-scale-y: 1;
2405
2407
  --tw-scale-z: 1;
2406
2408
  --tw-space-x-reverse: 0;
2407
- --tw-content: "";
2408
2409
  }
2409
2410
  }
2410
2411
  }
@@ -3845,6 +3846,11 @@ body {
3845
3846
  white-space: normal !important;
3846
3847
  }
3847
3848
  }
3849
+ @property --tw-divide-x-reverse {
3850
+ syntax: "*";
3851
+ inherits: false;
3852
+ initial-value: 0;
3853
+ }
3848
3854
  @property --tw-divide-y-reverse {
3849
3855
  syntax: "*";
3850
3856
  inherits: false;
@@ -3896,7 +3902,7 @@ body {
3896
3902
  syntax: "*";
3897
3903
  inherits: false
3898
3904
  }
3899
- @keyframes fade-in-f525638b {
3905
+ @keyframes fade-in-8e99b97a {
3900
3906
  0% {
3901
3907
  opacity: 0;
3902
3908
  }
@@ -3907,7 +3913,7 @@ to {
3907
3913
  opacity: 1;
3908
3914
  }
3909
3915
  }
3910
- @keyframes rotate-f525638b {
3916
+ @keyframes rotate-8e99b97a {
3911
3917
  0% {
3912
3918
  transform: scale(3.5)rotate(0);
3913
3919
  }
@@ -4373,23 +4379,12 @@ to {
4373
4379
  width: 50dvw !important;
4374
4380
  }
4375
4381
  }
4376
- @supports (color: color-mix(in lab,red,red)) {
4377
- .dragover-above[data-v-a89d6a6e]:after, .dragover-below[data-v-a89d6a6e]:after {
4378
- background: var(--scalar-color-blue);
4379
- }
4380
- @supports (color: color-mix(in lab, red, red)) {
4381
- .dragover-above[data-v-a89d6a6e]:after, .dragover-below[data-v-a89d6a6e]:after {
4382
- background: color-mix(in srgb, var(--scalar-color-blue), transparent 85%);
4383
- }
4384
- }
4385
- .dragover-asChild[data-v-a89d6a6e]:after {
4386
- background: var(--scalar-color-blue);
4387
- }
4388
- @supports (color: color-mix(in lab, red, red)) {
4389
- .dragover-asChild[data-v-a89d6a6e]:after {
4390
- background: color-mix(in srgb, var(--scalar-color-blue), transparent 85%);
4391
- }
4382
+ @property --tw-content {
4383
+ syntax: "*";
4384
+ inherits: false;
4385
+ initial-value: "";
4392
4386
  }
4387
+ @supports (color: color-mix(in lab,red,red)) {
4393
4388
  .scalar-app .bg-b-1\.5 {
4394
4389
  background-color: var(--scalar-background-1);
4395
4390
  }
@@ -4609,6 +4604,50 @@ to {
4609
4604
  display: none;
4610
4605
  }
4611
4606
  }
4607
+ .scalar-app .after\:pointer-events-none:after {
4608
+ content: var(--tw-content);
4609
+ pointer-events: none;
4610
+ }
4611
+ .scalar-app .after\:absolute:after {
4612
+ content: var(--tw-content);
4613
+ position: absolute;
4614
+ }
4615
+ .scalar-app .after\:inset-0:after {
4616
+ content: var(--tw-content);
4617
+ inset: 0;
4618
+ }
4619
+ .scalar-app .after\:inset-x-0:after {
4620
+ content: var(--tw-content);
4621
+ inset-inline: 0;
4622
+ }
4623
+ .scalar-app .after\:-top-0\.5:after {
4624
+ content: var(--tw-content);
4625
+ top: -2px;
4626
+ }
4627
+ .scalar-app .after\:-bottom-0\.5:after {
4628
+ content: var(--tw-content);
4629
+ bottom: -2px;
4630
+ }
4631
+ .scalar-app .after\:block:after {
4632
+ content: var(--tw-content);
4633
+ display: block;
4634
+ }
4635
+ .scalar-app .after\:h-0\.75:after {
4636
+ content: var(--tw-content);
4637
+ height: 3px;
4638
+ }
4639
+ .scalar-app .after\:rounded:after {
4640
+ content: var(--tw-content);
4641
+ border-radius: var(--scalar-radius);
4642
+ }
4643
+ .scalar-app .after\:bg-blue:after {
4644
+ content: var(--tw-content);
4645
+ background-color: var(--scalar-color-blue);
4646
+ }
4647
+ .scalar-app .after\:opacity-15:after {
4648
+ content: var(--tw-content);
4649
+ opacity: .15;
4650
+ }
4612
4651
  :where(.scalar-app) {
4613
4652
  font-family: var(--scalar-font);
4614
4653
  color: var(--scalar-color-1);
@@ -4999,6 +5038,9 @@ to {
4999
5038
  .scalar-app .min-w-6 {
5000
5039
  min-width: 24px;
5001
5040
  }
5041
+ .scalar-app .min-w-40 {
5042
+ min-width: 160px;
5043
+ }
5002
5044
  .scalar-app .min-w-min {
5003
5045
  min-width: min-content;
5004
5046
  }
@@ -5052,15 +5094,18 @@ to {
5052
5094
  .scalar-app .gap-2\.25 {
5053
5095
  gap: 9px;
5054
5096
  }
5055
- .scalar-app .gap-16 {
5056
- gap: 64px;
5057
- }
5058
5097
  .scalar-app .gap-x-4 {
5059
5098
  column-gap: 16px;
5060
5099
  }
5061
5100
  .scalar-app .gap-y-8 {
5062
5101
  row-gap: 32px;
5063
5102
  }
5103
+ :where(.scalar-app .divide-x > :not(:last-child)) {
5104
+ --tw-divide-x-reverse: 0;
5105
+ border-inline-style: var(--tw-border-style);
5106
+ border-inline-start-width: calc(var(--scalar-border-width) * var(--tw-divide-x-reverse));
5107
+ border-inline-end-width: calc(var(--scalar-border-width) * calc(1 - var(--tw-divide-x-reverse)));
5108
+ }
5064
5109
  .scalar-app .self-end {
5065
5110
  align-self: flex-end;
5066
5111
  }
@@ -5076,6 +5121,10 @@ to {
5076
5121
  .scalar-app .rounded-none {
5077
5122
  border-radius: 0;
5078
5123
  }
5124
+ .scalar-app .rounded-l-none {
5125
+ border-top-left-radius: 0;
5126
+ border-bottom-left-radius: 0;
5127
+ }
5079
5128
  .scalar-app .border-1 {
5080
5129
  border-style: var(--tw-border-style);
5081
5130
  border-width: 1px;
@@ -5152,6 +5201,9 @@ to {
5152
5201
  .scalar-app .bg-inherit {
5153
5202
  background-color: inherit;
5154
5203
  }
5204
+ .scalar-app .bg-red {
5205
+ background-color: var(--scalar-color-red);
5206
+ }
5155
5207
  .scalar-app .bg-sidebar-b-search {
5156
5208
  background-color: var(--scalar-sidebar-search-background, var(--scalar-background-2));
5157
5209
  }
@@ -5349,6 +5401,9 @@ to {
5349
5401
  :is(.scalar-app .\*\:px-1 > *) {
5350
5402
  padding-inline: 4px;
5351
5403
  }
5404
+ :is(.scalar-app .\*\:text-xs > *) {
5405
+ font-size: var(--scalar-font-size-5);
5406
+ }
5352
5407
  @media (hover: hover) {
5353
5408
  .scalar-app .group-hover\:text-c-1:is(:where(.group):hover *) {
5354
5409
  color: var(--scalar-color-1);
@@ -5511,14 +5566,14 @@ to {
5511
5566
  white-space: normal !important;
5512
5567
  }
5513
5568
  }
5514
- .loader-wrapper[data-v-f525638b] {
5569
+ .loader-wrapper[data-v-8e99b97a] {
5515
5570
  --loader-size: 50%;
5516
5571
  justify-content: center;
5517
5572
  align-items: center;
5518
5573
  display: flex;
5519
5574
  position: relative;
5520
5575
  }
5521
- .svg-loader[data-v-f525638b] {
5576
+ .svg-loader[data-v-8e99b97a] {
5522
5577
  width: var(--loader-size);
5523
5578
  height: var(--loader-size);
5524
5579
  fill: none;
@@ -5528,37 +5583,37 @@ to {
5528
5583
  right: .9rem;
5529
5584
  overflow: visible;
5530
5585
  }
5531
- .svg-path[data-v-f525638b] {
5586
+ .svg-path[data-v-8e99b97a] {
5532
5587
  stroke-width: 12px;
5533
5588
  fill: none;
5534
5589
  transition: all .3s;
5535
5590
  }
5536
- .svg-x-mark[data-v-f525638b] {
5591
+ .svg-x-mark[data-v-8e99b97a] {
5537
5592
  stroke-dasharray: 57;
5538
5593
  stroke-dashoffset: 57px;
5539
5594
  transition-delay: 0s;
5540
5595
  }
5541
- .svg-check-mark[data-v-f525638b] {
5596
+ .svg-check-mark[data-v-8e99b97a] {
5542
5597
  stroke-dasharray: 149;
5543
5598
  stroke-dashoffset: 149px;
5544
5599
  transition-delay: 0s;
5545
5600
  }
5546
- .icon-is-invalid .svg-x-mark[data-v-f525638b], .icon-is-valid .svg-check-mark[data-v-f525638b] {
5601
+ .icon-is-invalid .svg-x-mark[data-v-8e99b97a], .icon-is-valid .svg-check-mark[data-v-8e99b97a] {
5547
5602
  stroke-dashoffset: 0;
5548
5603
  transition-delay: .3s;
5549
5604
  }
5550
- .circular-loader[data-v-f525638b] {
5605
+ .circular-loader[data-v-8e99b97a] {
5551
5606
  transform-origin: 50%;
5552
5607
  background: none;
5553
- animation: .7s linear infinite rotate-f525638b, .4s fade-in-f525638b;
5608
+ animation: .7s linear infinite rotate-8e99b97a, .4s fade-in-8e99b97a;
5554
5609
  transform: scale(3.5);
5555
5610
  }
5556
- .loader-path[data-v-f525638b] {
5611
+ .loader-path[data-v-8e99b97a] {
5557
5612
  stroke-dasharray: 50 200;
5558
5613
  stroke-dashoffset: -100px;
5559
5614
  stroke-linecap: round;
5560
5615
  }
5561
- .loader-path-off[data-v-f525638b] {
5616
+ .loader-path-off[data-v-8e99b97a] {
5562
5617
  stroke-dasharray: 50 200;
5563
5618
  stroke-dashoffset: -100px;
5564
5619
  opacity: 0;
@@ -6534,36 +6589,6 @@ to {
6534
6589
  top: 0;
6535
6590
  right: -50dvw;
6536
6591
  }
6537
- @supports (color: color-mix(in lab,red,red)) {
6538
- .dragover-above[data-v-a89d6a6e]:after, .dragover-below[data-v-a89d6a6e]:after {
6539
- background: var(--scalar-color-blue);
6540
- }
6541
- @supports (color: color-mix(in lab,red,red)) {
6542
- .dragover-above[data-v-a89d6a6e]:after, .dragover-below[data-v-a89d6a6e]:after {
6543
- background: var(--scalar-color-blue);
6544
- }
6545
- @supports (color: color-mix(in lab, red, red)) {
6546
- .dragover-above[data-v-a89d6a6e]:after, .dragover-below[data-v-a89d6a6e]:after {
6547
- background: color-mix(in srgb, var(--scalar-color-blue), transparent 85%);
6548
- }
6549
- }
6550
- }
6551
- }
6552
- @supports (color: color-mix(in lab,red,red)) {
6553
- .dragover-asChild[data-v-a89d6a6e]:after {
6554
- background: var(--scalar-color-blue);
6555
- }
6556
- @supports (color: color-mix(in lab,red,red)) {
6557
- .dragover-asChild[data-v-a89d6a6e]:after {
6558
- background: var(--scalar-color-blue);
6559
- }
6560
- @supports (color: color-mix(in lab, red, red)) {
6561
- .dragover-asChild[data-v-a89d6a6e]:after {
6562
- background: color-mix(in srgb, var(--scalar-color-blue), transparent 85%);
6563
- }
6564
- }
6565
- }
6566
- }
6567
6592
  .sidebar-heading-type[data-v-1857170e] {
6568
6593
  text-transform: uppercase;
6569
6594
  color: var(--method-color, var(--scalar-color-1));
@@ -7268,6 +7293,12 @@ to {
7268
7293
  .scalar-app .w-\[60px\] {
7269
7294
  width: 60px;
7270
7295
  }
7296
+ .scalar-app .w-\[100px\] {
7297
+ width: 100px;
7298
+ }
7299
+ .scalar-app .w-\[150px\] {
7300
+ width: 150px;
7301
+ }
7271
7302
  .scalar-app .w-\[calc\(100\%-10px\)\] {
7272
7303
  width: calc(100% - 10px);
7273
7304
  }
@@ -7349,6 +7380,12 @@ to {
7349
7380
  .scalar-app .min-w-\[37px\] {
7350
7381
  min-width: 37px;
7351
7382
  }
7383
+ .scalar-app .min-w-\[100px\] {
7384
+ min-width: 100px;
7385
+ }
7386
+ .scalar-app .min-w-\[150px\] {
7387
+ min-width: 150px;
7388
+ }
7352
7389
  .scalar-app .min-w-\[296px\] {
7353
7390
  min-width: 296px;
7354
7391
  }
@@ -7670,6 +7707,10 @@ to {
7670
7707
  border-right-style: var(--tw-border-style);
7671
7708
  border-right-width: 0;
7672
7709
  }
7710
+ .scalar-app .border-r-1 {
7711
+ border-right-style: var(--tw-border-style);
7712
+ border-right-width: 1px;
7713
+ }
7673
7714
  .scalar-app .border-b {
7674
7715
  border-bottom-style: var(--tw-border-style);
7675
7716
  border-bottom-width: var(--scalar-border-width);
@@ -7751,9 +7792,6 @@ to {
7751
7792
  .scalar-app .bg-grey {
7752
7793
  background-color: var(--scalar-color-3);
7753
7794
  }
7754
- .scalar-app .bg-red {
7755
- background-color: var(--scalar-color-red);
7756
- }
7757
7795
  .scalar-app .bg-sidebar-b-1 {
7758
7796
  background-color: var(--scalar-sidebar-background-1, var(--scalar-background-1));
7759
7797
  }
@@ -9071,11 +9109,6 @@ to {
9071
9109
  inherits: false;
9072
9110
  initial-value: 0;
9073
9111
  }
9074
- @property --tw-content {
9075
- syntax: "*";
9076
- inherits: false;
9077
- initial-value: "";
9078
- }
9079
9112
  .nav-item[data-v-507381a3] {
9080
9113
  cursor: pointer;
9081
9114
  border-radius: var(--scalar-radius-lg);
@@ -9341,364 +9374,293 @@ to {
9341
9374
  background: var(--scalar-background-3);
9342
9375
  border-radius: 3px;
9343
9376
  }
9344
- .scalar-modal-layout .scalar-button-danger[data-v-98703c3c] {
9345
- background: var(--scalar-color-red);
9377
+ .open-api-client-button[data-v-f016469d] {
9378
+ cursor: pointer;
9379
+ text-align: center;
9380
+ white-space: nowrap;
9381
+ width: 100%;
9382
+ height: 31px;
9383
+ font-size: var(--scalar-mini);
9384
+ font-weight: var(--scalar-semibold);
9385
+ border-radius: var(--scalar-radius);
9386
+ box-shadow: 0 0 0 .5px var(--scalar-border-color);
9387
+ color: var(--scalar-sidebar-color-1);
9388
+ justify-content: center;
9389
+ align-items: center;
9390
+ gap: 6px;
9391
+ padding: 9px 12px;
9392
+ line-height: 1.385;
9393
+ text-decoration: none;
9394
+ display: flex;
9346
9395
  }
9347
- @supports (color: color-mix(in lab, red, red)) {
9348
- .scalar-modal-layout .scalar-button-danger[data-v-98703c3c] {
9349
- background: color-mix(in srgb, var(--scalar-color-red), transparent 95%);
9396
+ .open-api-client-button[data-v-f016469d]:hover {
9397
+ background: var(--scalar-sidebar-item-hover-background, var(--scalar-background-2));
9350
9398
  }
9399
+ [data-v-103d9d56] .cm-editor {
9400
+ background: none;
9401
+ outline: none;
9402
+ height: 100%;
9403
+ padding: 0;
9351
9404
  }
9352
- .scalar-modal-layout .scalar-button-danger[data-v-98703c3c] {
9353
- color: var(--scalar-color-red);
9405
+ [data-v-103d9d56] .cm-placeholder {
9406
+ color: var(--scalar-color-3);
9354
9407
  }
9355
- .scalar-modal-layout .scalar-button-danger[data-v-98703c3c]:hover, .scalar-modal-layout .scalar-button-danger[data-v-98703c3c]:focus {
9356
- background: var(--scalar-color-red);
9408
+ [data-v-103d9d56] .cm-content {
9409
+ font-family: var(--scalar-font-code);
9410
+ font-size: var(--scalar-small);
9411
+ max-height: 20px;
9412
+ padding: 8px 0;
9357
9413
  }
9358
- @supports (color: color-mix(in lab, red, red)) {
9359
- .scalar-modal-layout .scalar-button-danger[data-v-98703c3c]:hover, .scalar-modal-layout .scalar-button-danger[data-v-98703c3c]:focus {
9360
- background: color-mix(in srgb, var(--scalar-color-red), transparent 90%);
9414
+ [data-v-103d9d56] .cm-tooltip {
9415
+ filter: brightness(var(--scalar-lifted-brightness));
9416
+ border-radius: var(--scalar-radius);
9417
+ box-shadow: var(--scalar-shadow-2);
9418
+ background: none !important;
9419
+ border: none !important;
9420
+ outline: none !important;
9421
+ overflow: hidden !important;
9422
+ }
9423
+ [data-v-103d9d56] .cm-tooltip-autocomplete ul li {
9424
+ padding: 3px 6px !important;
9361
9425
  }
9426
+ [data-v-103d9d56] .cm-completionIcon-type:after {
9427
+ color: var(--scalar-color-3) !important;
9362
9428
  }
9363
- .fade-request-section-content[data-v-f97cc68c] {
9364
- background: linear-gradient(to left, var(--scalar-background-1) 64%, transparent);
9429
+ [data-v-103d9d56] .cm-tooltip-autocomplete ul li[aria-selected] {
9430
+ background: var(--scalar-background-2) !important;
9431
+ color: var(--scalar-color-1) !important;
9365
9432
  }
9366
- .filter-hover[data-v-f97cc68c] {
9367
- height: 100%;
9368
- padding-left: 24px;
9369
- padding-right: 39px;
9370
- transition: width 0s ease-in-out .2s;
9371
- position: absolute;
9372
- right: 0;
9433
+ [data-v-103d9d56] .cm-tooltip-autocomplete ul {
9434
+ position: relative;
9435
+ padding: 6px !important;
9436
+ }
9437
+ [data-v-103d9d56] .cm-tooltip-autocomplete ul li:hover {
9438
+ border-radius: 3px;
9439
+ color: var(--scalar-color-1) !important;
9440
+ background: var(--scalar-background-3) !important;
9441
+ }
9442
+ [data-v-103d9d56] .cm-activeLine, [data-v-103d9d56] .cm-activeLineGutter {
9443
+ background-color: #0000;
9444
+ }
9445
+ [data-v-103d9d56] .cm-selectionMatch, [data-v-103d9d56] .cm-matchingBracket {
9446
+ border-radius: var(--scalar-radius);
9447
+ background: var(--scalar-background-4) !important;
9448
+ }
9449
+ [data-v-103d9d56] .cm-css-color-picker-wrapper {
9450
+ outline: 1px solid var(--scalar-background-3);
9451
+ border-radius: 3px;
9452
+ display: inline-flex;
9373
9453
  overflow: hidden;
9374
9454
  }
9375
- .filter-hover[data-v-f97cc68c]:hover, .filter-hover[data-v-f97cc68c]:has(:focus-visible) {
9376
- z-index: 10;
9377
- width: 100%;
9455
+ [data-v-103d9d56] .cm-gutters {
9456
+ color: var(--scalar-color-3);
9457
+ font-size: var(--scalar-small);
9458
+ background-color: #0000;
9459
+ border-right: none;
9460
+ border-radius: 0 0 0 3px;
9461
+ line-height: 22px;
9378
9462
  }
9379
- .filter-hover[data-v-f97cc68c]:before {
9463
+ [data-v-103d9d56] .cm-gutters:before {
9380
9464
  content: "";
9465
+ border-radius: var(--scalar-radius) 0 0 var(--scalar-radius);
9381
9466
  background-color: var(--scalar-background-1);
9382
- opacity: 0;
9383
- pointer-events: none;
9384
- width: 100%;
9385
- height: fit-content;
9386
- transition: all .3s ease-in-out;
9467
+ width: calc(100% - 2px);
9468
+ height: calc(100% - 4px);
9387
9469
  position: absolute;
9388
- top: 0;
9389
- left: 0;
9390
- }
9391
- .filter-hover-item[data-v-f97cc68c] {
9392
- opacity: 0;
9470
+ top: 2px;
9471
+ left: 2px;
9393
9472
  }
9394
- .filter-hover-item[data-v-f97cc68c]:not(:last-of-type) {
9395
- transform: translate3d(0, 3px, 0);
9473
+ [data-v-103d9d56] .cm-gutterElement {
9474
+ justify-content: flex-end;
9475
+ align-items: center;
9476
+ display: flex;
9477
+ position: relative;
9478
+ font-family: var(--scalar-font-code) !important;
9479
+ padding-left: 0 !important;
9480
+ padding-right: 6px !important;
9396
9481
  }
9397
- .filter-hover:hover .filter-hover-item[data-v-f97cc68c] {
9398
- transition: opacity .2s ease-in-out, transform .2s ease-in-out;
9482
+ [data-v-103d9d56] .cm-lineNumbers .cm-gutterElement {
9483
+ min-width: fit-content;
9399
9484
  }
9400
- .filter-hover:hover .filter-hover-item[data-v-f97cc68c]:last-of-type {
9401
- transition-delay: 50ms;
9485
+ [data-v-103d9d56] .cm-gutter + .cm-gutter :not(.cm-foldGutter) .cm-gutterElement {
9486
+ padding-left: 0 !important;
9402
9487
  }
9403
- .filter-hover:hover .filter-hover-item[data-v-f97cc68c]:nth-last-of-type(2) {
9404
- transition-delay: .1s;
9488
+ [data-v-103d9d56] .cm-scroller {
9489
+ overflow: auto;
9405
9490
  }
9406
- .filter-hover:hover .filter-hover-item[data-v-f97cc68c]:nth-last-of-type(3) {
9407
- transition-delay: .15s;
9491
+ .line-wrapping[data-v-103d9d56]:focus-within .cm-content {
9492
+ white-space: break-spaces;
9493
+ word-break: break-all;
9494
+ min-height: fit-content;
9495
+ padding: 3px 6px;
9496
+ display: inline-table;
9408
9497
  }
9409
- .filter-hover:hover .filter-hover-item[data-v-f97cc68c]:nth-last-of-type(4) {
9410
- transition-delay: .2s;
9498
+ .address-bar-history-button[data-v-a93fa60f]:hover {
9499
+ background: var(--scalar-background-3);
9411
9500
  }
9412
- .filter-hover:hover .filter-hover-item[data-v-f97cc68c]:nth-last-of-type(5) {
9413
- transition-delay: .25s;
9414
- }
9415
- .filter-hover:hover .filter-hover-item[data-v-f97cc68c]:nth-last-of-type(6) {
9416
- transition-delay: .3s;
9417
- }
9418
- .filter-hover:hover .filter-hover-item[data-v-f97cc68c]:nth-last-of-type(7) {
9419
- transition-delay: .35s;
9420
- }
9421
- .filter-hover:hover .filter-hover-item[data-v-f97cc68c], .filter-hover:has(:focus-visible) .filter-hover-item[data-v-f97cc68c] {
9422
- opacity: 1;
9423
- transform: translateZ(0);
9424
- }
9425
- .filter-hover[data-v-f97cc68c]:hover:before, .filter-hover[data-v-f97cc68c]:has(:focus-visible):before {
9426
- opacity: .9;
9427
- -webkit-backdrop-filter: blur(10px);
9428
- backdrop-filter: blur(10px);
9429
- }
9430
- .filter-button[data-v-f97cc68c] {
9431
- top: 50%;
9432
- transform: translateY(-50%);
9433
- }
9434
- .context-bar-group:hover .context-bar-group-hover\:text-c-1[data-v-f97cc68c], .context-bar-group:has(:focus-visible) .context-bar-group-hover\:text-c-1[data-v-f97cc68c] {
9435
- --tw-text-opacity: 1;
9436
- color: rgb(var(--scalar-color-1) / var(--tw-text-opacity));
9437
- }
9438
- .context-bar-group:hover .context-bar-group-hover\:hidden[data-v-f97cc68c], .context-bar-group:has(:focus-visible) .context-bar-group-hover\:hidden[data-v-f97cc68c] {
9439
- display: none;
9501
+ .address-bar-history-button[data-v-a93fa60f]:focus-within {
9502
+ background: var(--scalar-background-2);
9440
9503
  }
9441
- .light-mode .bg-preview[data-v-0956ad2d] {
9442
- 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");
9504
+ .description[data-v-92012388] .markdown {
9505
+ font-weight: var(--scalar-semibold);
9506
+ color: var(--scalar-color--1);
9507
+ padding: 0;
9508
+ display: block;
9443
9509
  }
9444
- .dark-mode .bg-preview[data-v-0956ad2d] {
9445
- 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");
9510
+ .description[data-v-92012388] .markdown > :first-child {
9511
+ margin-top: 0;
9446
9512
  }
9447
- [data-v-85d2902e] .cm-editor {
9448
- font-size: var(--scalar-small);
9449
- background-color: #0000;
9513
+ [data-v-cb2a35da] .cm-editor {
9450
9514
  outline: none;
9515
+ width: 100%;
9516
+ height: 100%;
9451
9517
  }
9452
- [data-v-85d2902e] .cm-gutters {
9453
- background-color: var(--scalar-background-1);
9454
- border-radius: var(--scalar-radius) 0 0 var(--scalar-radius);
9455
- }
9456
- .body-raw[data-v-85d2902e] .cm-scroller {
9457
- min-width: 100%;
9458
- overflow: auto;
9518
+ [data-v-cb2a35da] .cm-line {
9519
+ padding: 0;
9459
9520
  }
9460
- .scalar-code-block[data-v-17966bf4] .hljs * {
9521
+ [data-v-cb2a35da] .cm-content {
9461
9522
  font-size: var(--scalar-small);
9523
+ align-items: center;
9524
+ padding: 0;
9525
+ display: flex;
9462
9526
  }
9463
- .ascii-art-animate .ascii-art-line[data-v-69ebd973] {
9464
- border-right: 1ch solid #0000;
9465
- animation: 4s step-end 1s both typewriter-69ebd973, .5s step-end infinite blinkTextCursor-69ebd973;
9466
- }
9467
- @keyframes typewriter-69ebd973 {
9468
- 0% {
9469
- width: 0;
9470
- }
9471
- to {
9472
- width: 100%;
9527
+ .scroll-timeline-x[data-v-cb2a35da] {
9528
+ scroll-timeline: --scroll-timeline x;
9529
+ scroll-timeline: --scroll-timeline horizontal;
9530
+ -ms-overflow-style: none;
9473
9531
  }
9532
+ .scroll-timeline-x-hidden[data-v-cb2a35da] {
9533
+ overflow-x: auto;
9474
9534
  }
9475
- @keyframes blinkTextCursor-69ebd973 {
9476
- 0% {
9477
- border-right-color: currentColor;
9535
+ .scroll-timeline-x-hidden[data-v-cb2a35da] .cm-scroller {
9536
+ scrollbar-width: none;
9537
+ -ms-overflow-style: none;
9538
+ padding-right: 20px;
9539
+ overflow: auto;
9478
9540
  }
9479
- 50% {
9480
- border-right-color: #0000;
9541
+ .scroll-timeline-x-hidden[data-v-cb2a35da]::-webkit-scrollbar {
9542
+ width: 0;
9543
+ height: 0;
9544
+ display: none;
9481
9545
  }
9546
+ .scroll-timeline-x-hidden[data-v-cb2a35da] .cm-scroller::-webkit-scrollbar {
9547
+ width: 0;
9548
+ height: 0;
9549
+ display: none;
9482
9550
  }
9483
- .keycap-n[data-v-45a9fc44] {
9484
- background: -webkit-linear-gradient(5deg, transparent 30%, var(--scalar-color-3) 50%);
9485
- -webkit-text-fill-color: transparent;
9486
- -webkit-background-clip: text;
9551
+ .scroll-timeline-x-address[data-v-cb2a35da] {
9552
+ scrollbar-width: none;
9553
+ line-height: 27px;
9487
9554
  }
9488
- .keycap-hotkey[data-v-45a9fc44] {
9489
- line-height: 26px;
9555
+ .scroll-timeline-x-address[data-v-cb2a35da]:after {
9556
+ content: "";
9557
+ cursor: text;
9558
+ width: 24px;
9559
+ height: 100%;
9490
9560
  position: absolute;
9491
- top: 32px;
9561
+ right: 0;
9492
9562
  }
9493
- .scalar-version-number[data-v-6d2bdb61] {
9494
- width: 76px;
9495
- height: 76px;
9496
- font-size: 8px;
9497
- font-family: var(--scalar-font-code);
9498
- box-shadow: inset 2px 0 0 2px var(--scalar-background-2);
9499
- text-align: center;
9500
- text-transform: initial;
9501
- -webkit-text-decoration-color: var(--scalar-color-3);
9502
- -webkit-text-decoration-color: var(--scalar-color-3);
9503
- text-decoration-color: var(--scalar-color-3);
9504
- border-radius: 9px 9px 16px 12px;
9505
- flex-direction: column;
9506
- justify-content: center;
9507
- align-items: center;
9508
- margin-top: -113px;
9509
- margin-left: -36px;
9510
- line-height: 11px;
9511
- display: flex;
9512
- position: absolute;
9513
- transform: skew(0deg, 13deg);
9563
+ .scroll-timeline-x-address[data-v-cb2a35da]:empty:before {
9564
+ content: "Enter URL or cURL request";
9565
+ color: var(--scalar-color-3);
9566
+ pointer-events: none;
9514
9567
  }
9515
- .scalar-version-number a[data-v-6d2bdb61] {
9516
- background: var(--scalar-background-2);
9517
- border: .5px solid var(--scalar-border-color);
9518
- border-radius: 3px;
9519
- padding: 2px 4px;
9520
- font-weight: 700;
9521
- text-decoration: none;
9568
+ .fade-left[data-v-cb2a35da], .fade-right[data-v-cb2a35da] {
9569
+ content: "";
9570
+ pointer-events: none;
9571
+ z-index: 1;
9572
+ height: 100%;
9573
+ animation-name: fadein-cb2a35da;
9574
+ animation-duration: 1ms;
9575
+ animation-direction: reverse;
9576
+ animation-timeline: --scroll-timeline;
9577
+ position: sticky;
9522
9578
  }
9523
- .gitbook-show[data-v-6d2bdb61] {
9524
- display: none;
9579
+ .fade-left[data-v-cb2a35da] {
9580
+ background: linear-gradient(-90deg, var(--scalar-address-bar-bg) 0%, var(--scalar-address-bar-bg) 30%, var(--scalar-address-bar-bg) 100%);
9525
9581
  }
9526
- .v-enter-active[data-v-5d3b84e1] {
9527
- transition: opacity .5s;
9582
+ @supports (color: color-mix(in lab, red, red)) {
9583
+ .fade-left[data-v-cb2a35da] {
9584
+ background: linear-gradient(-90deg, color-mix(in srgb, var(--scalar-address-bar-bg), transparent 100%) 0%, color-mix(in srgb, var(--scalar-address-bar-bg), transparent 20%) 30%, var(--scalar-address-bar-bg) 100%);
9528
9585
  }
9529
- .v-enter-from[data-v-5d3b84e1] {
9530
- opacity: 0;
9531
9586
  }
9532
- .animate-response-heading .response-heading[data-v-7138ed84] {
9533
- opacity: 1;
9534
- animation: .2s ease-in-out forwards push-response-7138ed84;
9587
+ .fade-left[data-v-cb2a35da] {
9588
+ min-width: 6px;
9589
+ animation-direction: normal;
9590
+ left: -1px;
9535
9591
  }
9536
- @keyframes push-response-7138ed84 {
9537
- 0% {
9538
- opacity: 1;
9539
- transform: translateY(0);
9592
+ .fade-right[data-v-cb2a35da] {
9593
+ background: linear-gradient(90deg, var(--scalar-address-bar-bg) 0%, var(--scalar-address-bar-bg) 30%, var(--scalar-address-bar-bg) 100%);
9540
9594
  }
9541
- to {
9542
- opacity: 0;
9543
- transform: translateY(-4px);
9595
+ @supports (color: color-mix(in lab, red, red)) {
9596
+ .fade-right[data-v-cb2a35da] {
9597
+ background: linear-gradient(90deg, color-mix(in srgb, var(--scalar-address-bar-bg), transparent 100%) 0%, color-mix(in srgb, var(--scalar-address-bar-bg), transparent 20%) 30%, var(--scalar-address-bar-bg) 100%);
9544
9598
  }
9545
9599
  }
9546
- .animate-response-heading .animate-response-children[data-v-7138ed84] {
9547
- opacity: 0;
9548
- animation: .2s ease-in-out 50ms forwards response-spans-7138ed84;
9600
+ .fade-right[data-v-cb2a35da] {
9601
+ min-width: 24px;
9602
+ right: -1px;
9549
9603
  }
9550
- @keyframes response-spans-7138ed84 {
9604
+ @keyframes fadein-cb2a35da {
9551
9605
  0% {
9552
9606
  opacity: 0;
9553
- transform: translateY(4px);
9554
9607
  }
9555
- to {
9608
+ 1% {
9556
9609
  opacity: 1;
9557
- transform: translateY(0);
9558
9610
  }
9559
9611
  }
9560
- [data-v-103d9d56] .cm-editor {
9561
- background: none;
9562
- outline: none;
9563
- height: 100%;
9564
- padding: 0;
9565
- }
9566
- [data-v-103d9d56] .cm-placeholder {
9567
- color: var(--scalar-color-3);
9568
- }
9569
- [data-v-103d9d56] .cm-content {
9570
- font-family: var(--scalar-font-code);
9571
- font-size: var(--scalar-small);
9572
- max-height: 20px;
9573
- padding: 8px 0;
9574
- }
9575
- [data-v-103d9d56] .cm-tooltip {
9576
- filter: brightness(var(--scalar-lifted-brightness));
9577
- border-radius: var(--scalar-radius);
9578
- box-shadow: var(--scalar-shadow-2);
9579
- background: none !important;
9580
- border: none !important;
9581
- outline: none !important;
9582
- overflow: hidden !important;
9612
+ .address-bar-bg-states[data-v-cb2a35da] {
9613
+ --scalar-address-bar-bg: var(--scalar-background-1);
9583
9614
  }
9584
- [data-v-103d9d56] .cm-tooltip-autocomplete ul li {
9585
- padding: 3px 6px !important;
9615
+ @supports (color: color-mix(in lab, red, red)) {
9616
+ .address-bar-bg-states[data-v-cb2a35da] {
9617
+ --scalar-address-bar-bg: color-mix(in srgb, var(--scalar-background-1), var(--scalar-background-2));
9586
9618
  }
9587
- [data-v-103d9d56] .cm-completionIcon-type:after {
9588
- color: var(--scalar-color-3) !important;
9589
9619
  }
9590
- [data-v-103d9d56] .cm-tooltip-autocomplete ul li[aria-selected] {
9591
- background: var(--scalar-background-2) !important;
9592
- color: var(--scalar-color-1) !important;
9593
- }
9594
- [data-v-103d9d56] .cm-tooltip-autocomplete ul {
9595
- position: relative;
9596
- padding: 6px !important;
9620
+ .address-bar-bg-states[data-v-cb2a35da] {
9621
+ background: var(--scalar-address-bar-bg);
9597
9622
  }
9598
- [data-v-103d9d56] .cm-tooltip-autocomplete ul li:hover {
9599
- border-radius: 3px;
9600
- color: var(--scalar-color-1) !important;
9601
- background: var(--scalar-background-3) !important;
9623
+ .address-bar-bg-states[data-v-cb2a35da]:has(.cm-focused) {
9624
+ --scalar-address-bar-bg: var(--scalar-background-1);
9625
+ border-color: var(--scalar-border-color);
9626
+ outline: 1px solid var(--scalar-color-accent);
9602
9627
  }
9603
- [data-v-103d9d56] .cm-activeLine, [data-v-103d9d56] .cm-activeLineGutter {
9604
- background-color: #0000;
9628
+ .address-bar-bg-states:has(.cm-focused) .fade-left[data-v-cb2a35da], .address-bar-bg-states:has(.cm-focused) .fade-right[data-v-cb2a35da] {
9629
+ --scalar-address-bar-bg: var(--scalar-background-1);
9605
9630
  }
9606
- [data-v-103d9d56] .cm-selectionMatch, [data-v-103d9d56] .cm-matchingBracket {
9607
- border-radius: var(--scalar-radius);
9608
- background: var(--scalar-background-4) !important;
9631
+ .sidebar-height[data-v-dcff7b49] {
9632
+ min-height: 100%;
9609
9633
  }
9610
- [data-v-103d9d56] .cm-css-color-picker-wrapper {
9611
- outline: 1px solid var(--scalar-background-3);
9612
- border-radius: 3px;
9613
- display: inline-flex;
9614
- overflow: hidden;
9634
+ @media (min-width: 800px) {
9635
+ .sidebar-mask[data-v-dcff7b49] {
9636
+ -webkit-mask-image: linear-gradient(0, transparent 0, transparent 0, var(--scalar-background-2) 30px);
9637
+ -webkit-mask-image: linear-gradient(0, transparent 0, transparent 0, var(--scalar-background-2) 30px);
9638
+ -webkit-mask-image: linear-gradient(0, transparent 0, transparent 0, var(--scalar-background-2) 30px);
9639
+ mask-image: linear-gradient(0, transparent 0, transparent 0, var(--scalar-background-2) 30px);
9615
9640
  }
9616
- [data-v-103d9d56] .cm-gutters {
9617
- color: var(--scalar-color-3);
9618
- font-size: var(--scalar-small);
9619
- background-color: #0000;
9620
- border-right: none;
9621
- border-radius: 0 0 0 3px;
9622
- line-height: 22px;
9623
9641
  }
9624
- [data-v-103d9d56] .cm-gutters:before {
9625
- content: "";
9626
- border-radius: var(--scalar-radius) 0 0 var(--scalar-radius);
9627
- background-color: var(--scalar-background-1);
9628
- width: calc(100% - 2px);
9629
- height: calc(100% - 4px);
9642
+ .resizer[data-v-dcff7b49] {
9643
+ cursor: col-resize;
9644
+ border-right: 2px solid #0000;
9645
+ width: 5px;
9646
+ transition: border-right-color .3s;
9630
9647
  position: absolute;
9631
- top: 2px;
9632
- left: 2px;
9633
- }
9634
- [data-v-103d9d56] .cm-gutterElement {
9635
- justify-content: flex-end;
9636
- align-items: center;
9637
- display: flex;
9638
- position: relative;
9639
- font-family: var(--scalar-font-code) !important;
9640
- padding-left: 0 !important;
9641
- padding-right: 6px !important;
9642
- }
9643
- [data-v-103d9d56] .cm-lineNumbers .cm-gutterElement {
9644
- min-width: fit-content;
9645
- }
9646
- [data-v-103d9d56] .cm-gutter + .cm-gutter :not(.cm-foldGutter) .cm-gutterElement {
9647
- padding-left: 0 !important;
9648
- }
9649
- [data-v-103d9d56] .cm-scroller {
9650
- overflow: auto;
9651
- }
9652
- .line-wrapping[data-v-103d9d56]:focus-within .cm-content {
9653
- white-space: break-spaces;
9654
- word-break: break-all;
9655
- min-height: fit-content;
9656
- padding: 3px 6px;
9657
- display: inline-table;
9658
- }
9659
- .schema > span[data-v-4df72868]:not(:first-child):before {
9660
- content: "·";
9661
- margin: 0 .5ch;
9662
- display: block;
9648
+ top: 0;
9649
+ bottom: 0;
9650
+ right: 0;
9663
9651
  }
9664
- .schema > span[data-v-4df72868] {
9665
- white-space: nowrap;
9666
- display: flex;
9652
+ .resizer[data-v-dcff7b49]:hover, .dragging .resizer[data-v-dcff7b49] {
9653
+ border-right-color: var(--scalar-background-3);
9667
9654
  }
9668
- [data-v-04661eb4] .cm-editor {
9669
- padding: 0;
9655
+ .dragging[data-v-dcff7b49] {
9656
+ cursor: col-resize;
9670
9657
  }
9671
- [data-v-04661eb4] .cm-content {
9672
- font-family: var(--scalar-font);
9673
- font-size: var(--scalar-small);
9674
- background-color: #0000;
9675
- align-items: center;
9658
+ .dragging[data-v-dcff7b49]:before {
9659
+ content: "";
9676
9660
  width: 100%;
9677
- padding: 5px 8px;
9678
- display: flex;
9679
- }
9680
- [data-v-04661eb4] .cm-content:has(.cm-pill) {
9681
- padding: 5px 8px;
9682
- }
9683
- [data-v-04661eb4] .cm-content .cm-pill:not(:last-of-type) {
9684
- margin-right: .5px;
9685
- }
9686
- [data-v-04661eb4] .cm-content .cm-pill:not(:first-of-type) {
9687
- margin-left: .5px;
9688
- }
9689
- [data-v-04661eb4] .cm-line {
9690
- text-overflow: ellipsis;
9691
- padding: 0;
9692
- overflow: hidden;
9693
- }
9694
- .filemask[data-v-04661eb4] {
9695
- -webkit-mask-image: linear-gradient(to right, transparent 0, var(--scalar-background-2) 20px);
9696
- -webkit-mask-image: linear-gradient(to right, transparent 0, var(--scalar-background-2) 20px);
9697
- -webkit-mask-image: linear-gradient(to right, transparent 0, var(--scalar-background-2) 20px);
9698
- mask-image: linear-gradient(to right, transparent 0, var(--scalar-background-2) 20px);
9699
- }
9700
- [data-v-9aa4b63a] .cm-content {
9701
- font-size: var(--scalar-small);
9661
+ height: 100%;
9662
+ display: block;
9663
+ position: absolute;
9702
9664
  }
9703
9665
  [data-v-2b299aed] .cm-editor {
9704
9666
  padding: 0;
@@ -9738,179 +9700,60 @@ input[data-v-2b299aed]::placeholder {
9738
9700
  -webkit-text-security: disc;
9739
9701
  -moz-text-security: disc;
9740
9702
  }
9741
- .auth-combobox-position[data-v-0bb98074] {
9742
- margin-left: 120px;
9743
- }
9744
- .scroll-timeline-x[data-v-0bb98074] {
9745
- scroll-timeline: --scroll-timeline x;
9746
- scroll-timeline: --scroll-timeline horizontal;
9747
- scrollbar-width: none;
9748
- -ms-overflow-style: none;
9749
- overflow: auto;
9750
- }
9751
- .fade-left[data-v-0bb98074], .fade-right[data-v-0bb98074] {
9752
- content: "";
9753
- pointer-events: none;
9754
- height: 100%;
9755
- min-height: 24px;
9756
- animation-name: fadein-0bb98074;
9757
- animation-duration: 1ms;
9758
- animation-direction: reverse;
9759
- animation-timeline: --scroll-timeline;
9760
- position: sticky;
9761
- }
9762
- .fade-left[data-v-0bb98074] {
9763
- background: linear-gradient(-90deg, var(--scalar-background-1) 0%, var(--scalar-background-1) 60%, var(--scalar-background-1) 100%);
9764
- }
9765
- @supports (color: color-mix(in lab, red, red)) {
9766
- .fade-left[data-v-0bb98074] {
9767
- background: linear-gradient(-90deg, color-mix(in srgb, var(--scalar-background-1), transparent 100%) 0%, color-mix(in srgb, var(--scalar-background-1), transparent 20%) 60%, var(--scalar-background-1) 100%);
9768
- }
9703
+ @media (min-width: 800px) {
9704
+ .has-no-import-url, .has-import-url {
9705
+ contain: paint;
9706
+ max-width: 100dvw;
9707
+ overflow-x: hidden;
9769
9708
  }
9770
- .fade-left[data-v-0bb98074] {
9771
- min-width: 3px;
9772
- animation-direction: normal;
9773
- left: -1px;
9709
+ .has-no-import-url .scalar-client > main {
9710
+ opacity: 1;
9711
+ background: var(--scalar-background-1);
9712
+ animation: .3s ease-in-out forwards transform-restore-layout;
9774
9713
  }
9775
- .fade-right[data-v-0bb98074] {
9776
- background: linear-gradient(90deg, var(--scalar-background-1) 0%, var(--scalar-background-1) 60%, var(--scalar-background-1) 100%);
9714
+ .has-import-url .scalar-client > main {
9715
+ opacity: 0;
9716
+ border: var(--scalar-border-width) solid var(--scalar-border-color);
9717
+ z-index: 10000;
9718
+ border-radius: 12px;
9719
+ animation: .3s ease-in-out forwards transform-fade-layout;
9720
+ overflow: hidden;
9721
+ transform: scale(.85)translate(calc(50dvw + 80px));
9777
9722
  }
9778
- @supports (color: color-mix(in lab, red, red)) {
9779
- .fade-right[data-v-0bb98074] {
9780
- background: linear-gradient(90deg, color-mix(in srgb, var(--scalar-background-1), transparent 100%) 0%, color-mix(in srgb, var(--scalar-background-1), transparent 20%) 60%, var(--scalar-background-1) 100%);
9723
+ .has-import-url .scalar-client .sidenav {
9724
+ display: none;
9781
9725
  }
9726
+ .has-no-import-url .scalar-app, .has-import-url .scalar-app {
9727
+ background: var(--scalar-background-1) !important;
9782
9728
  }
9783
- .fade-right[data-v-0bb98074] {
9784
- min-width: 24px;
9785
- margin-left: -20px;
9786
- top: 0;
9787
- right: -1px;
9788
9729
  }
9789
- @keyframes fadein-0bb98074 {
9730
+ @keyframes transform-fade-layout {
9790
9731
  0% {
9791
9732
  opacity: 0;
9733
+ transform: scale(.85)translate(calc(50dvw + 80px), 10px);
9792
9734
  }
9793
- 15% {
9735
+ to {
9794
9736
  opacity: 1;
9737
+ transform: scale(.85)translate(calc(50dvw + 80px));
9795
9738
  }
9796
9739
  }
9797
- .auth-combobox-position[data-v-3f1067a4] {
9798
- margin-left: 120px;
9799
- }
9800
- .scroll-timeline-x[data-v-3f1067a4] {
9801
- scroll-timeline: --scroll-timeline x;
9802
- scroll-timeline: --scroll-timeline horizontal;
9803
- scrollbar-width: none;
9804
- -ms-overflow-style: none;
9805
- overflow: auto;
9806
- }
9807
- .fade-left[data-v-3f1067a4], .fade-right[data-v-3f1067a4] {
9808
- content: "";
9809
- pointer-events: none;
9810
- height: 100%;
9811
- min-height: 24px;
9812
- animation-name: fadein-3f1067a4;
9813
- animation-duration: 1ms;
9814
- animation-direction: reverse;
9815
- animation-timeline: --scroll-timeline;
9816
- position: sticky;
9817
- }
9818
- .fade-left[data-v-3f1067a4] {
9819
- background: linear-gradient(-90deg, var(--scalar-background-1) 0%, var(--scalar-background-1) 60%, var(--scalar-background-1) 100%);
9820
- }
9821
- @supports (color: color-mix(in lab, red, red)) {
9822
- .fade-left[data-v-3f1067a4] {
9823
- background: linear-gradient(-90deg, color-mix(in srgb, var(--scalar-background-1), transparent 100%) 0%, color-mix(in srgb, var(--scalar-background-1), transparent 20%) 60%, var(--scalar-background-1) 100%);
9824
- }
9825
- }
9826
- .fade-left[data-v-3f1067a4] {
9827
- min-width: 3px;
9828
- animation-direction: normal;
9829
- left: -1px;
9830
- }
9831
- .fade-right[data-v-3f1067a4] {
9832
- background: linear-gradient(90deg, var(--scalar-background-1) 0%, var(--scalar-background-1) 60%, var(--scalar-background-1) 100%);
9833
- }
9834
- @supports (color: color-mix(in lab, red, red)) {
9835
- .fade-right[data-v-3f1067a4] {
9836
- background: linear-gradient(90deg, color-mix(in srgb, var(--scalar-background-1), transparent 100%) 0%, color-mix(in srgb, var(--scalar-background-1), transparent 20%) 60%, var(--scalar-background-1) 100%);
9837
- }
9838
- }
9839
- .fade-right[data-v-3f1067a4] {
9840
- min-width: 24px;
9841
- margin-left: -20px;
9842
- top: 0;
9843
- right: -1px;
9844
- }
9845
- @keyframes fadein-3f1067a4 {
9740
+ @keyframes transform-restore-layout {
9846
9741
  0% {
9847
- opacity: 0;
9848
- }
9849
- 15% {
9850
9742
  opacity: 1;
9743
+ transform: scale(.85)translate(calc(50dvw + 80px));
9851
9744
  }
9745
+ to {
9746
+ opacity: 1;
9747
+ transform: scale(1)translate(0);
9852
9748
  }
9853
- [data-v-2891f052] code.hljs * {
9854
- font-size: var(--scalar-small);
9855
- }
9856
- .request-section-content[data-v-e85e2882] {
9857
- --scalar-border-width: .5px;
9858
- }
9859
- .request-section-content-filter[data-v-e85e2882] {
9860
- box-shadow: 0 -10px 0 10px var(--scalar-background-1);
9861
- }
9862
- .request-item:focus-within .request-meta-buttons[data-v-e85e2882] {
9863
- opacity: 1;
9864
- }
9865
- .group-hover-input[data-v-e85e2882] {
9866
- border-width: var(--scalar-border-width);
9867
- border-color: #0000;
9868
- }
9869
- .group:hover .group-hover-input[data-v-e85e2882] {
9870
- background: var(--scalar-background-1);
9871
- }
9872
- @supports (color: color-mix(in lab, red, red)) {
9873
- .group:hover .group-hover-input[data-v-e85e2882] {
9874
- background: color-mix(in srgb, var(--scalar-background-1), var(--scalar-background-2));
9875
- }
9876
- }
9877
- .group:hover .group-hover-input[data-v-e85e2882] {
9878
- border-color: var(--scalar-border-color);
9879
- }
9880
- .group-hover-input[data-v-e85e2882]:focus {
9881
- border-color: var(--scalar-border-color) !important;
9882
- background: none !important;
9883
- }
9884
- .scalar-button-danger[data-v-07248003] {
9885
- background: var(--scalar-color-red);
9886
- }
9887
- @supports (color: color-mix(in lab, red, red)) {
9888
- .scalar-button-danger[data-v-07248003] {
9889
- background: color-mix(in srgb, var(--scalar-color-red), transparent 95%);
9890
- }
9891
- }
9892
- .scalar-button-danger[data-v-07248003] {
9893
- color: var(--scalar-color-red);
9894
- }
9895
- .scalar-button-danger[data-v-07248003]:hover, .scalar-button-danger[data-v-07248003]:focus {
9896
- background: var(--scalar-color-red);
9897
- }
9898
- @supports (color: color-mix(in lab, red, red)) {
9899
- .scalar-button-danger[data-v-07248003]:hover, .scalar-button-danger[data-v-07248003]:focus {
9900
- background: color-mix(in srgb, var(--scalar-color-red), transparent 90%);
9901
9749
  }
9750
+ .openapi-color {
9751
+ color: var(--scalar-color-green);
9902
9752
  }
9903
- .ref-search-meta[data-v-cc152ff7] {
9904
- background: var(--scalar-background-1);
9905
- border-bottom-left-radius: var(--scalar-radius-lg);
9906
- border-bottom-right-radius: var(--scalar-radius-lg);
9907
- font-size: var(--scalar-font-size-4);
9908
- color: var(--scalar-color-3);
9909
- font-weight: var(--scalar-semibold);
9910
- border-top: var(--scalar-border-width) solid var(--scalar-border-color);
9911
- gap: 12px;
9912
- padding: 6px 12px;
9913
- display: flex;
9753
+ .section-flare {
9754
+ position: fixed;
9755
+ top: 0;
9756
+ right: -50dvw;
9914
9757
  }
9915
9758
  .address-bar-history-button[data-v-8cf04803]:hover {
9916
9759
  background: var(--scalar-background-3);
@@ -10075,49 +9918,49 @@ input[data-v-2b299aed]::placeholder {
10075
9918
  border-radius: var(--scalar-radius);
10076
9919
  color: var(--scalar-color-1);
10077
9920
  }
10078
- [data-v-52f53798] .cm-editor {
9921
+ [data-v-a74c279d] .cm-editor {
10079
9922
  outline: none;
10080
9923
  width: 100%;
10081
9924
  height: 100%;
10082
9925
  }
10083
- [data-v-52f53798] .cm-line {
9926
+ [data-v-a74c279d] .cm-line {
10084
9927
  padding: 0;
10085
9928
  }
10086
- [data-v-52f53798] .cm-content {
9929
+ [data-v-a74c279d] .cm-content {
10087
9930
  font-size: var(--scalar-small);
10088
9931
  align-items: center;
10089
9932
  padding: 0;
10090
9933
  display: flex;
10091
9934
  }
10092
- .scroll-timeline-x[data-v-52f53798] {
9935
+ .scroll-timeline-x[data-v-a74c279d] {
10093
9936
  scroll-timeline: --scroll-timeline x;
10094
9937
  scroll-timeline: --scroll-timeline horizontal;
10095
9938
  -ms-overflow-style: none;
10096
9939
  }
10097
- .scroll-timeline-x-hidden[data-v-52f53798] {
9940
+ .scroll-timeline-x-hidden[data-v-a74c279d] {
10098
9941
  overflow-x: auto;
10099
9942
  }
10100
- .scroll-timeline-x-hidden[data-v-52f53798] .cm-scroller {
9943
+ .scroll-timeline-x-hidden[data-v-a74c279d] .cm-scroller {
10101
9944
  scrollbar-width: none;
10102
9945
  -ms-overflow-style: none;
10103
9946
  padding-right: 20px;
10104
9947
  overflow: auto;
10105
9948
  }
10106
- .scroll-timeline-x-hidden[data-v-52f53798]::-webkit-scrollbar {
9949
+ .scroll-timeline-x-hidden[data-v-a74c279d]::-webkit-scrollbar {
10107
9950
  width: 0;
10108
9951
  height: 0;
10109
9952
  display: none;
10110
9953
  }
10111
- .scroll-timeline-x-hidden[data-v-52f53798] .cm-scroller::-webkit-scrollbar {
9954
+ .scroll-timeline-x-hidden[data-v-a74c279d] .cm-scroller::-webkit-scrollbar {
10112
9955
  width: 0;
10113
9956
  height: 0;
10114
9957
  display: none;
10115
9958
  }
10116
- .scroll-timeline-x-address[data-v-52f53798] {
9959
+ .scroll-timeline-x-address[data-v-a74c279d] {
10117
9960
  scrollbar-width: none;
10118
9961
  line-height: 27px;
10119
9962
  }
10120
- .scroll-timeline-x-address[data-v-52f53798]:after {
9963
+ .scroll-timeline-x-address[data-v-a74c279d]:after {
10121
9964
  content: "";
10122
9965
  cursor: text;
10123
9966
  width: 24px;
@@ -10125,48 +9968,48 @@ input[data-v-2b299aed]::placeholder {
10125
9968
  position: absolute;
10126
9969
  right: 0;
10127
9970
  }
10128
- .scroll-timeline-x-address[data-v-52f53798]:empty:before {
9971
+ .scroll-timeline-x-address[data-v-a74c279d]:empty:before {
10129
9972
  content: "Enter URL or cURL request";
10130
9973
  color: var(--scalar-color-3);
10131
9974
  pointer-events: none;
10132
9975
  }
10133
- .fade-left[data-v-52f53798], .fade-right[data-v-52f53798] {
9976
+ .fade-left[data-v-a74c279d], .fade-right[data-v-a74c279d] {
10134
9977
  content: "";
10135
9978
  pointer-events: none;
10136
9979
  z-index: 1;
10137
9980
  height: 100%;
10138
- animation-name: fadein-52f53798;
9981
+ animation-name: fadein-a74c279d;
10139
9982
  animation-duration: 1ms;
10140
9983
  animation-direction: reverse;
10141
9984
  animation-timeline: --scroll-timeline;
10142
9985
  position: sticky;
10143
9986
  }
10144
- .fade-left[data-v-52f53798] {
9987
+ .fade-left[data-v-a74c279d] {
10145
9988
  background: linear-gradient(-90deg, var(--scalar-address-bar-bg) 0%, var(--scalar-address-bar-bg) 30%, var(--scalar-address-bar-bg) 100%);
10146
9989
  }
10147
9990
  @supports (color: color-mix(in lab, red, red)) {
10148
- .fade-left[data-v-52f53798] {
9991
+ .fade-left[data-v-a74c279d] {
10149
9992
  background: linear-gradient(-90deg, color-mix(in srgb, var(--scalar-address-bar-bg), transparent 100%) 0%, color-mix(in srgb, var(--scalar-address-bar-bg), transparent 20%) 30%, var(--scalar-address-bar-bg) 100%);
10150
9993
  }
10151
9994
  }
10152
- .fade-left[data-v-52f53798] {
9995
+ .fade-left[data-v-a74c279d] {
10153
9996
  min-width: 6px;
10154
9997
  animation-direction: normal;
10155
9998
  left: -1px;
10156
9999
  }
10157
- .fade-right[data-v-52f53798] {
10000
+ .fade-right[data-v-a74c279d] {
10158
10001
  background: linear-gradient(90deg, var(--scalar-address-bar-bg) 0%, var(--scalar-address-bar-bg) 30%, var(--scalar-address-bar-bg) 100%);
10159
10002
  }
10160
10003
  @supports (color: color-mix(in lab, red, red)) {
10161
- .fade-right[data-v-52f53798] {
10004
+ .fade-right[data-v-a74c279d] {
10162
10005
  background: linear-gradient(90deg, color-mix(in srgb, var(--scalar-address-bar-bg), transparent 100%) 0%, color-mix(in srgb, var(--scalar-address-bar-bg), transparent 20%) 30%, var(--scalar-address-bar-bg) 100%);
10163
10006
  }
10164
10007
  }
10165
- .fade-right[data-v-52f53798] {
10008
+ .fade-right[data-v-a74c279d] {
10166
10009
  min-width: 24px;
10167
10010
  right: -1px;
10168
10011
  }
10169
- @keyframes fadein-52f53798 {
10012
+ @keyframes fadein-a74c279d {
10170
10013
  0% {
10171
10014
  opacity: 0;
10172
10015
  }
@@ -10174,53 +10017,109 @@ input[data-v-2b299aed]::placeholder {
10174
10017
  opacity: 1;
10175
10018
  }
10176
10019
  }
10177
- .address-bar-bg-states[data-v-52f53798] {
10020
+ .address-bar-bg-states[data-v-a74c279d] {
10178
10021
  --scalar-address-bar-bg: var(--scalar-background-1);
10179
10022
  }
10180
10023
  @supports (color: color-mix(in lab, red, red)) {
10181
- .address-bar-bg-states[data-v-52f53798] {
10024
+ .address-bar-bg-states[data-v-a74c279d] {
10182
10025
  --scalar-address-bar-bg: color-mix(in srgb, var(--scalar-background-1), var(--scalar-background-2));
10183
10026
  }
10184
10027
  }
10185
- .address-bar-bg-states[data-v-52f53798] {
10028
+ .address-bar-bg-states[data-v-a74c279d] {
10186
10029
  background: var(--scalar-address-bar-bg);
10187
10030
  }
10188
- .address-bar-bg-states[data-v-52f53798]:has(.cm-focused) {
10031
+ .address-bar-bg-states[data-v-a74c279d]:has(.cm-focused) {
10189
10032
  --scalar-address-bar-bg: var(--scalar-background-1);
10190
10033
  border-color: var(--scalar-border-color);
10191
10034
  outline: 1px solid var(--scalar-color-accent);
10192
10035
  }
10193
- .address-bar-bg-states:has(.cm-focused) .fade-left[data-v-52f53798], .address-bar-bg-states:has(.cm-focused) .fade-right[data-v-52f53798] {
10194
- --scalar-address-bar-bg: var(--scalar-background-1);
10036
+ .address-bar-bg-states:has(.cm-focused) .fade-left[data-v-a74c279d], .address-bar-bg-states:has(.cm-focused) .fade-right[data-v-a74c279d] {
10037
+ --scalar-address-bar-bg: var(--scalar-background-1);
10038
+ }
10039
+ .app-exit-button[data-v-e6a4ba62] {
10040
+ color: #fff;
10041
+ background: #0000001a;
10042
+ }
10043
+ .app-exit-button[data-v-e6a4ba62]:hover {
10044
+ background: #ffffff1a;
10045
+ }
10046
+ .fade-request-section-content[data-v-f97cc68c] {
10047
+ background: linear-gradient(to left, var(--scalar-background-1) 64%, transparent);
10048
+ }
10049
+ .filter-hover[data-v-f97cc68c] {
10050
+ height: 100%;
10051
+ padding-left: 24px;
10052
+ padding-right: 39px;
10053
+ transition: width 0s ease-in-out .2s;
10054
+ position: absolute;
10055
+ right: 0;
10056
+ overflow: hidden;
10057
+ }
10058
+ .filter-hover[data-v-f97cc68c]:hover, .filter-hover[data-v-f97cc68c]:has(:focus-visible) {
10059
+ z-index: 10;
10060
+ width: 100%;
10061
+ }
10062
+ .filter-hover[data-v-f97cc68c]:before {
10063
+ content: "";
10064
+ background-color: var(--scalar-background-1);
10065
+ opacity: 0;
10066
+ pointer-events: none;
10067
+ width: 100%;
10068
+ height: fit-content;
10069
+ transition: all .3s ease-in-out;
10070
+ position: absolute;
10071
+ top: 0;
10072
+ left: 0;
10073
+ }
10074
+ .filter-hover-item[data-v-f97cc68c] {
10075
+ opacity: 0;
10076
+ }
10077
+ .filter-hover-item[data-v-f97cc68c]:not(:last-of-type) {
10078
+ transform: translate3d(0, 3px, 0);
10079
+ }
10080
+ .filter-hover:hover .filter-hover-item[data-v-f97cc68c] {
10081
+ transition: opacity .2s ease-in-out, transform .2s ease-in-out;
10082
+ }
10083
+ .filter-hover:hover .filter-hover-item[data-v-f97cc68c]:last-of-type {
10084
+ transition-delay: 50ms;
10085
+ }
10086
+ .filter-hover:hover .filter-hover-item[data-v-f97cc68c]:nth-last-of-type(2) {
10087
+ transition-delay: .1s;
10088
+ }
10089
+ .filter-hover:hover .filter-hover-item[data-v-f97cc68c]:nth-last-of-type(3) {
10090
+ transition-delay: .15s;
10091
+ }
10092
+ .filter-hover:hover .filter-hover-item[data-v-f97cc68c]:nth-last-of-type(4) {
10093
+ transition-delay: .2s;
10094
+ }
10095
+ .filter-hover:hover .filter-hover-item[data-v-f97cc68c]:nth-last-of-type(5) {
10096
+ transition-delay: .25s;
10097
+ }
10098
+ .filter-hover:hover .filter-hover-item[data-v-f97cc68c]:nth-last-of-type(6) {
10099
+ transition-delay: .3s;
10100
+ }
10101
+ .filter-hover:hover .filter-hover-item[data-v-f97cc68c]:nth-last-of-type(7) {
10102
+ transition-delay: .35s;
10103
+ }
10104
+ .filter-hover:hover .filter-hover-item[data-v-f97cc68c], .filter-hover:has(:focus-visible) .filter-hover-item[data-v-f97cc68c] {
10105
+ opacity: 1;
10106
+ transform: translateZ(0);
10195
10107
  }
10196
- .open-api-client-button[data-v-f016469d] {
10197
- cursor: pointer;
10198
- text-align: center;
10199
- white-space: nowrap;
10200
- width: 100%;
10201
- height: 31px;
10202
- font-size: var(--scalar-mini);
10203
- font-weight: var(--scalar-semibold);
10204
- border-radius: var(--scalar-radius);
10205
- box-shadow: 0 0 0 .5px var(--scalar-border-color);
10206
- color: var(--scalar-sidebar-color-1);
10207
- justify-content: center;
10208
- align-items: center;
10209
- gap: 6px;
10210
- padding: 9px 12px;
10211
- line-height: 1.385;
10212
- text-decoration: none;
10213
- display: flex;
10108
+ .filter-hover[data-v-f97cc68c]:hover:before, .filter-hover[data-v-f97cc68c]:has(:focus-visible):before {
10109
+ opacity: .9;
10110
+ -webkit-backdrop-filter: blur(10px);
10111
+ backdrop-filter: blur(10px);
10214
10112
  }
10215
- .open-api-client-button[data-v-f016469d]:hover {
10216
- background: var(--scalar-sidebar-item-hover-background, var(--scalar-background-2));
10113
+ .filter-button[data-v-f97cc68c] {
10114
+ top: 50%;
10115
+ transform: translateY(-50%);
10217
10116
  }
10218
- .app-exit-button[data-v-32ef98d1] {
10219
- color: #fff;
10220
- background: #0000001a;
10117
+ .context-bar-group:hover .context-bar-group-hover\:text-c-1[data-v-f97cc68c], .context-bar-group:has(:focus-visible) .context-bar-group-hover\:text-c-1[data-v-f97cc68c] {
10118
+ --tw-text-opacity: 1;
10119
+ color: rgb(var(--scalar-color-1) / var(--tw-text-opacity));
10221
10120
  }
10222
- .app-exit-button[data-v-32ef98d1]:hover {
10223
- background: #ffffff1a;
10121
+ .context-bar-group:hover .context-bar-group-hover\:hidden[data-v-f97cc68c], .context-bar-group:has(:focus-visible) .context-bar-group-hover\:hidden[data-v-f97cc68c] {
10122
+ display: none;
10224
10123
  }
10225
10124
  .schema > span[data-v-4e1aabec]:not(:first-child):before {
10226
10125
  content: "·";
@@ -10354,12 +10253,38 @@ input[data-v-25ff4902]::placeholder {
10354
10253
  .scalar-code-block[data-v-32d6d6ca] .hljs * {
10355
10254
  font-size: var(--scalar-small);
10356
10255
  }
10357
- .response-body-virtual[data-headlessui-state="open"], .response-body-virtual[data-headlessui-state="open"] .diclosure-panel {
10358
- flex-direction: column;
10359
- flex-grow: 1;
10360
- display: flex;
10256
+ .ascii-art-animate .ascii-art-line[data-v-69ebd973] {
10257
+ border-right: 1ch solid #0000;
10258
+ animation: 4s step-end 1s both typewriter-69ebd973, .5s step-end infinite blinkTextCursor-69ebd973;
10259
+ }
10260
+ @keyframes typewriter-69ebd973 {
10261
+ 0% {
10262
+ width: 0;
10263
+ }
10264
+ to {
10265
+ width: 100%;
10266
+ }
10267
+ }
10268
+ @keyframes blinkTextCursor-69ebd973 {
10269
+ 0% {
10270
+ border-right-color: currentColor;
10271
+ }
10272
+ 50% {
10273
+ border-right-color: #0000;
10274
+ }
10275
+ }
10276
+ .keycap-n[data-v-b1211b87] {
10277
+ background: -webkit-linear-gradient(5deg, transparent 30%, var(--scalar-color-3) 50%);
10278
+ -webkit-text-fill-color: transparent;
10279
+ -webkit-background-clip: text;
10280
+ background-clip: text;
10281
+ }
10282
+ .keycap-hotkey[data-v-b1211b87] {
10283
+ line-height: 26px;
10284
+ position: absolute;
10285
+ top: 32px;
10361
10286
  }
10362
- .scalar-version-number[data-v-9d44eae8] {
10287
+ .scalar-version-number[data-v-159bd9b3] {
10363
10288
  width: 76px;
10364
10289
  height: 76px;
10365
10290
  font-size: 8px;
@@ -10381,7 +10306,7 @@ input[data-v-25ff4902]::placeholder {
10381
10306
  position: absolute;
10382
10307
  transform: skew(0deg, 13deg);
10383
10308
  }
10384
- .scalar-version-number a[data-v-9d44eae8] {
10309
+ .scalar-version-number a[data-v-159bd9b3] {
10385
10310
  background: var(--scalar-background-2);
10386
10311
  border: .5px solid var(--scalar-border-color);
10387
10312
  border-radius: 3px;
@@ -10389,20 +10314,20 @@ input[data-v-25ff4902]::placeholder {
10389
10314
  font-weight: 700;
10390
10315
  text-decoration: none;
10391
10316
  }
10392
- .gitbook-show[data-v-9d44eae8] {
10317
+ .gitbook-show[data-v-159bd9b3] {
10393
10318
  display: none;
10394
10319
  }
10395
- .v-enter-active[data-v-129df056] {
10320
+ .v-enter-active[data-v-57ced68a] {
10396
10321
  transition: opacity .5s;
10397
10322
  }
10398
- .v-enter-from[data-v-129df056] {
10323
+ .v-enter-from[data-v-57ced68a] {
10399
10324
  opacity: 0;
10400
10325
  }
10401
- .animate-response-heading .response-heading[data-v-039574ac] {
10326
+ .animate-response-heading .response-heading[data-v-0a5d9028] {
10402
10327
  opacity: 1;
10403
- animation: .2s ease-in-out forwards push-response-039574ac;
10328
+ animation: .2s ease-in-out forwards push-response-0a5d9028;
10404
10329
  }
10405
- @keyframes push-response-039574ac {
10330
+ @keyframes push-response-0a5d9028 {
10406
10331
  0% {
10407
10332
  opacity: 1;
10408
10333
  transform: translateY(0);
@@ -10412,11 +10337,11 @@ to {
10412
10337
  transform: translateY(-4px);
10413
10338
  }
10414
10339
  }
10415
- .animate-response-heading .animate-response-children[data-v-039574ac] {
10340
+ .animate-response-heading .animate-response-children[data-v-0a5d9028] {
10416
10341
  opacity: 0;
10417
- animation: .2s ease-in-out 50ms forwards response-spans-039574ac;
10342
+ animation: .2s ease-in-out 50ms forwards response-spans-0a5d9028;
10418
10343
  }
10419
- @keyframes response-spans-039574ac {
10344
+ @keyframes response-spans-0a5d9028 {
10420
10345
  0% {
10421
10346
  opacity: 0;
10422
10347
  transform: translateY(4px);
@@ -10426,130 +10351,352 @@ to {
10426
10351
  transform: translateY(0);
10427
10352
  }
10428
10353
  }
10429
- .scalar .scalar-app-layout[data-v-86f0c0fb] {
10354
+ .request-card[data-v-13b785c0] {
10355
+ font-size: var(--scalar-font-size-3);
10356
+ }
10357
+ .request-method[data-v-13b785c0] {
10358
+ font-family: var(--scalar-font-code);
10359
+ text-transform: uppercase;
10360
+ margin-right: 6px;
10361
+ }
10362
+ .request-card-footer[data-v-13b785c0] {
10363
+ flex-shrink: 0;
10364
+ justify-content: flex-end;
10365
+ padding: 6px;
10366
+ display: flex;
10367
+ }
10368
+ .request-card-footer-addon[data-v-13b785c0] {
10369
+ flex: 1;
10370
+ align-items: center;
10371
+ min-width: 0;
10372
+ display: flex;
10373
+ }
10374
+ .request-editor-section[data-v-13b785c0] {
10375
+ flex: 1;
10376
+ display: flex;
10377
+ }
10378
+ .request-card-simple[data-v-13b785c0] {
10379
+ font-size: var(--scalar-small);
10380
+ justify-content: space-between;
10381
+ align-items: center;
10382
+ padding: 8px 8px 8px 12px;
10383
+ display: flex;
10384
+ }
10385
+ .code-snippet[data-v-13b785c0] {
10386
+ flex-direction: column;
10387
+ width: 100%;
10388
+ display: flex;
10389
+ }
10390
+ .scalar-modal-layout .scalar-button-danger[data-v-b4497d3d] {
10391
+ background: var(--scalar-color-red);
10392
+ }
10393
+ @supports (color: color-mix(in lab, red, red)) {
10394
+ .scalar-modal-layout .scalar-button-danger[data-v-b4497d3d] {
10395
+ background: color-mix(in srgb, var(--scalar-color-red), transparent 95%);
10396
+ }
10397
+ }
10398
+ .scalar-modal-layout .scalar-button-danger[data-v-b4497d3d] {
10399
+ color: var(--scalar-color-red);
10400
+ }
10401
+ .scalar-modal-layout .scalar-button-danger[data-v-b4497d3d]:hover, .scalar-modal-layout .scalar-button-danger[data-v-b4497d3d]:focus {
10402
+ background: var(--scalar-color-red);
10403
+ }
10404
+ @supports (color: color-mix(in lab, red, red)) {
10405
+ .scalar-modal-layout .scalar-button-danger[data-v-b4497d3d]:hover, .scalar-modal-layout .scalar-button-danger[data-v-b4497d3d]:focus {
10406
+ background: color-mix(in srgb, var(--scalar-color-red), transparent 90%);
10407
+ }
10408
+ }
10409
+ .resizer[data-v-e2c54c18] {
10410
+ cursor: col-resize;
10411
+ z-index: 100;
10412
+ border-right: 2px solid #0000;
10413
+ width: 5px;
10414
+ transition: border-right-color .3s;
10415
+ position: absolute;
10416
+ top: 0;
10417
+ bottom: 0;
10418
+ right: 0;
10419
+ }
10420
+ .scalar-dragging {
10421
+ cursor: col-resize;
10422
+ }
10423
+ .resizer:hover, .scalar-dragging .resizer {
10424
+ border-right-color: var(--scalar-background-3);
10425
+ }
10426
+ .scalar-dragging:after {
10427
+ content: "";
10428
+ display: block;
10429
+ position: absolute;
10430
+ inset: 0;
10431
+ }
10432
+ .ref-search-meta[data-v-cc152ff7] {
10430
10433
  background: var(--scalar-background-1);
10434
+ border-bottom-left-radius: var(--scalar-radius-lg);
10435
+ border-bottom-right-radius: var(--scalar-radius-lg);
10436
+ font-size: var(--scalar-font-size-4);
10437
+ color: var(--scalar-color-3);
10438
+ font-weight: var(--scalar-semibold);
10439
+ border-top: var(--scalar-border-width) solid var(--scalar-border-color);
10440
+ gap: 12px;
10441
+ padding: 6px 12px;
10442
+ display: flex;
10443
+ }
10444
+ .splash-screen[data-v-af32615f] {
10445
+ opacity: 0;
10446
+ animation: .5s ease-in-out forwards fadeIn-af32615f;
10447
+ }
10448
+ .logo-icon[data-v-af32615f] {
10449
+ opacity: 0;
10450
+ animation: .6s ease-in-out .2s forwards fadeInLogo-af32615f, 2s ease-in-out .8s infinite pulse-af32615f;
10451
+ }
10452
+ @keyframes fadeIn-af32615f {
10453
+ 0% {
10454
+ opacity: 0;
10455
+ }
10456
+ to {
10457
+ opacity: .9;
10458
+ }
10459
+ }
10460
+ @keyframes fadeInLogo-af32615f {
10461
+ 0% {
10462
+ opacity: 0;
10463
+ transform: scale(.9);
10464
+ }
10465
+ to {
10466
+ opacity: .8;
10467
+ transform: scale(1);
10468
+ }
10469
+ }
10470
+ @keyframes pulse-af32615f {
10471
+ 0%, to {
10472
+ opacity: .8;
10473
+ }
10474
+ 50% {
10475
+ opacity: .6;
10476
+ }
10477
+ }
10478
+ .scroll-timeline-x[data-v-981120f2] {
10479
+ scroll-timeline: --scroll-timeline x;
10480
+ scroll-timeline: --scroll-timeline horizontal;
10481
+ -ms-overflow-style: none;
10482
+ scrollbar-width: none;
10483
+ overflow: auto;
10484
+ }
10485
+ .scroll-timeline-x[data-v-981120f2]::-webkit-scrollbar {
10486
+ display: none;
10487
+ }
10488
+ .commandmenu[data-v-7f3e459b] {
10489
+ box-shadow: var(--scalar-shadow-2);
10490
+ border-radius: var(--scalar-radius-lg);
10491
+ background-color: var(--scalar-background-1);
10431
10492
  opacity: 0;
10432
- border: var(--scalar-border-width) solid var(--scalar-border-color);
10433
- border-radius: 8px;
10434
10493
  width: 100%;
10435
- max-width: 1390px;
10436
- height: calc(100% - 120px);
10437
- margin: auto;
10438
- animation: .35s forwards scalarapiclientfadein-86f0c0fb;
10439
- position: relative;
10440
- overflow: hidden;
10494
+ max-width: 580px;
10495
+ max-height: 60dvh;
10496
+ margin: 12px;
10497
+ animation: .3s ease-in-out .1s forwards fadeincommandmenu-7f3e459b;
10498
+ position: fixed;
10499
+ top: 150px;
10500
+ left: 50%;
10501
+ transform: translate3d(-50%, 10px, 0);
10441
10502
  }
10442
- @media (max-width: 720px) and (max-height: 480px) {
10443
- .scalar .scalar-app-layout[data-v-86f0c0fb] {
10444
- height: 100%;
10445
- max-height: 90svh;
10503
+ .commandmenu-overlay[data-v-7f3e459b] {
10504
+ cursor: pointer;
10505
+ background: #0003;
10506
+ animation: .3s ease-in-out forwards fadeincommand-7f3e459b;
10507
+ position: fixed;
10508
+ inset: 0;
10446
10509
  }
10510
+ @keyframes fadeincommand-7f3e459b {
10511
+ 0% {
10512
+ opacity: 0;
10447
10513
  }
10448
- @keyframes scalarapiclientfadein-86f0c0fb {
10514
+ to {
10515
+ opacity: 1;
10516
+ }
10517
+ }
10518
+ @keyframes fadeincommandmenu-7f3e459b {
10449
10519
  0% {
10450
10520
  opacity: 0;
10521
+ transform: translate3d(-50%, 10px, 0);
10522
+ }
10523
+ to {
10524
+ opacity: 1;
10525
+ transform: translate3d(-50%, 0, 0);
10526
+ }
10527
+ }
10528
+ .empty-sidebar-item-content[data-v-a9d2880c] {
10529
+ display: none;
10530
+ }
10531
+ .empty-sidebar-item .empty-sidebar-item-content[data-v-a9d2880c] {
10532
+ display: block;
10533
+ }
10534
+ .rabbitjump[data-v-a9d2880c] {
10535
+ opacity: 0;
10536
+ }
10537
+ .empty-sidebar-item:hover .rabbitjump[data-v-a9d2880c] {
10538
+ opacity: 1;
10539
+ animation: .5s step-end infinite rabbitAnimation-a9d2880c;
10540
+ }
10541
+ .empty-sidebar-item:hover .rabbitsit[data-v-a9d2880c] {
10542
+ opacity: 0;
10543
+ animation: .5s step-end infinite rabbitAnimation2-a9d2880c;
10544
+ }
10545
+ .empty-sidebar-item:hover .rabbit-ascii[data-v-a9d2880c] {
10546
+ animation: 8s linear infinite rabbitRun-a9d2880c;
10547
+ }
10548
+ @keyframes rabbitRun-a9d2880c {
10549
+ 0% {
10550
+ transform: translateZ(0);
10551
+ }
10552
+ 25% {
10553
+ transform: translate3d(250px, 0, 0);
10554
+ }
10555
+ 25.01% {
10556
+ transform: translate3d(-250px, 0, 0);
10557
+ }
10558
+ 75% {
10559
+ transform: translate3d(250px, 0, 0);
10451
10560
  }
10452
- to {
10453
- opacity: 1;
10561
+ 75.01% {
10562
+ transform: translate3d(-250px, 0, 0);
10454
10563
  }
10564
+ to {
10565
+ transform: translateZ(0);
10455
10566
  }
10456
- .scalar .scalar-app-exit[data-v-86f0c0fb] {
10457
- cursor: pointer;
10458
- z-index: -1;
10459
- background: #00000038;
10460
- width: 100vw;
10461
- height: 100vh;
10462
- transition: all .3s ease-in-out;
10463
- animation: .35s forwards scalardrawerexitfadein-86f0c0fb;
10464
- position: fixed;
10465
- top: 0;
10466
- left: 0;
10467
10567
  }
10468
- .dark-mode .scalar .scalar-app-exit[data-v-86f0c0fb] {
10469
- background: #00000073;
10568
+ @keyframes rabbitAnimation-a9d2880c {
10569
+ 0%, to {
10570
+ opacity: 1;
10470
10571
  }
10471
- .scalar .scalar-app-exit[data-v-86f0c0fb]:before {
10472
- text-align: center;
10473
- color: #fff;
10474
- opacity: .6;
10475
- font-family: sans-serif;
10476
- font-size: 30px;
10477
- font-weight: 100;
10478
- line-height: 50px;
10479
- position: absolute;
10480
- top: 0;
10481
- right: 12px;
10572
+ 50% {
10573
+ opacity: 0;
10482
10574
  }
10483
- .scalar .scalar-app-exit[data-v-86f0c0fb]:hover:before {
10484
- opacity: 1;
10485
10575
  }
10486
- @keyframes scalardrawerexitfadein-86f0c0fb {
10487
- 0% {
10576
+ @keyframes rabbitAnimation2-a9d2880c {
10577
+ 0%, to {
10488
10578
  opacity: 0;
10489
10579
  }
10490
- to {
10580
+ 50% {
10491
10581
  opacity: 1;
10582
+ transform: translate3d(0, -8px, 0);
10492
10583
  }
10493
10584
  }
10494
- .scalar-container[data-v-86f0c0fb] {
10495
- visibility: visible;
10496
- z-index: 10000;
10497
- justify-content: center;
10498
- align-items: center;
10585
+ .nav-single-tab[data-v-2e741aab] {
10499
10586
  width: 100%;
10500
10587
  height: 100%;
10588
+ color: var(--scalar-color-1);
10589
+ justify-content: center;
10590
+ align-items: center;
10501
10591
  display: flex;
10502
- position: fixed;
10503
- top: 0;
10504
- bottom: 0;
10505
- left: 0;
10506
10592
  overflow: hidden;
10507
10593
  }
10508
- .scalar .url-form-input[data-v-86f0c0fb] {
10509
- min-height: auto !important;
10594
+ .nav-item[data-v-2e741aab] {
10595
+ cursor: pointer;
10596
+ border-radius: var(--scalar-radius-lg);
10597
+ background: var(--scalar-background-3);
10598
+ border: var(--scalar-border-width) solid var(--scalar-background-2);
10599
+ color: var(--scalar-color-3);
10600
+ flex: 1;
10601
+ justify-content: center;
10602
+ align-items: center;
10603
+ min-width: 0;
10604
+ padding: 4.5px 1rem;
10605
+ display: flex;
10606
+ position: relative;
10607
+ overflow: hidden;
10510
10608
  }
10511
- .scalar .scalar-container[data-v-86f0c0fb] {
10512
- line-height: normal;
10609
+ .dark-mode .nav-item[data-v-2e741aab] {
10610
+ background: var(--scalar-background-2);
10513
10611
  }
10514
- .scalar .scalar-app-header span[data-v-86f0c0fb] {
10515
- color: var(--scalar-color-3);
10612
+ @supports (color: color-mix(in lab, red, red)) {
10613
+ .dark-mode .nav-item[data-v-2e741aab] {
10614
+ background: color-mix(in srgb, var(--scalar-background-2), transparent);
10516
10615
  }
10517
- .scalar .scalar-app-header a[data-v-86f0c0fb] {
10616
+ }
10617
+ .nav-item-icon-copy[data-v-2e741aab] {
10618
+ white-space: nowrap;
10619
+ max-width: 100%;
10620
+ -webkit-mask-image: linear-gradient(to left, transparent 0, var(--scalar-background-2) 20px);
10621
+ -webkit-mask-image: linear-gradient(to left, transparent 0, var(--scalar-background-2) 20px);
10622
+ -webkit-mask-image: linear-gradient(to left, transparent 0, var(--scalar-background-2) 20px);
10623
+ mask-image: linear-gradient(to left, transparent 0, var(--scalar-background-2) 20px);
10624
+ overflow: hidden;
10625
+ }
10626
+ .nav-item:hover .nav-item-icon-copy[data-v-2e741aab] {
10627
+ -webkit-mask-image: linear-gradient(to left, transparent 20px, var(--scalar-background-2) 40px);
10628
+ -webkit-mask-image: linear-gradient(to left, transparent 20px, var(--scalar-background-2) 40px);
10629
+ -webkit-mask-image: linear-gradient(to left, transparent 20px, var(--scalar-background-2) 40px);
10630
+ mask-image: linear-gradient(to left, transparent 20px, var(--scalar-background-2) 40px);
10631
+ }
10632
+ .nav-item-copy[data-v-2e741aab] {
10633
+ max-width: calc(100% - 20px);
10634
+ }
10635
+ .nav-item[data-v-2e741aab]:hover {
10518
10636
  color: var(--scalar-color-1);
10519
10637
  }
10520
- .scalar .scalar-app-header a[data-v-86f0c0fb]:hover {
10521
- text-decoration: underline;
10638
+ .nav-item__active[data-v-2e741aab] {
10639
+ background-color: var(--scalar-background-1);
10640
+ color: var(--scalar-color-1);
10641
+ border-color: var(--scalar-border-color);
10522
10642
  }
10523
- .scalar-activate[data-v-86f0c0fb] {
10524
- cursor: pointer;
10525
- align-items: center;
10526
- gap: 6px;
10527
- width: fit-content;
10528
- margin: 0 .75rem .75rem auto;
10529
- font-size: .875rem;
10530
- font-weight: 600;
10531
- line-height: 24px;
10532
- display: flex;
10643
+ .dark-mode .nav-item__active[data-v-2e741aab] {
10644
+ background-color: var(--scalar-background-2);
10533
10645
  }
10534
- .scalar-activate-button[data-v-86f0c0fb] {
10535
- color: var(--scalar-color-blue);
10536
- appearance: none;
10646
+ .nav-item-close[data-v-2e741aab] {
10647
+ border-radius: var(--scalar-radius);
10648
+ stroke-width: 1.5px;
10649
+ max-width: 20px;
10650
+ color: var(--scalar-color-3);
10651
+ opacity: 0;
10537
10652
  background: none;
10538
- border: none;
10539
- outline: none;
10540
- align-items: center;
10541
- gap: 6px;
10542
- padding: 0 .5rem;
10653
+ margin-left: -20px;
10654
+ padding: 2px;
10655
+ position: absolute;
10656
+ right: 3px;
10657
+ }
10658
+ .nav-item:hover .nav-item-close[data-v-2e741aab] {
10659
+ opacity: 1;
10660
+ }
10661
+ .nav-item-close[data-v-2e741aab]:hover {
10662
+ background-color: var(--scalar-background-4);
10663
+ }
10664
+ .nav-item__active .nav-item-close[data-v-2e741aab]:hover {
10665
+ background-color: var(--scalar-background-2);
10666
+ }
10667
+ .download-app-button[data-v-d9bec97b] {
10668
+ box-shadow: 0 0 0 .5px var(--scalar-border-color);
10669
+ background: linear-gradient(#ffffffbf, #00000009);
10670
+ }
10671
+ .dark-mode .download-app-button[data-v-d9bec97b] {
10672
+ background: linear-gradient(#ffffff1a, #00000026);
10673
+ }
10674
+ .download-app-button[data-v-d9bec97b]:hover {
10675
+ background: linear-gradient(#00000009, #ffffffbf);
10676
+ }
10677
+ .dark-mode .download-app-button[data-v-d9bec97b]:hover {
10678
+ background: linear-gradient(#00000026, #ffffff1a);
10679
+ }
10680
+ #scalar-client {
10681
+ background-color: var(--scalar-background-2);
10682
+ flex-direction: column;
10683
+ width: 100dvw;
10684
+ height: 100dvh;
10543
10685
  display: flex;
10686
+ position: relative;
10544
10687
  }
10545
- .scalar-activate:hover .scalar-activate-button[data-v-86f0c0fb] {
10546
- background: var(--scalar-background-3);
10547
- border-radius: 3px;
10688
+ .dark-mode #scalar-client {
10689
+ background-color: var(--scalar-background-1);
10548
10690
  }
10549
- [data-v-6fc24fdf] .cm-editor {
10691
+ @supports (color: color-mix(in lab, red, red)) {
10692
+ .dark-mode #scalar-client {
10693
+ background-color: color-mix(in srgb, var(--scalar-background-1) 65%, black);
10694
+ }
10695
+ }
10696
+ [data-v-28c8509c] .cm-editor {
10550
10697
  padding: 0;
10551
10698
  }
10552
- [data-v-6fc24fdf] .cm-content {
10699
+ [data-v-28c8509c] .cm-content {
10553
10700
  font-family: var(--scalar-font);
10554
10701
  font-size: var(--scalar-small);
10555
10702
  background-color: #0000;
@@ -10558,24 +10705,24 @@ to {
10558
10705
  padding: 5px 8px;
10559
10706
  display: flex;
10560
10707
  }
10561
- [data-v-6fc24fdf] .cm-content:has(.cm-pill) {
10708
+ [data-v-28c8509c] .cm-content:has(.cm-pill) {
10562
10709
  padding: 5px 8px;
10563
10710
  }
10564
- [data-v-6fc24fdf] .cm-content .cm-pill:not(:last-of-type) {
10711
+ [data-v-28c8509c] .cm-content .cm-pill:not(:last-of-type) {
10565
10712
  margin-right: .5px;
10566
10713
  }
10567
- [data-v-6fc24fdf] .cm-content .cm-pill:not(:first-of-type) {
10714
+ [data-v-28c8509c] .cm-content .cm-pill:not(:first-of-type) {
10568
10715
  margin-left: .5px;
10569
10716
  }
10570
- [data-v-6fc24fdf] .cm-line {
10717
+ [data-v-28c8509c] .cm-line {
10571
10718
  text-overflow: ellipsis;
10572
10719
  padding: 0;
10573
10720
  overflow: hidden;
10574
10721
  }
10575
- [data-v-28c8509c] .cm-editor {
10722
+ [data-v-6fc24fdf] .cm-editor {
10576
10723
  padding: 0;
10577
10724
  }
10578
- [data-v-28c8509c] .cm-content {
10725
+ [data-v-6fc24fdf] .cm-content {
10579
10726
  font-family: var(--scalar-font);
10580
10727
  font-size: var(--scalar-small);
10581
10728
  background-color: #0000;
@@ -10584,439 +10731,458 @@ to {
10584
10731
  padding: 5px 8px;
10585
10732
  display: flex;
10586
10733
  }
10587
- [data-v-28c8509c] .cm-content:has(.cm-pill) {
10734
+ [data-v-6fc24fdf] .cm-content:has(.cm-pill) {
10588
10735
  padding: 5px 8px;
10589
10736
  }
10590
- [data-v-28c8509c] .cm-content .cm-pill:not(:last-of-type) {
10737
+ [data-v-6fc24fdf] .cm-content .cm-pill:not(:last-of-type) {
10591
10738
  margin-right: .5px;
10592
10739
  }
10593
- [data-v-28c8509c] .cm-content .cm-pill:not(:first-of-type) {
10740
+ [data-v-6fc24fdf] .cm-content .cm-pill:not(:first-of-type) {
10594
10741
  margin-left: .5px;
10595
10742
  }
10596
- [data-v-28c8509c] .cm-line {
10743
+ [data-v-6fc24fdf] .cm-line {
10597
10744
  text-overflow: ellipsis;
10598
10745
  padding: 0;
10599
10746
  overflow: hidden;
10600
10747
  }
10601
- .splash-screen[data-v-f27cd101] {
10602
- opacity: 0;
10603
- animation: .5s ease-in-out forwards fadeIn-f27cd101;
10604
- }
10605
- .logo-icon[data-v-f27cd101] {
10748
+ .scalar .scalar-app-layout[data-v-86f0c0fb] {
10749
+ background: var(--scalar-background-1);
10606
10750
  opacity: 0;
10607
- animation: .6s ease-in-out .2s forwards fadeInLogo-f27cd101, 2s ease-in-out .8s infinite pulse-f27cd101;
10608
- }
10609
- @keyframes fadeIn-f27cd101 {
10610
- 0% {
10611
- opacity: 0;
10751
+ border: var(--scalar-border-width) solid var(--scalar-border-color);
10752
+ border-radius: 8px;
10753
+ width: 100%;
10754
+ max-width: 1390px;
10755
+ height: calc(100% - 120px);
10756
+ margin: auto;
10757
+ animation: .35s forwards scalarapiclientfadein-86f0c0fb;
10758
+ position: relative;
10759
+ overflow: hidden;
10612
10760
  }
10613
- to {
10614
- opacity: .9;
10761
+ @media (max-width: 720px) and (max-height: 480px) {
10762
+ .scalar .scalar-app-layout[data-v-86f0c0fb] {
10763
+ height: 100%;
10764
+ max-height: 90svh;
10615
10765
  }
10616
10766
  }
10617
- @keyframes fadeInLogo-f27cd101 {
10767
+ @keyframes scalarapiclientfadein-86f0c0fb {
10618
10768
  0% {
10619
10769
  opacity: 0;
10620
- transform: scale(.9);
10621
10770
  }
10622
10771
  to {
10623
- opacity: .8;
10624
- transform: scale(1);
10625
- }
10626
- }
10627
- @keyframes pulse-f27cd101 {
10628
- 0%, to {
10629
- opacity: .8;
10630
- }
10631
- 50% {
10632
- opacity: .6;
10772
+ opacity: 1;
10633
10773
  }
10634
10774
  }
10635
- .resizer[data-v-e2c54c18] {
10636
- cursor: col-resize;
10637
- z-index: 100;
10638
- border-right: 2px solid #0000;
10639
- width: 5px;
10640
- transition: border-right-color .3s;
10641
- position: absolute;
10775
+ .scalar .scalar-app-exit[data-v-86f0c0fb] {
10776
+ cursor: pointer;
10777
+ z-index: -1;
10778
+ background: #00000038;
10779
+ width: 100vw;
10780
+ height: 100vh;
10781
+ transition: all .3s ease-in-out;
10782
+ animation: .35s forwards scalardrawerexitfadein-86f0c0fb;
10783
+ position: fixed;
10642
10784
  top: 0;
10643
- bottom: 0;
10644
- right: 0;
10645
- }
10646
- .scalar-dragging {
10647
- cursor: col-resize;
10648
- }
10649
- .resizer:hover, .scalar-dragging .resizer {
10650
- border-right-color: var(--scalar-background-3);
10651
- }
10652
- .scalar-dragging:after {
10653
- content: "";
10654
- display: block;
10655
- position: absolute;
10656
- inset: 0;
10657
- }
10658
- .empty-sidebar-item-content[data-v-1294a014] {
10659
- display: none;
10785
+ left: 0;
10660
10786
  }
10661
- .empty-sidebar-item .empty-sidebar-item-content[data-v-1294a014] {
10662
- display: block;
10787
+ .dark-mode .scalar .scalar-app-exit[data-v-86f0c0fb] {
10788
+ background: #00000073;
10663
10789
  }
10664
- .rabbitjump[data-v-1294a014] {
10665
- opacity: 0;
10790
+ .scalar .scalar-app-exit[data-v-86f0c0fb]:before {
10791
+ text-align: center;
10792
+ color: #fff;
10793
+ opacity: .6;
10794
+ font-family: sans-serif;
10795
+ font-size: 30px;
10796
+ font-weight: 100;
10797
+ line-height: 50px;
10798
+ position: absolute;
10799
+ top: 0;
10800
+ right: 12px;
10666
10801
  }
10667
- .empty-sidebar-item:hover .rabbitjump[data-v-1294a014] {
10802
+ .scalar .scalar-app-exit[data-v-86f0c0fb]:hover:before {
10668
10803
  opacity: 1;
10669
- animation: .5s step-end infinite rabbitAnimation-1294a014;
10670
10804
  }
10671
- .empty-sidebar-item:hover .rabbitsit[data-v-1294a014] {
10672
- opacity: 0;
10673
- animation: .5s step-end infinite rabbitAnimation2-1294a014;
10805
+ @keyframes scalardrawerexitfadein-86f0c0fb {
10806
+ 0% {
10807
+ opacity: 0;
10674
10808
  }
10675
- .empty-sidebar-item:hover .rabbit-ascii[data-v-1294a014] {
10676
- animation: 8s linear infinite rabbitRun-1294a014;
10809
+ to {
10810
+ opacity: 1;
10677
10811
  }
10678
- @keyframes rabbitRun-1294a014 {
10679
- 0% {
10680
- transform: translateZ(0);
10681
10812
  }
10682
- 25% {
10683
- transform: translate3d(250px, 0, 0);
10813
+ .scalar-container[data-v-86f0c0fb] {
10814
+ visibility: visible;
10815
+ z-index: 10000;
10816
+ justify-content: center;
10817
+ align-items: center;
10818
+ width: 100%;
10819
+ height: 100%;
10820
+ display: flex;
10821
+ position: fixed;
10822
+ top: 0;
10823
+ bottom: 0;
10824
+ left: 0;
10825
+ overflow: hidden;
10684
10826
  }
10685
- 25.01% {
10686
- transform: translate3d(-250px, 0, 0);
10827
+ .scalar .url-form-input[data-v-86f0c0fb] {
10828
+ min-height: auto !important;
10687
10829
  }
10688
- 75% {
10689
- transform: translate3d(250px, 0, 0);
10830
+ .scalar .scalar-container[data-v-86f0c0fb] {
10831
+ line-height: normal;
10690
10832
  }
10691
- 75.01% {
10692
- transform: translate3d(-250px, 0, 0);
10833
+ .scalar .scalar-app-header span[data-v-86f0c0fb] {
10834
+ color: var(--scalar-color-3);
10693
10835
  }
10694
- to {
10695
- transform: translateZ(0);
10836
+ .scalar .scalar-app-header a[data-v-86f0c0fb] {
10837
+ color: var(--scalar-color-1);
10696
10838
  }
10839
+ .scalar .scalar-app-header a[data-v-86f0c0fb]:hover {
10840
+ text-decoration: underline;
10697
10841
  }
10698
- @keyframes rabbitAnimation-1294a014 {
10699
- 0%, to {
10700
- opacity: 1;
10842
+ .scalar-activate[data-v-86f0c0fb] {
10843
+ cursor: pointer;
10844
+ align-items: center;
10845
+ gap: 6px;
10846
+ width: fit-content;
10847
+ margin: 0 .75rem .75rem auto;
10848
+ font-size: .875rem;
10849
+ font-weight: 600;
10850
+ line-height: 24px;
10851
+ display: flex;
10701
10852
  }
10702
- 50% {
10703
- opacity: 0;
10853
+ .scalar-activate-button[data-v-86f0c0fb] {
10854
+ color: var(--scalar-color-blue);
10855
+ appearance: none;
10856
+ background: none;
10857
+ border: none;
10858
+ outline: none;
10859
+ align-items: center;
10860
+ gap: 6px;
10861
+ padding: 0 .5rem;
10862
+ display: flex;
10704
10863
  }
10864
+ .scalar-activate:hover .scalar-activate-button[data-v-86f0c0fb] {
10865
+ background: var(--scalar-background-3);
10866
+ border-radius: 3px;
10705
10867
  }
10706
- @keyframes rabbitAnimation2-1294a014 {
10707
- 0%, to {
10708
- opacity: 0;
10868
+ .scalar-modal-layout .scalar-button-danger[data-v-98703c3c] {
10869
+ background: var(--scalar-color-red);
10709
10870
  }
10710
- 50% {
10711
- opacity: 1;
10712
- transform: translate3d(0, -8px, 0);
10871
+ @supports (color: color-mix(in lab, red, red)) {
10872
+ .scalar-modal-layout .scalar-button-danger[data-v-98703c3c] {
10873
+ background: color-mix(in srgb, var(--scalar-color-red), transparent 95%);
10713
10874
  }
10714
10875
  }
10715
- .download-app-button[data-v-d9bec97b] {
10716
- box-shadow: 0 0 0 .5px var(--scalar-border-color);
10717
- background: linear-gradient(#ffffffbf, #00000009);
10876
+ .scalar-modal-layout .scalar-button-danger[data-v-98703c3c] {
10877
+ color: var(--scalar-color-red);
10718
10878
  }
10719
- .dark-mode .download-app-button[data-v-d9bec97b] {
10720
- background: linear-gradient(#ffffff1a, #00000026);
10879
+ .scalar-modal-layout .scalar-button-danger[data-v-98703c3c]:hover, .scalar-modal-layout .scalar-button-danger[data-v-98703c3c]:focus {
10880
+ background: var(--scalar-color-red);
10721
10881
  }
10722
- .download-app-button[data-v-d9bec97b]:hover {
10723
- background: linear-gradient(#00000009, #ffffffbf);
10882
+ @supports (color: color-mix(in lab, red, red)) {
10883
+ .scalar-modal-layout .scalar-button-danger[data-v-98703c3c]:hover, .scalar-modal-layout .scalar-button-danger[data-v-98703c3c]:focus {
10884
+ background: color-mix(in srgb, var(--scalar-color-red), transparent 90%);
10724
10885
  }
10725
- .dark-mode .download-app-button[data-v-d9bec97b]:hover {
10726
- background: linear-gradient(#00000026, #ffffff1a);
10727
10886
  }
10728
- .scalar-modal-layout .scalar-button-danger[data-v-b4497d3d] {
10887
+ .scalar-button-danger[data-v-07248003] {
10729
10888
  background: var(--scalar-color-red);
10730
10889
  }
10731
10890
  @supports (color: color-mix(in lab, red, red)) {
10732
- .scalar-modal-layout .scalar-button-danger[data-v-b4497d3d] {
10891
+ .scalar-button-danger[data-v-07248003] {
10733
10892
  background: color-mix(in srgb, var(--scalar-color-red), transparent 95%);
10734
10893
  }
10735
10894
  }
10736
- .scalar-modal-layout .scalar-button-danger[data-v-b4497d3d] {
10895
+ .scalar-button-danger[data-v-07248003] {
10737
10896
  color: var(--scalar-color-red);
10738
10897
  }
10739
- .scalar-modal-layout .scalar-button-danger[data-v-b4497d3d]:hover, .scalar-modal-layout .scalar-button-danger[data-v-b4497d3d]:focus {
10898
+ .scalar-button-danger[data-v-07248003]:hover, .scalar-button-danger[data-v-07248003]:focus {
10740
10899
  background: var(--scalar-color-red);
10741
10900
  }
10742
10901
  @supports (color: color-mix(in lab, red, red)) {
10743
- .scalar-modal-layout .scalar-button-danger[data-v-b4497d3d]:hover, .scalar-modal-layout .scalar-button-danger[data-v-b4497d3d]:focus {
10902
+ .scalar-button-danger[data-v-07248003]:hover, .scalar-button-danger[data-v-07248003]:focus {
10744
10903
  background: color-mix(in srgb, var(--scalar-color-red), transparent 90%);
10745
10904
  }
10746
10905
  }
10747
- .request-card[data-v-13b785c0] {
10748
- font-size: var(--scalar-font-size-3);
10749
- }
10750
- .request-method[data-v-13b785c0] {
10751
- font-family: var(--scalar-font-code);
10752
- text-transform: uppercase;
10753
- margin-right: 6px;
10754
- }
10755
- .request-card-footer[data-v-13b785c0] {
10756
- flex-shrink: 0;
10757
- justify-content: flex-end;
10758
- padding: 6px;
10759
- display: flex;
10906
+ .schema > span[data-v-4df72868]:not(:first-child):before {
10907
+ content: "·";
10908
+ margin: 0 .5ch;
10909
+ display: block;
10760
10910
  }
10761
- .request-card-footer-addon[data-v-13b785c0] {
10762
- flex: 1;
10763
- align-items: center;
10764
- min-width: 0;
10911
+ .schema > span[data-v-4df72868] {
10912
+ white-space: nowrap;
10765
10913
  display: flex;
10766
10914
  }
10767
- .request-editor-section[data-v-13b785c0] {
10768
- flex: 1;
10769
- display: flex;
10915
+ [data-v-04661eb4] .cm-editor {
10916
+ padding: 0;
10770
10917
  }
10771
- .request-card-simple[data-v-13b785c0] {
10918
+ [data-v-04661eb4] .cm-content {
10919
+ font-family: var(--scalar-font);
10772
10920
  font-size: var(--scalar-small);
10773
- justify-content: space-between;
10921
+ background-color: #0000;
10774
10922
  align-items: center;
10775
- padding: 8px 8px 8px 12px;
10776
- display: flex;
10777
- }
10778
- .code-snippet[data-v-13b785c0] {
10779
- flex-direction: column;
10780
10923
  width: 100%;
10924
+ padding: 5px 8px;
10781
10925
  display: flex;
10782
10926
  }
10783
- @media (min-width: 800px) {
10784
- .has-no-import-url, .has-import-url {
10785
- contain: paint;
10786
- max-width: 100dvw;
10787
- overflow-x: hidden;
10788
- }
10789
- .has-no-import-url .scalar-client > main {
10790
- opacity: 1;
10791
- background: var(--scalar-background-1);
10792
- animation: .3s ease-in-out forwards transform-restore-layout;
10793
- }
10794
- .has-import-url .scalar-client > main {
10795
- opacity: 0;
10796
- border: var(--scalar-border-width) solid var(--scalar-border-color);
10797
- z-index: 10000;
10798
- border-radius: 12px;
10799
- animation: .3s ease-in-out forwards transform-fade-layout;
10800
- overflow: hidden;
10801
- transform: scale(.85)translate(calc(50dvw + 80px));
10802
- }
10803
- .has-import-url .scalar-client .sidenav {
10804
- display: none;
10805
- }
10806
- .has-no-import-url .scalar-app, .has-import-url .scalar-app {
10807
- background: var(--scalar-background-1) !important;
10927
+ [data-v-04661eb4] .cm-content:has(.cm-pill) {
10928
+ padding: 5px 8px;
10808
10929
  }
10930
+ [data-v-04661eb4] .cm-content .cm-pill:not(:last-of-type) {
10931
+ margin-right: .5px;
10809
10932
  }
10810
- @keyframes transform-fade-layout {
10811
- 0% {
10812
- opacity: 0;
10813
- transform: scale(.85)translate(calc(50dvw + 80px), 10px);
10933
+ [data-v-04661eb4] .cm-content .cm-pill:not(:first-of-type) {
10934
+ margin-left: .5px;
10814
10935
  }
10815
- to {
10816
- opacity: 1;
10817
- transform: scale(.85)translate(calc(50dvw + 80px));
10936
+ [data-v-04661eb4] .cm-line {
10937
+ text-overflow: ellipsis;
10938
+ padding: 0;
10939
+ overflow: hidden;
10818
10940
  }
10941
+ .filemask[data-v-04661eb4] {
10942
+ -webkit-mask-image: linear-gradient(to right, transparent 0, var(--scalar-background-2) 20px);
10943
+ -webkit-mask-image: linear-gradient(to right, transparent 0, var(--scalar-background-2) 20px);
10944
+ -webkit-mask-image: linear-gradient(to right, transparent 0, var(--scalar-background-2) 20px);
10945
+ mask-image: linear-gradient(to right, transparent 0, var(--scalar-background-2) 20px);
10819
10946
  }
10820
- @keyframes transform-restore-layout {
10821
- 0% {
10822
- opacity: 1;
10823
- transform: scale(.85)translate(calc(50dvw + 80px));
10947
+ [data-v-9aa4b63a] .cm-content {
10948
+ font-size: var(--scalar-small);
10824
10949
  }
10825
- to {
10826
- opacity: 1;
10827
- transform: scale(1)translate(0);
10950
+ .auth-combobox-position[data-v-0bb98074] {
10951
+ margin-left: 120px;
10828
10952
  }
10953
+ .scroll-timeline-x[data-v-0bb98074] {
10954
+ scroll-timeline: --scroll-timeline x;
10955
+ scroll-timeline: --scroll-timeline horizontal;
10956
+ scrollbar-width: none;
10957
+ -ms-overflow-style: none;
10958
+ overflow: auto;
10829
10959
  }
10830
- .openapi-color {
10831
- color: var(--scalar-color-green);
10960
+ .fade-left[data-v-0bb98074], .fade-right[data-v-0bb98074] {
10961
+ content: "";
10962
+ pointer-events: none;
10963
+ height: 100%;
10964
+ min-height: 24px;
10965
+ animation-name: fadein-0bb98074;
10966
+ animation-duration: 1ms;
10967
+ animation-direction: reverse;
10968
+ animation-timeline: --scroll-timeline;
10969
+ position: sticky;
10832
10970
  }
10833
- .section-flare {
10834
- position: fixed;
10835
- top: 0;
10836
- right: -50dvw;
10971
+ .fade-left[data-v-0bb98074] {
10972
+ background: linear-gradient(-90deg, var(--scalar-background-1) 0%, var(--scalar-background-1) 60%, var(--scalar-background-1) 100%);
10837
10973
  }
10838
- #scalar-client {
10839
- background-color: var(--scalar-background-2);
10840
- flex-direction: column;
10841
- width: 100dvw;
10842
- height: 100dvh;
10843
- display: flex;
10844
- position: relative;
10974
+ @supports (color: color-mix(in lab, red, red)) {
10975
+ .fade-left[data-v-0bb98074] {
10976
+ background: linear-gradient(-90deg, color-mix(in srgb, var(--scalar-background-1), transparent 100%) 0%, color-mix(in srgb, var(--scalar-background-1), transparent 20%) 60%, var(--scalar-background-1) 100%);
10845
10977
  }
10846
- .dark-mode #scalar-client {
10847
- background-color: var(--scalar-background-1);
10848
10978
  }
10849
- @supports (color: color-mix(in lab, red, red)) {
10850
- .dark-mode #scalar-client {
10851
- background-color: color-mix(in srgb, var(--scalar-background-1) 65%, black);
10979
+ .fade-left[data-v-0bb98074] {
10980
+ min-width: 3px;
10981
+ animation-direction: normal;
10982
+ left: -1px;
10852
10983
  }
10984
+ .fade-right[data-v-0bb98074] {
10985
+ background: linear-gradient(90deg, var(--scalar-background-1) 0%, var(--scalar-background-1) 60%, var(--scalar-background-1) 100%);
10853
10986
  }
10854
- .address-bar-history-button[data-v-a93fa60f]:hover {
10855
- background: var(--scalar-background-3);
10987
+ @supports (color: color-mix(in lab, red, red)) {
10988
+ .fade-right[data-v-0bb98074] {
10989
+ background: linear-gradient(90deg, color-mix(in srgb, var(--scalar-background-1), transparent 100%) 0%, color-mix(in srgb, var(--scalar-background-1), transparent 20%) 60%, var(--scalar-background-1) 100%);
10856
10990
  }
10857
- .address-bar-history-button[data-v-a93fa60f]:focus-within {
10858
- background: var(--scalar-background-2);
10859
10991
  }
10860
- .description[data-v-92012388] .markdown {
10861
- font-weight: var(--scalar-semibold);
10862
- color: var(--scalar-color--1);
10863
- padding: 0;
10864
- display: block;
10992
+ .fade-right[data-v-0bb98074] {
10993
+ min-width: 24px;
10994
+ margin-left: -20px;
10995
+ top: 0;
10996
+ right: -1px;
10865
10997
  }
10866
- .description[data-v-92012388] .markdown > :first-child {
10867
- margin-top: 0;
10998
+ @keyframes fadein-0bb98074 {
10999
+ 0% {
11000
+ opacity: 0;
10868
11001
  }
10869
- [data-v-cb2a35da] .cm-editor {
10870
- outline: none;
10871
- width: 100%;
10872
- height: 100%;
11002
+ 15% {
11003
+ opacity: 1;
10873
11004
  }
10874
- [data-v-cb2a35da] .cm-line {
10875
- padding: 0;
10876
11005
  }
10877
- [data-v-cb2a35da] .cm-content {
10878
- font-size: var(--scalar-small);
10879
- align-items: center;
10880
- padding: 0;
10881
- display: flex;
11006
+ .auth-combobox-position[data-v-3f1067a4] {
11007
+ margin-left: 120px;
10882
11008
  }
10883
- .scroll-timeline-x[data-v-cb2a35da] {
11009
+ .scroll-timeline-x[data-v-3f1067a4] {
10884
11010
  scroll-timeline: --scroll-timeline x;
10885
11011
  scroll-timeline: --scroll-timeline horizontal;
10886
- -ms-overflow-style: none;
10887
- }
10888
- .scroll-timeline-x-hidden[data-v-cb2a35da] {
10889
- overflow-x: auto;
10890
- }
10891
- .scroll-timeline-x-hidden[data-v-cb2a35da] .cm-scroller {
10892
11012
  scrollbar-width: none;
10893
11013
  -ms-overflow-style: none;
10894
- padding-right: 20px;
10895
11014
  overflow: auto;
10896
11015
  }
10897
- .scroll-timeline-x-hidden[data-v-cb2a35da]::-webkit-scrollbar {
10898
- width: 0;
10899
- height: 0;
10900
- display: none;
10901
- }
10902
- .scroll-timeline-x-hidden[data-v-cb2a35da] .cm-scroller::-webkit-scrollbar {
10903
- width: 0;
10904
- height: 0;
10905
- display: none;
10906
- }
10907
- .scroll-timeline-x-address[data-v-cb2a35da] {
10908
- scrollbar-width: none;
10909
- line-height: 27px;
10910
- }
10911
- .scroll-timeline-x-address[data-v-cb2a35da]:after {
10912
- content: "";
10913
- cursor: text;
10914
- width: 24px;
10915
- height: 100%;
10916
- position: absolute;
10917
- right: 0;
10918
- }
10919
- .scroll-timeline-x-address[data-v-cb2a35da]:empty:before {
10920
- content: "Enter URL or cURL request";
10921
- color: var(--scalar-color-3);
10922
- pointer-events: none;
10923
- }
10924
- .fade-left[data-v-cb2a35da], .fade-right[data-v-cb2a35da] {
11016
+ .fade-left[data-v-3f1067a4], .fade-right[data-v-3f1067a4] {
10925
11017
  content: "";
10926
11018
  pointer-events: none;
10927
- z-index: 1;
10928
11019
  height: 100%;
10929
- animation-name: fadein-cb2a35da;
11020
+ min-height: 24px;
11021
+ animation-name: fadein-3f1067a4;
10930
11022
  animation-duration: 1ms;
10931
11023
  animation-direction: reverse;
10932
11024
  animation-timeline: --scroll-timeline;
10933
11025
  position: sticky;
10934
11026
  }
10935
- .fade-left[data-v-cb2a35da] {
10936
- background: linear-gradient(-90deg, var(--scalar-address-bar-bg) 0%, var(--scalar-address-bar-bg) 30%, var(--scalar-address-bar-bg) 100%);
11027
+ .fade-left[data-v-3f1067a4] {
11028
+ background: linear-gradient(-90deg, var(--scalar-background-1) 0%, var(--scalar-background-1) 60%, var(--scalar-background-1) 100%);
10937
11029
  }
10938
11030
  @supports (color: color-mix(in lab, red, red)) {
10939
- .fade-left[data-v-cb2a35da] {
10940
- background: linear-gradient(-90deg, color-mix(in srgb, var(--scalar-address-bar-bg), transparent 100%) 0%, color-mix(in srgb, var(--scalar-address-bar-bg), transparent 20%) 30%, var(--scalar-address-bar-bg) 100%);
11031
+ .fade-left[data-v-3f1067a4] {
11032
+ background: linear-gradient(-90deg, color-mix(in srgb, var(--scalar-background-1), transparent 100%) 0%, color-mix(in srgb, var(--scalar-background-1), transparent 20%) 60%, var(--scalar-background-1) 100%);
10941
11033
  }
10942
11034
  }
10943
- .fade-left[data-v-cb2a35da] {
10944
- min-width: 6px;
11035
+ .fade-left[data-v-3f1067a4] {
11036
+ min-width: 3px;
10945
11037
  animation-direction: normal;
10946
11038
  left: -1px;
10947
11039
  }
10948
- .fade-right[data-v-cb2a35da] {
10949
- background: linear-gradient(90deg, var(--scalar-address-bar-bg) 0%, var(--scalar-address-bar-bg) 30%, var(--scalar-address-bar-bg) 100%);
11040
+ .fade-right[data-v-3f1067a4] {
11041
+ background: linear-gradient(90deg, var(--scalar-background-1) 0%, var(--scalar-background-1) 60%, var(--scalar-background-1) 100%);
10950
11042
  }
10951
11043
  @supports (color: color-mix(in lab, red, red)) {
10952
- .fade-right[data-v-cb2a35da] {
10953
- background: linear-gradient(90deg, color-mix(in srgb, var(--scalar-address-bar-bg), transparent 100%) 0%, color-mix(in srgb, var(--scalar-address-bar-bg), transparent 20%) 30%, var(--scalar-address-bar-bg) 100%);
11044
+ .fade-right[data-v-3f1067a4] {
11045
+ background: linear-gradient(90deg, color-mix(in srgb, var(--scalar-background-1), transparent 100%) 0%, color-mix(in srgb, var(--scalar-background-1), transparent 20%) 60%, var(--scalar-background-1) 100%);
10954
11046
  }
10955
11047
  }
10956
- .fade-right[data-v-cb2a35da] {
11048
+ .fade-right[data-v-3f1067a4] {
10957
11049
  min-width: 24px;
11050
+ margin-left: -20px;
11051
+ top: 0;
10958
11052
  right: -1px;
10959
11053
  }
10960
- @keyframes fadein-cb2a35da {
11054
+ @keyframes fadein-3f1067a4 {
10961
11055
  0% {
10962
11056
  opacity: 0;
10963
11057
  }
10964
- 1% {
11058
+ 15% {
10965
11059
  opacity: 1;
10966
11060
  }
10967
11061
  }
10968
- .address-bar-bg-states[data-v-cb2a35da] {
10969
- --scalar-address-bar-bg: var(--scalar-background-1);
11062
+ [data-v-2891f052] code.hljs * {
11063
+ font-size: var(--scalar-small);
10970
11064
  }
10971
- @supports (color: color-mix(in lab, red, red)) {
10972
- .address-bar-bg-states[data-v-cb2a35da] {
10973
- --scalar-address-bar-bg: color-mix(in srgb, var(--scalar-background-1), var(--scalar-background-2));
11065
+ .request-section-content[data-v-e85e2882] {
11066
+ --scalar-border-width: .5px;
10974
11067
  }
11068
+ .request-section-content-filter[data-v-e85e2882] {
11069
+ box-shadow: 0 -10px 0 10px var(--scalar-background-1);
10975
11070
  }
10976
- .address-bar-bg-states[data-v-cb2a35da] {
10977
- background: var(--scalar-address-bar-bg);
11071
+ .request-item:focus-within .request-meta-buttons[data-v-e85e2882] {
11072
+ opacity: 1;
10978
11073
  }
10979
- .address-bar-bg-states[data-v-cb2a35da]:has(.cm-focused) {
10980
- --scalar-address-bar-bg: var(--scalar-background-1);
11074
+ .group-hover-input[data-v-e85e2882] {
11075
+ border-width: var(--scalar-border-width);
11076
+ border-color: #0000;
11077
+ }
11078
+ .group:hover .group-hover-input[data-v-e85e2882] {
11079
+ background: var(--scalar-background-1);
11080
+ }
11081
+ @supports (color: color-mix(in lab, red, red)) {
11082
+ .group:hover .group-hover-input[data-v-e85e2882] {
11083
+ background: color-mix(in srgb, var(--scalar-background-1), var(--scalar-background-2));
11084
+ }
11085
+ }
11086
+ .group:hover .group-hover-input[data-v-e85e2882] {
10981
11087
  border-color: var(--scalar-border-color);
10982
- outline: 1px solid var(--scalar-color-accent);
10983
11088
  }
10984
- .address-bar-bg-states:has(.cm-focused) .fade-left[data-v-cb2a35da], .address-bar-bg-states:has(.cm-focused) .fade-right[data-v-cb2a35da] {
10985
- --scalar-address-bar-bg: var(--scalar-background-1);
11089
+ .group-hover-input[data-v-e85e2882]:focus {
11090
+ border-color: var(--scalar-border-color) !important;
11091
+ background: none !important;
10986
11092
  }
10987
- .sidebar-height[data-v-dcff7b49] {
10988
- min-height: 100%;
11093
+ .light-mode .bg-preview[data-v-0956ad2d] {
11094
+ 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");
10989
11095
  }
10990
- @media (min-width: 800px) {
10991
- .sidebar-mask[data-v-dcff7b49] {
10992
- -webkit-mask-image: linear-gradient(0, transparent 0, transparent 0, var(--scalar-background-2) 30px);
10993
- -webkit-mask-image: linear-gradient(0, transparent 0, transparent 0, var(--scalar-background-2) 30px);
10994
- -webkit-mask-image: linear-gradient(0, transparent 0, transparent 0, var(--scalar-background-2) 30px);
10995
- mask-image: linear-gradient(0, transparent 0, transparent 0, var(--scalar-background-2) 30px);
11096
+ .dark-mode .bg-preview[data-v-0956ad2d] {
11097
+ 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");
10996
11098
  }
11099
+ [data-v-85d2902e] .cm-editor {
11100
+ font-size: var(--scalar-small);
11101
+ background-color: #0000;
11102
+ outline: none;
10997
11103
  }
10998
- .resizer[data-v-dcff7b49] {
10999
- cursor: col-resize;
11000
- border-right: 2px solid #0000;
11001
- width: 5px;
11002
- transition: border-right-color .3s;
11003
- position: absolute;
11004
- top: 0;
11005
- bottom: 0;
11006
- right: 0;
11104
+ [data-v-85d2902e] .cm-gutters {
11105
+ background-color: var(--scalar-background-1);
11106
+ border-radius: var(--scalar-radius) 0 0 var(--scalar-radius);
11007
11107
  }
11008
- .resizer[data-v-dcff7b49]:hover, .dragging .resizer[data-v-dcff7b49] {
11009
- border-right-color: var(--scalar-background-3);
11108
+ .body-raw[data-v-85d2902e] .cm-scroller {
11109
+ min-width: 100%;
11110
+ overflow: auto;
11010
11111
  }
11011
- .dragging[data-v-dcff7b49] {
11012
- cursor: col-resize;
11112
+ .scalar-code-block[data-v-17966bf4] .hljs * {
11113
+ font-size: var(--scalar-small);
11013
11114
  }
11014
- .dragging[data-v-dcff7b49]:before {
11015
- content: "";
11016
- width: 100%;
11017
- height: 100%;
11018
- display: block;
11115
+ .response-body-virtual[data-headlessui-state="open"], .response-body-virtual[data-headlessui-state="open"] .diclosure-panel {
11116
+ flex-direction: column;
11117
+ flex-grow: 1;
11118
+ display: flex;
11119
+ }
11120
+ .scalar-version-number[data-v-6d2bdb61] {
11121
+ width: 76px;
11122
+ height: 76px;
11123
+ font-size: 8px;
11124
+ font-family: var(--scalar-font-code);
11125
+ box-shadow: inset 2px 0 0 2px var(--scalar-background-2);
11126
+ text-align: center;
11127
+ text-transform: initial;
11128
+ -webkit-text-decoration-color: var(--scalar-color-3);
11129
+ -webkit-text-decoration-color: var(--scalar-color-3);
11130
+ text-decoration-color: var(--scalar-color-3);
11131
+ border-radius: 9px 9px 16px 12px;
11132
+ flex-direction: column;
11133
+ justify-content: center;
11134
+ align-items: center;
11135
+ margin-top: -113px;
11136
+ margin-left: -36px;
11137
+ line-height: 11px;
11138
+ display: flex;
11019
11139
  position: absolute;
11140
+ transform: skew(0deg, 13deg);
11141
+ }
11142
+ .scalar-version-number a[data-v-6d2bdb61] {
11143
+ background: var(--scalar-background-2);
11144
+ border: .5px solid var(--scalar-border-color);
11145
+ border-radius: 3px;
11146
+ padding: 2px 4px;
11147
+ font-weight: 700;
11148
+ text-decoration: none;
11149
+ }
11150
+ .gitbook-show[data-v-6d2bdb61] {
11151
+ display: none;
11152
+ }
11153
+ .v-enter-active[data-v-7ec8af01] {
11154
+ transition: opacity .5s;
11155
+ }
11156
+ .v-enter-from[data-v-7ec8af01] {
11157
+ opacity: 0;
11158
+ }
11159
+ .animate-response-heading .response-heading[data-v-7138ed84] {
11160
+ opacity: 1;
11161
+ animation: .2s ease-in-out forwards push-response-7138ed84;
11162
+ }
11163
+ @keyframes push-response-7138ed84 {
11164
+ 0% {
11165
+ opacity: 1;
11166
+ transform: translateY(0);
11167
+ }
11168
+ to {
11169
+ opacity: 0;
11170
+ transform: translateY(-4px);
11171
+ }
11172
+ }
11173
+ .animate-response-heading .animate-response-children[data-v-7138ed84] {
11174
+ opacity: 0;
11175
+ animation: .2s ease-in-out 50ms forwards response-spans-7138ed84;
11176
+ }
11177
+ @keyframes response-spans-7138ed84 {
11178
+ 0% {
11179
+ opacity: 0;
11180
+ transform: translateY(4px);
11181
+ }
11182
+ to {
11183
+ opacity: 1;
11184
+ transform: translateY(0);
11185
+ }
11020
11186
  }
11021
11187
  .ellipsis-position[data-v-01a1ab71] {
11022
11188
  transform: translate3d(calc(-100% - 4.5px), 0, 0);
@@ -11479,7 +11645,7 @@ to {
11479
11645
 
11480
11646
  /* Configurable Layout Variables */
11481
11647
  @layer scalar-config {
11482
- .scalar-api-reference[data-v-8817c068] {
11648
+ .scalar-api-reference[data-v-bab13fc8] {
11483
11649
  --refs-sidebar-width: var(--scalar-sidebar-width, 0px);
11484
11650
  /* The header height */
11485
11651
  --refs-header-height: calc(
@@ -11495,7 +11661,7 @@ to {
11495
11661
  );
11496
11662
  --refs-content-max-width: var(--scalar-content-max-width, 1540px);
11497
11663
  }
11498
- .scalar-api-reference.references-classic[data-v-8817c068] {
11664
+ .scalar-api-reference.references-classic[data-v-bab13fc8] {
11499
11665
  /* Classic layout is wider */
11500
11666
  --refs-content-max-width: var(--scalar-content-max-width, 1420px);
11501
11667
  min-height: 100dvh;
@@ -11503,14 +11669,14 @@ to {
11503
11669
  }
11504
11670
 
11505
11671
  /* When the toolbar is present, we need to offset the content */
11506
- .scalar-api-reference[data-v-8817c068]:has(.api-reference-toolbar) {
11672
+ .scalar-api-reference[data-v-bab13fc8]:has(.api-reference-toolbar) {
11507
11673
  --refs-content-offset: 48px;
11508
11674
  }
11509
11675
  }
11510
11676
 
11511
11677
  /* ----------------------------------------------------- */
11512
11678
  /* References Layout */
11513
- .references-layout[data-v-8817c068] {
11679
+ .references-layout[data-v-bab13fc8] {
11514
11680
  /* Try to fill the container */
11515
11681
  min-height: 100dvh;
11516
11682
  min-width: 100%;
@@ -11534,39 +11700,39 @@ to {
11534
11700
 
11535
11701
  background: var(--scalar-background-1);
11536
11702
  }
11537
- .references-editor[data-v-8817c068] {
11703
+ .references-editor[data-v-bab13fc8] {
11538
11704
  grid-area: editor;
11539
11705
  display: flex;
11540
11706
  min-width: 0;
11541
11707
  background: var(--scalar-background-1);
11542
11708
  }
11543
- .references-rendered[data-v-8817c068] {
11709
+ .references-rendered[data-v-bab13fc8] {
11544
11710
  position: relative;
11545
11711
  grid-area: rendered;
11546
11712
  min-width: 0;
11547
11713
  background: var(--scalar-background-1);
11548
11714
  }
11549
- .scalar-api-reference.references-classic[data-v-8817c068],
11550
- .references-classic .references-rendered[data-v-8817c068] {
11715
+ .scalar-api-reference.references-classic[data-v-bab13fc8],
11716
+ .references-classic .references-rendered[data-v-bab13fc8] {
11551
11717
  height: initial !important;
11552
11718
  max-height: initial !important;
11553
11719
  }
11554
11720
  @layer scalar-config {
11555
- .references-sidebar[data-v-8817c068] {
11721
+ .references-sidebar[data-v-bab13fc8] {
11556
11722
  /* Set a default width if references are enabled */
11557
11723
  --refs-sidebar-width: var(--scalar-sidebar-width, 280px);
11558
11724
  }
11559
11725
  }
11560
11726
 
11561
11727
  /* Footer */
11562
- .references-footer[data-v-8817c068] {
11728
+ .references-footer[data-v-bab13fc8] {
11563
11729
  grid-area: footer;
11564
11730
  }
11565
11731
  /* ----------------------------------------------------- */
11566
11732
  /* Responsive / Mobile Layout */
11567
11733
  @media (max-width: 1000px) {
11568
11734
  /* Stack view on mobile */
11569
- .references-layout[data-v-8817c068] {
11735
+ .references-layout[data-v-bab13fc8] {
11570
11736
  grid-template-columns: auto;
11571
11737
  grid-template-rows: var(--scalar-header-height, 0px) 0px auto auto;
11572
11738
 
@@ -11576,13 +11742,13 @@ to {
11576
11742
  'rendered'
11577
11743
  'footer';
11578
11744
  }
11579
- .references-editable[data-v-8817c068] {
11745
+ .references-editable[data-v-bab13fc8] {
11580
11746
  grid-template-areas:
11581
11747
  'header'
11582
11748
  'navigation'
11583
11749
  'editor';
11584
11750
  }
11585
- .references-rendered[data-v-8817c068] {
11751
+ .references-rendered[data-v-bab13fc8] {
11586
11752
  position: static;
11587
11753
  }
11588
11754
  }
@@ -11593,12 +11759,12 @@ to {
11593
11759
  * when the new elements are available
11594
11760
  */
11595
11761
  @media (max-width: 1000px) {
11596
- .scalar-api-references-standalone-mobile[data-v-8817c068] {
11762
+ .scalar-api-references-standalone-mobile[data-v-bab13fc8] {
11597
11763
  --scalar-header-height: 50px;
11598
11764
  }
11599
11765
  }
11600
11766
 
11601
- .darklight-reference[data-v-8817c068] {
11767
+ .darklight-reference[data-v-bab13fc8] {
11602
11768
  width: 100%;
11603
11769
  margin-top: auto;
11604
11770
  }